@charset "UTF-8";
/* --- Dark Mode v.2.0 --- */
@import url(//fonts.googleapis.com/css?family=Roboto+Slab);
@import url(//fonts.googleapis.com/css?family=Inter);
@import 'vendors/emojione/emojione-sprite-32.css';
@import 'vendors/emojione/emojione-sprite-64.css';
@import 'vendors/emojione/fontello.css';
@import url("//fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url(//fonts.googleapis.com/css?family=Caveat);
@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(//fonts.googleapis.com/css?family=Inter);
@import url("//fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
:root {
  --sd-text-primary: #333333;
  --sd-text-secondary: #222222;
  --sd-text-tertiary: #555555;
  --sd-text-light: #777777;
  --sd-bg-primary: rgb(255, 255, 255);
  --sd-bg-secondary: rgb(255, 255, 255);
  --sd-bg-tetriary: rgb(255, 255, 255);
  --sd-bg-accent: rgb(250, 250, 250);
}

/* Media Queries */
/* Placeholder */
/* Set Margin & Padding */
/* Making tiny, small, large, huge classes */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* The hack for Firefox */
}
@-moz-document url-prefix() {
  * {
    scrollbar-color: #808080 rgba(204, 204, 204, 0.15) !important;
  }
}

@supports (padding-top: constant(safe-area-inset-top)) {
  body {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}
@media (display-mode: fullscreen) {
  body {
    padding: 0;
  }
}
@media (display-mode: standalone) {
  body {
    padding: 0;
  }
}
/* Older browsers (which don't support CSS variables) */
body {
  height: 100%;
}

/* Browsers which partially support CSS variables (iOS 11.0 – 11.2) */
@supports (padding-top: constant(safe-area-inset-top)) {
  body {
    --safe-area-inset-top: constant(safe-area-inset-top);
    height: calc(100% + var(--safe-area-inset-top));
  }
}
/* Adapted from https://medium.com/@draganeror/iphone-x-layout-features-with-css-environment-variables-d57423433dec */
/* Browsers which fully support CSS variables (iOS 11.2+). */
@supports (padding-top: env(safe-area-inset-top)) {
  body {
    --safe-area-inset-top: env(safe-area-inset-top);
    height: calc(100% + var(--safe-area-inset-top));
  }
}
@media (display-mode: fullscreen) {
  body {
    height: 100%;
  }
}
@media (display-mode: standalone) {
  body {
    height: 100%;
  }
}
/*END OF CSS for env(safe-area-inset-top) for iOS "Add to Homescreen" / PWA; standalone styles*/
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  height: -moz-available;
  min-height: fill-available;
  min-height: -webkit-fill-available;
  min-width: 0 !important;
  /* The hack for Safari */
  padding: 0 0 env(safe-area-inset-bottom) 0 !important;
  position: relative;
  z-index: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 4px;
}
body > .loading {
  display: none !important;
}

html {
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
  margin: 0 !important;
  padding: 0 !important;
}

.pace {
  z-index: 9999;
  width: 100%;
  height: 100%;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    min-height: -webkit-fill-available;
  }
}
.wrapper {
  width: 100%;
  height: 100%;
  min-height: 100svh; /* fall-back */
  min-height: -moz-available;
  min-height: -webkit-fill-available;
  min-height: fill-available;
  max-height: 100%;
}
.wrapper .content-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
}
.wrapper .content-wrapper .main-wrapper {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin-left: auto;
  min-width: auto;
}
.wrapper .main-wrapper {
  padding: 15px;
}
.wrapper .main-wrapper .widget-list {
  width: 100%;
}

body.with-right-sidebar .main-wrapper {
  padding: 15px 15px 75px;
}
@media (min-width: 768px) {
  body.with-right-sidebar .main-wrapper {
    padding: 15px 75px 15px 15px;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse:not(.blank-layout) .wrapper .main-wrapper:not(.non-logged-payinvoice-container) {
    width: calc(100% - 60px);
  }
}
.sidebar-collapse.blank-layout .wrapper .main-wrapper {
  width: 100%;
  margin-left: 0;
}
.sidebar-collapse.blank-layout .wrapper .main-wrapper .panel-preview .navbar-header {
  width: 100%;
}
.sidebar-collapse.blank-layout .wrapper .main-wrapper .customization-sidebar-wrapper {
  top: 0;
  padding-top: 0;
}

@media (min-width: 961px) {
  .sidebar-focused:not(.blank-layout) .wrapper .main-wrapper:not(.non-logged-payinvoice-container),
  .sidebar-expand:not(.blank-layout) .wrapper .main-wrapper:not(.non-logged-payinvoice-container) {
    width: calc(100% - 14.375rem);
  }
}
.sidebar-focused.blank-layout .wrapper .main-wrapper,
.sidebar-expand.blank-layout .wrapper .main-wrapper {
  width: 100%;
  margin-left: 0;
}
.sidebar-focused.blank-layout .wrapper .main-wrapper .panel-preview .navbar-header,
.sidebar-expand.blank-layout .wrapper .main-wrapper .panel-preview .navbar-header {
  width: 100%;
}
.sidebar-focused.blank-layout .wrapper .main-wrapper .customization-sidebar-wrapper,
.sidebar-expand.blank-layout .wrapper .main-wrapper .customization-sidebar-wrapper {
  top: 0;
  padding-top: 0;
}

@media (min-width: 576px) {
  .content-wrapper.content-wrapper-fixed {
    position: fixed;
  }
}

.main-wrapper {
  background: #fbfbfb;
  padding: 0 1.5625rem 2.5rem;
  position: relative;
  z-index: 0;
  transition: all 0.1s ease;
}
#cancelSaveFilter {
  line-height: 2em;
}

.sidebar-toggle:after {
  display: none;
}

.jump-items-wrapper {
  padding-bottom: 25px;
}
.jump-items-wrapper .jump-item {
  text-align: left;
  padding: 0 0.3571428571em;
  margin-bottom: 10px;
}
.jump-items-wrapper .btn, .jump-items-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .jump-items-wrapper button, .jump-items-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .jump-items-wrapper button {
  display: block;
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  white-space: normal;
}
.jump-items-wrapper .btn span, .jump-items-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .jump-items-wrapper button span, .jump-items-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .jump-items-wrapper button span {
  display: block;
}
.jump-items-wrapper .btn .subtitle, .jump-items-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .subtitle, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .jump-items-wrapper button .subtitle, .jump-items-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .subtitle, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .jump-items-wrapper button .subtitle {
  font-size: 12px;
  font-weight: 300;
}

.login-body-element {
  background-size: 100vw 100vh;
}

.justifytxt {
  text-align: justify !important;
}

.mb-35 {
  margin-bottom: 35px;
}

img.full-width {
  max-width: none !important;
  height: auto !important;
  display: block;
  width: 100%;
}

.form-app-page-loader-preview {
  margin: 0;
}
.form-app-page-loader-preview div.svg-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 5px;
  border: solid 1px #dddddd;
  float: left;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.form-app-page-loader-preview div.svg-preview.active {
  transform: scale(1.1);
}
.form-app-page-loader-preview div.svg-preview svg {
  width: 60%;
}

.popover {
  padding: 0;
}
.popover .popover-header {
  margin-top: 0;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.blank-layout .content-wrapper {
  padding-top: 0 !important;
}
.blank-layout .content-wrapper > .site-sidebar {
  display: none !important;
}
.blank-layout .wrapper > .navbar {
  display: none !important;
}
.blank-layout .main-wrapper {
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.blank-layout .sd-widget-list-spacer-top {
  margin: 0;
}
.blank-layout .manage-container {
  padding-left: 2rem;
  padding-right: 2rem;
}

.text-underline-dotted {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

.mw-80 {
  width: 100%;
}
@media (min-width: 768px) {
  .mw-80 {
    max-width: 80% !important;
  }
}

[popover] {
  display: initial;
  position: initial;
  margin: initial;
  border: initial;
  background: initial;
  padding: initial;
  width: initial;
  height: initial;
  overflow: initial;
  inset: initial;
  color: initial;
}

.select2-results__option--load-more::before {
  content: "Scroll for more results...";
  font-size: 100em !important;
}

.select2-results__option--load-more {
  font-size: 0.01em !important;
  padding-bottom: 200px;
}

.border-bottom {
  border-bottom: 1px solid #e9ecef !important;
}

.border-top {
  border-top: 1px solid #e9ecef !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--default-font-family);
}

h1, .h1 {
  font-size: 2.0736em;
  line-height: 2.1736em;
  font-weight: 500;
}

h2, .h2 {
  font-size: 1.728em;
  line-height: 1.828em;
  font-weight: 500;
}

h3, .h3 {
  font-size: 1.44em;
  line-height: 1.54em;
  font-weight: 500;
}

h4, .h4 {
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: 500;
}

h5, .h5 {
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: 400;
}

h6, .h6 {
  font-size: 0.975em;
  line-height: 1em;
  font-weight: 400;
}

p {
  line-height: 2em;
}

.title {
  font-weight: 400;
}

.form-with-sidebar h4 {
  font-size: 1.2rem !important;
  margin: 4px 0 0 0 !important;
}

body {
  font-family: var(--default-font-family);
}

html,
button,
input,
select,
textarea {
  font-family: var(--default-font-family) !important;
  font-weight: normal;
}

b,
strong {
  font-family: var(--default-font-family);
  font-weight: bold;
}

.side-menu > li > a {
  padding-left: 1em;
  font-size: 1.1538461538em;
  line-height: 3.2em;
  color: #333;
  border-left: 3px solid transparent;
  font-family: var(--default-font-family);
  font-weight: 400;
}
.side-menu > li > a:hover, .side-menu > li > a:focus {
  color: #333;
  background: transparent;
}

.plan-panel li span {
  font-size: 17px !important;
}

.submit-plan-btn-title {
  font-size: 22px !important;
}

.coming-soon-text h3 {
  font-size: 20px !important;
  color: #333 !important;
}

.font-italic {
  font-weight: 400 !important;
}

.text-muted, .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul {
  font-weight: 400 !important;
}

.side-menu li a {
  font-weight: 400 !important;
}

.tooltip-inner {
  text-align: left;
}

.nav-link [class^=icon-] {
  padding-right: 5px;
}

.header-light .navbar-nav .avatar::before, .header-dark .navbar-nav .avatar::before {
  background: #7FB1E1;
}

.card-heading-extra:a.list-icon {
  color: #ccc;
}

.card-heading-extra a:hover, .card-heading-extra a .list-icon {
  color: #DD6367;
}

.recur-spec-date-delete {
  background: #F2F2F2;
  width: 20px;
  color: #6F6F6F;
  border-radius: 9999px;
  font-size: 12px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
}

.sd-fa-save-template {
  position: relative;
}
.sd-fa-save-template::after {
  content: "\f055";
  left: -11px;
  top: -7px;
  position: absolute;
  font-size: 15px;
  font-weight: bold;
}

.column1-portal-page {
  padding: 0 !important;
}
.column1-portal-page .common-back {
  margin: 15px;
  width: calc(100% - 30px);
}
.column1-portal-page .title-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.column1-portal-page .title-row .title {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  background-color: white;
  width: 100%;
  padding: 18px 20px !important;
  line-height: 1.5rem;
  font-size: 1.5625rem;
  border-radius: 7px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
}
.sidebar-collapse .column1-portal-page .title-row .title {
  padding: 0.625rem;
}
.column1-portal-page .card-block table td,
.preview .card-block.wysiwyg-content table td,
.arx-editor-container table td {
  word-break: break-all;
}

.app-sumo-header-logo {
  background-color: #133046 !important;
}

.sk-owner-dash-text {
  padding: 30px 0;
}
.sk-owner-dash-text h1 {
  font-family: Caveat, Sans-Serif;
  margin-top: 1px;
}

.suitekey-redeem-form .redeem-code-links .redeem-code.active {
  background: #187374 !important;
  color: #ffffff;
}
.suitekey-redeem-form .redeem-code-links .redeem-code {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 22px;
  border: 1px solid #187374 !important;
  border-radius: 18px;
}
.suitekey-redeem-form .submit-codes .btn-primary {
  width: 100%;
  background: #187374 !important;
  border-radius: 5px;
  color: white;
}

.lifetime-header-logo {
  border-bottom: 3px solid #60BABA;
}

.ltd-dashboard-helper {
  background: white;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 7px;
  line-height: 22px !important;
}

.appsumo-container .best-email-address .form-oscar .form-control {
  border: 1px solid #dddddd !important;
}
.appsumo-container .best-email-address .ltd-owner-email-control {
  margin-top: 32px;
}

.suitekey-table-pagination {
  max-width: 90px;
}

.lifetime-pages .cg-notify-message {
  background: #EC1164 !important;
  color: #fff !important;
  border: 1px solid #93003C !important;
}

.domain-settings {
  color: #aaa;
}

.sd-integrations-layout {
  padding: 0 30px !important;
}

.checklist-standalone-layout .widget-holder {
  width: 70%;
  max-width: 1037px;
}

@media (max-width: 1800px) {
  .checklist-standalone-layout .widget-holder {
    width: 80%;
    min-width: 1037px;
  }
}
@media (max-width: 1037px) {
  .checklist-standalone-layout .widget-holder {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
iframe {
  max-width: 100% !important;
}

.content-wrapper .main-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.main-wrapper.main-wrapper--contactCRM {
  padding: 0 !important;
  margin-right: 0;
  overflow: hidden;
}
.main-wrapper.main-wrapper--contactCRM .crm-contact-views {
  position: relative;
  z-index: 3;
}
.main-wrapper.main-wrapper--unsubscribed {
  height: calc(100% - 100px);
}

.sidebar-collapse .main-wrapper--contactCRM {
  margin-left: 0rem;
}
@media (min-width: 992px) {
  .sidebar-collapse .main-wrapper--contactCRM {
    margin-left: 3.75rem;
  }
}

.sidebar-expand .main-wrapper--contactCRM {
  margin-left: 0;
}
@media (min-width: 992px) {
  .sidebar-expand .main-wrapper--contactCRM {
    margin-left: 14.375rem;
  }
}

.main-wrapper .widget-list {
  padding-top: 0;
}

.client-page {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
  border: 1px solid #efefef;
  border-radius: 7px;
}

.sd-pages-cat-add {
  background: #5CDB94 !important;
  color: #fff !important;
  height: 40px !important;
}

.intranet-page {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
}

.sd-resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.sd-resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.page-title h5 {
  font-size: 1.8em;
  line-height: 3.2em;
  display: inline-block;
  white-space: nowrap;
}

.sd-client-add-work-request {
  margin-top: 24px;
}

.sd-grid-wrap-spacing-top {
  margin-top: 5px;
  padding-top: 12px;
}

.sd-widget-list-spacer-top {
  margin-top: 16px;
}

.widget-body {
  border-radius: 7px;
}
.widget-body.no-bs {
  box-shadow: none;
}
.widget-body > .tabs {
  box-shadow: 0px -2px 0px 2px #f2f4f8;
}
.widget-body .tabs .nav-tabs .nav-item:first-child {
  margin-left: -1px;
}
.widget-body .tabs .nav-tabs .nav-item.active .nav-link {
  background-color: white;
}

.sdindent {
  padding-left: 5px;
}

.text-muted, .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul {
  font-weight: lighter;
}

.pace-activity {
  color: #000;
  background-size: cover !important;
}

.mailContainer {
  margin: 15px auto 0 !important;
}

.form-with-sidebar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-with-sidebar > * {
  min-width: 0;
}
@media (max-width: 991px) {
  .form-with-sidebar {
    flex-wrap: wrap;
    row-gap: 16px;
  }
}
@media (min-width: 768px) {
  .form-with-sidebar .navigation-col {
    flex: 0 0 300px;
    width: auto;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .form-with-sidebar .navigation-col {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .form-with-sidebar .main-content-wrap {
    flex: 1 1 auto;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .form-with-sidebar .main-content-wrap {
    flex: 1 1 300px;
  }
}
@media (max-width: 767px) {
  .form-with-sidebar .main-content-wrap {
    width: 100%;
  }
}
.form-with-sidebar .main-content-wrap .grid-card-version .grid-title .grid-head-title {
  font-size: 15px !important;
  margin: 0 !important;
  font-weight: 500 !important;
}
.form-with-sidebar .main-content-wrap .grid-card-version .gridview-header {
  padding: 10px 15px;
}
.form-with-sidebar .menu-list {
  width: 100%;
  margin-top: 0;
}
.form-with-sidebar .menu-list .menu-item {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #eee;
}
.form-with-sidebar .menu-list .menu-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 15px;
  text-decoration: none;
  min-height: 50px;
  max-width: none;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  cursor: pointer;
  vertical-align: middle;
  color: #555;
  cursor: pointer;
  transition: all 0.2s linear 0s;
}
.form-with-sidebar .menu-list .menu-item a::before {
  color: #555;
}
.form-with-sidebar .menu-list .menu-item a:focus, .form-with-sidebar .menu-list .menu-item a:hover {
  color: rgba(85, 85, 85, 0.8);
  text-decoration: none;
}
.form-with-sidebar .menu-list .menu-item a .icon {
  margin-right: 10px;
  font-size: 15px;
  vertical-align: middle;
}
.form-with-sidebar .data-table-card .ui-sortable-handle i {
  margin-right: 10px;
}
.form-with-sidebar .data-table-card .ui-sortable-handle .btn-options i {
  margin-right: 0;
}

.column1-form .manage-templates-wrapper {
  max-width: 100%;
}

.upgrade-notes {
  font-weight: 300;
  color: #555;
  font-size: 12px;
  font-style: italic;
}

.portalpage-h3 {
  font-size: 22px;
}

.portalpage-hero-number-1 {
  font-size: 48px;
  color: #EF4A30;
  margin-left: 8%;
  margin-right: 8%;
}

.portalpage-cardheadertext {
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  font-style: italic;
}

.portalpage-headertag {
  float: right;
  background: #EF4A30;
  border-radius: 5px;
  padding: 4px 10px 5px 10px !important;
  color: #fff;
  margin-top: 1px;
}

.portalpage-titlecard {
  border-top: 5px solid #EF4A30;
  border-radius: 7px;
}

.portalpage-statustag {
  background: #CEEDB7;
  border-radius: 5px;
  padding: 4px 10px 5px 10px !important;
  color: #3F3F3F;
  margin-top: 1px;
}

.text-confidential {
  font-size: 18px;
  color: red;
  font-style: italic;
}

.portalpage-tip {
  background: #baecda;
  border-left: 5px solid #5ca188;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #fff;
}

.sd-intake-form-submissions {
  margin-top: 15px;
}

.sd-portal-page-edit {
  margin-top: 15px !important;
}

.sd-kb-note {
  margin-top: -10px;
  margin-bottom: 20px;
}

.reseller-terms .main-wrapper {
  margin-left: 0 !important;
}
.reseller-terms .main-wrapper h1 {
  text-align: center;
  font-size: 2.4rem !important;
  color: #191919;
  padding: 25px 0 25px 0;
  font-weight: 300 !important;
}
.reseller-terms .main-wrapper h2 {
  color: #191919;
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
  letter-spacing: 3px;
  padding: 7px 0px 11px 0px;
}
.reseller-terms .main-wrapper .article-header {
  padding: 10px;
  text-align: center;
  color: #4c4c4c;
  margin-bottom: 10px;
}
.reseller-terms .main-wrapper .article-header h3 {
  font-size: 1.475rem;
  letter-spacing: 3px;
  margin-bottom: 10px !important;
}
.reseller-terms .main-wrapper .article-header h3:last-child {
  font-size: 1.275rem;
}
.reseller-terms .main-wrapper .article-block {
  margin-bottom: 10px;
}
.reseller-terms .main-wrapper h4 {
  font-size: 1.15rem;
  margin-bottom: 10px !important;
}
.reseller-terms .navbar-header {
  width: inherit !important;
}
.reseller-terms .navbar-header img.logo-collapse {
  display: none !important;
}
.reseller-terms .navbar-header img.logo-expand {
  display: inline-block !important;
}
.reseller-terms .nav.navbar-nav,
.reseller-terms .navbar-header-right {
  display: none !important;
}

.preview-frame .content-wrapper {
  padding-top: 0.25rem !important;
}

.content-tabs .plans-page-title-block {
  margin-top: 5px;
}
.content-tabs .plans-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.content-tabs .plans-tabs .nav-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50em;
  border: 2px solid #3E76A1;
  padding: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .content-tabs .plans-tabs .nav-tabs .nav-item .nav-link {
    cursor: pointer;
    font-size: 14px;
    color: #224057;
    font-weight: 400;
    background: none;
    border: none;
    height: 40px;
    padding: 10px 20px;
  }
}
@-moz-document url-prefix() {
  .content-tabs .plans-tabs .nav-tabs .nav-item .nav-link {
    padding: 7px 20px;
  }
}
.content-tabs .plans-tabs .nav-tabs .nav-item .nav-link:hover {
  background: none;
}
.content-tabs .plans-tabs .nav-tabs .nav-item .nav-link.active {
  background-color: #DCF0FB;
  border-radius: 50em;
  border: none;
  color: #224057;
  padding: 7px 20px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .content-tabs .plans-tabs .nav-tabs .nav-item .nav-link.active {
    background-color: #DCF0FB;
    border-radius: 50em;
    border: none;
    color: #224057;
    padding: 10px 20px;
  }
}
@-moz-document url-prefix() {
  .content-tabs .plans-tabs .nav-tabs .nav-item .nav-link.active {
    padding: 7px 20px;
  }
}
.content-tabs .plan-tab-content .col-lg-4 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.content-tabs .plan-tab-content .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(90deg);
  overflow: hidden;
  margin-bottom: 30px;
}
.content-tabs .plan-tab-content .flip-card-inner.flip {
  transform: rotateY(0deg);
}
.content-tabs .plan-tab-content .plan-panel {
  box-shadow: inset 0 0 0 3px #3e76a1;
  border-radius: 16px;
  background-color: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.content-tabs .plan-tab-content .plan-panel .save-label {
  transform: rotate(40deg);
  text-align: center;
  display: block;
  position: absolute;
  top: 15px;
  right: -75px;
  font-size: 14px;
  color: #fff;
  background: firebrick;
  text-transform: uppercase;
  padding: 10px 0;
  width: 230px;
}
@media (max-width: 1300px) {
  .content-tabs .plan-tab-content .plan-panel .save-label {
    top: 10px;
    right: -85px;
    padding: 5px 0;
  }
}
.content-tabs .plan-tab-content .plan-panel .panel-header {
  text-transform: uppercase;
  text-align: center;
  padding: 35px 0 25px;
  color: #224057;
  font-size: 28px;
  font-weight: 400;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .symbol {
  vertical-align: top;
  font-weight: 700;
  font-size: 20px;
  color: #3E76A1;
  margin-right: -5px;
  display: inline-block;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value {
  color: #3E76A1;
  font-size: 70px;
  line-height: 1;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value .small {
  font-size: 40%;
  color: inherit;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value--old {
  position: relative;
  font-size: 42px;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value--old:after {
  content: "";
  display: block;
  position: absolute;
  width: 140%;
  height: 3px;
  left: -20%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: firebrick;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value--old .small {
  font-size: 20%;
  color: inherit;
  position: absolute;
  bottom: 10%;
  right: auto;
  font-weight: 700;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value--new {
  position: relative;
  display: block;
  font-size: 74px;
  margin-top: 10px;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value--new .symbol {
  position: absolute;
  left: auto;
  margin-left: -16px;
  top: 0;
  font-size: 16px;
  display: block;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .value--new .small {
  font-size: 20%;
  color: inherit;
  position: absolute;
  bottom: 10%;
  right: auto;
  font-weight: 700;
}
.content-tabs .plan-tab-content .plan-panel .panel-value .period {
  color: #224057;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: -8px;
}
.content-tabs .plan-tab-content .plan-panel .info-label {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 1.1px;
  background: #224057;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 15px;
}
.content-tabs .plan-tab-content .plan-panel .features-list {
  margin-top: 20px;
  padding: 0 15px;
  list-style: none;
}
.content-tabs .plan-tab-content .plan-panel .features-list li {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 1.1px;
  padding: 8px 0;
}
.content-tabs .plan-tab-content .plan-panel .features-list li span {
  font-size: 14px !important;
  color: #2d3d4f;
}
.content-tabs .plan-tab-content .plan-panel .features-header {
  margin-top: 20px;
}
.content-tabs .plan-tab-content .plan-panel .features-header span {
  color: firebrick;
}
.content-tabs .plan-tab-content .plan-panel .plan-btn-container {
  padding: 10px 15px 30px 15px;
}
.content-tabs .plan-tab-content .plan-panel .plan-btn-container .submit-plan-btn {
  position: static;
  display: inline-block;
  padding: 10px 20px !important;
  color: #3E76A1;
  border-radius: 8px !important;
  border: 2px solid #3E76A1;
  font-size: 12px;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.6s;
  min-width: 70%;
  max-width: 100%;
}
.content-tabs .plan-tab-content .plan-panel .plan-btn-container .submit-plan-btn span {
  font-size: 16px !important;
  white-space: pre-line;
}
.content-tabs .plan-tab-content .plan-panel .plan-btn-container .submit-plan-btn:hover {
  color: #fff !important;
  font-weight: 600 !important;
}

.addon-tab-content {
  padding: 0 30px;
  width: 100%;
}
.addon-tab-content .addon-item {
  padding: 30px 0;
  margin: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .addon-tab-content .addon-item > div {
    margin: 10px 0;
  }
}
.addon-tab-content .addon-item img {
  background-color: #fff;
  padding: 5px;
  border-radius: 8px;
}
.addon-tab-content .addon-item .addon-info {
  text-align: left;
}
@media (max-width: 767px) {
  .addon-tab-content .addon-item .addon-info {
    text-align: center;
  }
}
.addon-tab-content .addon-item .addon-info .add-on-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.addon-tab-content .addon-item .addon-info .add-on-price {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .addon-tab-content .addon-item .addon-info .add-on-price {
    bottom: 15px;
  }
}
.addon-tab-content .addon-item .addon-info .add-on-price .price {
  font-size: 30px;
  line-height: 1;
}
.addon-tab-content .addon-item .add-on-buttons,
.addon-tab-content .addon-item .active-buttons {
  gap: 0.5rem;
}
.addon-tab-content .addon-item .add-on-buttons .btn, .addon-tab-content .addon-item .add-on-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button, .addon-tab-content .addon-item .add-on-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button {
  border-radius: 4px !important;
  padding: 8px 20px !important;
  font-weight: 400 !important;
  min-width: 110px;
  width: 100%;
}
.addon-tab-content .addon-item .add-on-buttons .btn:hover, .addon-tab-content .addon-item .add-on-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button:hover, .addon-tab-content .addon-item .add-on-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button:hover {
  background-color: #434343;
}
.addon-tab-content .addon-item .add-on-buttons .btn.cancel-button:hover, .addon-tab-content .addon-item .add-on-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.cancel-button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button.cancel-button:hover, .addon-tab-content .addon-item .add-on-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.cancel-button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button.cancel-button:hover {
  background-color: #e8e8e8;
}
.addon-tab-content .addon-item .add-on-buttons .btn:not(.cancel-button), .addon-tab-content .addon-item .add-on-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.cancel-button), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button:not(.cancel-button), .addon-tab-content .addon-item .add-on-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.cancel-button), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .addon-tab-content .addon-item .add-on-buttons button:not(.cancel-button) {
  background-color: #252525;
}
.addon-tab-content .addon-item .add-on-button-active {
  background-color: #0b7e5b !important;
}
.addon-tab-content .addon-item .add-on-button-active:hover {
  background-color: #0fa97a !important;
}

.addon-item__list {
  list-style: none;
  padding-left: 0;
}
.addon-item__list li {
  padding-left: 1.5rem;
  position: relative;
  list-style: none;
  text-align: left;
  margin-top: 1rem;
}
.addon-item__list li strong span {
  color: #C40000;
}
.addon-item__list li .addon-feature-icon {
  position: absolute;
  left: 0;
  top: 5px;
}

.list-editing-label {
  cursor: pointer;
  border-bottom: 1px dotted;
}

@media (min-width: 961px) {
  .preview-frame .content-wrapper {
    padding-top: 0.25rem !important;
  }
  .sd-portal-page-edit customization-sidebar-wrapper {
    top: 120px;
  }
}
.portal-pages__title div {
  display: flex;
  align-items: center;
  height: 100%;
}
.portal-pages__title svg {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  fill: #333;
}

.portal-pages__categories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
}
.portal-pages__categories .category-pill {
  padding: 4px 7px;
  line-height: 1;
}

.preview .wysiwyg-content.client-page {
  border: none !important;
}

.card-block.wysiwyg-content {
  margin: 15px;
}

::-moz-selection {
  background: #F4FF78;
  text-shadow: none;
}

::selection {
  background: #F6FF8C;
  text-shadow: none;
}

.pro-gen-recurring-title {
  padding-top: 3px;
}

.box-title, .widget-heading h5 {
  display: inline-block;
}

.view-timer .timer-wrap {
  margin: 0 auto;
}

.badge, .label {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.sd-subscription-layout-row {
  margin-top: 6px;
}

.sd-livestream-layout-row {
  margin-top: 21px;
}

.sd-back-button {
  margin-top: 8px;
}

.sd-resubscribe-info-box {
  margin-top: 26px !important;
}

.swal2-modal .swal2-content {
  padding-top: 0;
  line-height: 1.5em;
}
.swal2-modal .swal2-select {
  border: 1px solid #eee;
  font-size: 16px;
  font-weight: 500 !important;
}

.sd-title-subtitle-modal {
  font-size: 12px !important;
  line-height: 30px !important;
}

.sd-title-subtitle-modal-pill {
  color: #222;
}

.sd-integration-button-text {
  font-size: 16px;
}

.white_label_doc_link {
  background-color: #eee;
  padding: 2px 3px 1px 3px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 11px;
  vertical-align: middle;
  color: #555 !important;
  border: 1px solid #ccc;
}

sd-user-avatar figure, .sd-user-avatar figure {
  height: 100%;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
sd-user-avatar figure *, .sd-user-avatar figure * {
  display: flex;
  justify-content: center;
  align-items: center;
}

figure.img-responsive,
figure.contactAvatar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

svg.userAvatar {
  width: 70% !important;
  height: 70% !important;
}

.category-pill,
.crm-category-pill {
  font-size: 10px !important;
  padding: 2px 7px;
  margin: 0 2px;
  color: white;
  border-radius: 10px;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.07em;
}
.category-pill.transparent,
.crm-category-pill.transparent {
  color: black;
  font-size: 8px !important;
  padding: 1px 7px !important;
  border: 1px solid black;
}

.category-pill {
  position: relative;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 8px !important;
  height: 18px;
  border-radius: 3px;
  overflow: hidden;
}
.category-pill.customColored {
  background-color: white;
}
.category-pill .category-pill__text {
  padding: 0 !important;
  max-width: 100%;
  font-size: 10px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.category-pill .category-pill__background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(21, 101, 100, 0.2);
  opacity: 0.2;
  border-radius: 3px;
}

#reseller-customers-grid .category-pill,
#reseller-customers-grid .crm-category-pill {
  margin-left: 0px;
}

.inline-loader {
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.pm-calendar-block {
  background: white;
}

.widget-bg-sd-calendar {
  background: white;
}

.widget-bg {
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}

.non-logged-payinvoice-wrapper .widget-bg {
  background: none;
  box-shadow: none;
}

.sdd-widget-dock .widget-bg {
  box-shadow: none;
}

.widget-top-level-layout-body .widget-bg {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
.widget-top-level-layout-body .form {
  margin: 0 !important;
}

.sd-alert {
  background: #ffeff0;
  border-left: 5px solid #fb6970;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}
.sd-alert.sm {
  line-height: 1.5;
  font-weight: 600;
  font-size: 12px;
  padding: 7px !important;
}

.sd-alert-private-task {
  background: #ffeff0;
  border-left: 5px solid #fb6970;
  margin-bottom: 2em;
  padding: 8px 25px 0px 20px !important;
  color: #555555;
  border-radius: 10px;
}
.sd-alert-private-task .label-text {
  font-weight: 500;
}

.sd-warning {
  background: #fff5cc;
  border-left: 5px solid #ffcc02;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}

.sd-pending-payment {
  background: #fff5cc;
  border-left: 5px solid #FF981A;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}

.alert {
  background: #ffeff0;
  border-left: 5px solid #fb6970;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}

.sd-tip {
  background: #E5FFF6;
  border-left: 5px solid #5ca188;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}

.tip {
  background: #E5FFF6;
  border-left: 5px solid #5ca188;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}

.sd-info {
  background: #d7f5ff;
  border-left: 5px solid #a7d8e8;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 10px;
}

.sd-info-badge {
  background: #fefefe;
  border: 1px solid #f1f1f1;
  margin-bottom: 2em;
  padding: 16px 25px 16px 20px !important;
  color: #555555;
  border-radius: 7px;
}

.sd-sidebar-info {
  background: #d7f5ff;
  border-left: 5px solid #a7d8e8;
  margin-bottom: 2em;
  color: #555555;
  font-size: 12px;
  padding: 14px 0 0 4px;
  line-height: 12px;
}

.sd-highlight-badge {
  background: #fff9cf;
  border: 1px solid #fbf19d;
  padding: 2px 10px 2px 15px !important;
  color: #928100;
  border-radius: 7px;
}

.modal-content .sd-cal-indicator.pull-right {
  margin-left: 4px;
}
.modal-content .sd-cal-indicator.pull-left {
  margin-right: 4px;
}

.fc-content .sd-cal-indicator {
  margin-top: 5px;
}

.custom-gif-error {
  max-width: 400px;
  margin: 0 auto;
}

.errorMessage::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #fb6970;
  top: -5px;
  left: 10px;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.navbar {
  box-shadow: 0 1px 3px 0 rgba(122, 122, 122, 0.1);
}

@media (max-width: 770px) {
  .sd-hide-under-770 {
    display: none;
  }
}

.sd-default-cat-helper {
  margin-left: 29px !important;
  margin-top: -8px;
}

.sidebar-menu .card-header {
  height: 54px !important;
}
.sidebar-menu .card-header h6 {
  line-height: 1.9;
  margin-top: 2px !important;
}
.sidebar-menu .card-header i {
  font-size: 1.125rem;
}
.sidebar-menu .card-header svg {
  width: 18px;
  height: 18px;
  fill: #333;
}

.sub-items-list .card-header {
  height: 51px !important;
  padding-top: 17px !important;
}
.sub-items-list .card-header h6 {
  line-height: 1.4;
}

.subscriptions-wrapper .widget {
  padding: 15px;
}

.add-new-comment-wrapper .form-control {
  min-height: 60px;
}

.comment-wrapper label {
  font-weight: 400;
  font-size: 12px;
}

.errorMessage {
  text-align: center;
  background: #d35152;
  border-radius: 10px;
  margin-left: 2px;
  margin-top: 3px;
}
.errorMessage::before {
  top: -7px !important;
  border: none !important;
}

.sd-here-text-link {
  font-style: italic;
  font-weight: 600;
}

.sd-popover-icon {
  font-size: 1rem !important;
  margin-left: 4px;
  margin-bottom: 2px;
}

.billing-load-items .item-discount-wrapper {
  align-items: center;
}

.errorPage {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}
.errorPage .sd-errorpage-icon {
  font-size: 150px;
  padding-top: 40px;
  color: #555;
}
.errorPage .errorNum {
  padding: 10px 0 30px 0;
  color: #555;
  font-size: 100px;
  text-shadow: none;
}
.errorPage .errorSubText {
  color: #555;
  font-style: italic;
  letter-spacing: normal;
}
.errorPage .errorContent {
  display: block;
  margin: 20px 0 40px 0;
  font-size: 15px;
  color: #03a9f3;
}

#addPayment-form .sd-oscar-form-errors {
  margin-top: 20px !important;
}
#addPayment-form .form-error {
  font-size: 13px;
  background: #D34646;
  color: white;
  border-radius: 7px;
  width: 100%;
  padding: 5px 8px;
  display: inline-block;
}

.sdPaymentErrorText {
  background: #D34646 !important;
}

.tooltip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#circles-grid .logo {
  min-width: 25px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 1px !important;
  margin: 2px;
  font-size: 12px;
}
#circles-grid .contact-avatar-bg {
  padding: 1px !important;
}
#circles-grid .description {
  transition: all 0.3s linear;
  overflow: hidden;
  max-height: 90px;
}
#circles-grid .description.more {
  max-height: 1500px;
}
#circles-grid .description .show-more-text {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  color: #27bdf0;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  font-weight: 700;
  text-transform: uppercase;
}

.show-payments-date a {
  justify-content: flex-end;
}

.amount-wrapper a,
.payment-type-wrapper a {
  justify-content: center;
}

.sd-custom-url-steps {
  background: #03a9f3;
  padding: 5px 10px 5px 10px;
  color: white;
  border-radius: 7px;
  margin-right: 10px;
}

.sd-beta-tag {
  display: inline-block;
  background: #03a9f3;
  padding: 3px 10px;
  border-radius: 13px;
  color: white;
  height: 25px;
  line-height: 18px;
}

.rzslider-input-container {
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}

.jumbotron {
  background-color: #FFFFCC;
}

.sd-import-logs-label {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
}

#customers-grid.grid-view td {
  font-weight: 800;
  font-size: 1rem;
}

.sd-switchery-wrapper label {
  margin-bottom: 0;
  margin-left: 0.5rem !important;
}

.redactor-source {
  font-weight: 600 !important;
}

/* My Billing Dashboard */
.my-billing .badge,
.client-billing .badge {
  padding: 0.8em 0.6em 0.6em 0.6em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.my-billing .badge--no-subscription,
.client-billing .badge--no-subscription {
  color: var(--sd-text-primary);
  background-color: var(--sd-bg-tetriary);
}
.my-billing .badge.badge-pill,
.client-billing .badge.badge-pill {
  padding: 0.8em 0.8em 0.7em 0.8em;
  margin-right: 0;
  margin-bottom: 0;
}
.my-billing .pay-as-admin,
.client-billing .pay-as-admin {
  margin-left: -15px !important;
  margin-right: 12px !important;
}
.my-billing .my-billing-logo-container,
.client-billing .my-billing-logo-container {
  max-width: 150px;
  max-height: 200px;
  width: 100%;
  margin: 0 auto;
}
.my-billing .my-billing-logo-container .img-wrap,
.client-billing .my-billing-logo-container .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-billing .my-billing-logo-container .my-billing-logo,
.client-billing .my-billing-logo-container .my-billing-logo {
  border-radius: 100%;
  width: 100% !important;
  height: 100% !important;
  margin-left: 30px;
}
.my-billing .my-billing-logo-container .my-billing-logo .default-user-avatar,
.client-billing .my-billing-logo-container .my-billing-logo .default-user-avatar {
  width: 175px;
  height: 175px;
  font-size: 4em;
  font-weight: 600;
}
.my-billing .my-billing-logo-container .img-responsive,
.client-billing .my-billing-logo-container .img-responsive {
  width: 100% !important;
  height: 100% !important;
  border-radius: 100% !important;
}
.my-billing .contact-company,
.client-billing .contact-company {
  font-size: 1.8em;
}
.my-billing .contact-name,
.client-billing .contact-name {
  font-size: 1.2em;
}
.my-billing .subscription-title,
.client-billing .subscription-title {
  font-size: 1.5em;
  padding-bottom: 4px;
  font-weight: 500;
}
.my-billing .subscription-pricing,
.client-billing .subscription-pricing {
  font-size: 1.2em;
  font-weight: 500;
  padding-bottom: 4px;
}
.my-billing .radiobox-label,
.client-billing .radiobox-label {
  padding: 0.5625rem 0;
  font-family: "DM Mono", monospace !important;
  line-height: 21px;
  font-size: 13px;
}
.my-billing .nav-pills .nav-link.active,
.client-billing .nav-pills .nav-link.active {
  background-color: #d6d6d6;
}
.my-billing .nav-pills .nav-link,
.client-billing .nav-pills .nav-link {
  background-color: #F4F4F4;
}
.my-billing .payment-method-label,
.client-billing .payment-method-label {
  font-weight: 500;
  font-size: 12px;
}
.my-billing p.active-subscription,
.client-billing p.active-subscription {
  margin: 0;
  font-size: 11px;
  line-height: 1.8em;
}
.my-billing .tab-content,
.client-billing .tab-content {
  padding-top: 0;
}
.my-billing .radiobox span.label-text,
.client-billing .radiobox span.label-text {
  padding-left: 2em !important;
}
.my-billing .payment-method-list,
.client-billing .payment-method-list {
  background-color: rgba(0, 0, 0, 0.04);
}
.my-billing .payment-method-list .nav-link,
.client-billing .payment-method-list .nav-link {
  margin-bottom: 10px;
  color: #fff;
}
.my-billing .btn.btn-primary, .my-billing .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .my-billing button.btn-primary, .my-billing .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .my-billing button.btn-primary,
.client-billing .btn.btn-primary,
.client-billing .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .client-billing button.btn-primary,
.client-billing .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .client-billing button.btn-primary {
  font-size: 0.775rem;
}
.my-billing .btn.btn-primary .invoice-btn, .my-billing .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary .invoice-btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .my-billing button.btn-primary .invoice-btn, .my-billing .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary .invoice-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .my-billing button.btn-primary .invoice-btn,
.client-billing .btn.btn-primary .invoice-btn,
.client-billing .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary .invoice-btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .client-billing button.btn-primary .invoice-btn,
.client-billing .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary .invoice-btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .client-billing button.btn-primary .invoice-btn {
  font-size: 0.65rem;
}

.modal-content .my-billing .payment-method-list,
.modal-content .client-billing .payment-method-list {
  background-color: #F4F4F4;
}
.modal-content .my-billing .ba-buttons-container,
.modal-content .client-billing .ba-buttons-container {
  flex-direction: column;
}
.modal-content .my-billing .ba-buttons-container .pay-as-admin,
.modal-content .client-billing .ba-buttons-container .pay-as-admin {
  margin-left: 15px !important;
}

.billing-dashboard .box-title {
  display: inherit;
  text-align: center;
  padding: 0;
}

.client-billing .box-title {
  display: inherit;
  text-align: center;
  padding: 0;
}

.payment-title-row.one-step-payment .form-group {
  text-align: center;
}
.payment-title-row.one-step-payment .form-group i.material-icons {
  display: none;
}
.payment-title-row.one-step-payment .form-group .sd-payment-step-subtitle {
  margin-left: 0 !important;
  margin-top: 4px !important;
  font-weight: 300;
  font-size: 12px;
}

#Notice_text .redactor-box {
  border: none !important;
}

.sd-widget-announcement .announcements .announcement .ann-heading .ann-controls, .sd-widget-announcement .announcements .sticky-announcement .ann-heading .ann-controls, .sd-widget-announcement .stickied-announcements .announcement .ann-heading .ann-controls, .sd-widget-announcement .stickied-announcements .sticky-announcement .ann-heading .ann-controls {
  z-index: 1000;
}

.sd-widget-announcement .ann-controls .announcement-menu .sd-menu-button {
  background-color: #ffffff !important;
}

.loading-container {
  position: relative;
}
.loading-container .custom-inline-loader {
  width: 14px;
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
}

/* Progress Bars
========================*/
.progress-fixed-label {
  position: relative;
}
.progress-fixed-label .progress-label {
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 0.6666666667em;
  font-weight: 600;
  line-height: 1.5em;
  position: absolute;
  left: 0;
}
.progress-fixed-label .progress-sm .progress-label {
  font-size: 0.5rem;
  line-height: 0.5rem;
}
.progress-fixed-label .progress-md .progress-label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
}
.progress-fixed-label .progress-lg .progress-label {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

/* This code prevents the ACE Editor in Platform Branding from misbehaving when custom fonts are applied by CSS */
.ace_editor, .ace_editor * {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.page-with-styling-options .content-wrapper,
body.page-with-styling-options .main-wrapper {
  padding: 0;
}

.styling-options-content {
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 10px;
  padding-bottom: 26px;
}
.styling-options-content.card-block {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #efefef;
  border-radius: 7px;
  background-color: #fff;
  padding: 0;
  margin: 15px;
}

.branding-theme-mrclean .navbar-nav .avatar,
.branding-theme-mrclean .site-sidebar .side-user .media-left,
.branding-theme-mrclean .contact-filter__avatar,
.branding-theme-mrclean .default-user-avatar,
.branding-theme-mrclean .avatar-wrap,
.branding-theme-mrclean figure.contactAvatar,
.branding-theme-mrclean figure.img-responsive {
  background-color: #cccccc;
}
.branding-theme-mrclean svg .contact-avatar-path,
.branding-theme-mrclean svg .company-avatar-path {
  fill: #fff;
}
.branding-theme-mrclean svg .company-avatar-bg,
.branding-theme-mrclean svg .contact-avatar-bg {
  fill: #cccccc;
}

.box-title, .widget-heading h5 {
  text-transform: uppercase;
  line-height: 2em;
  margin: 0.33333em 0 0.33333em;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
}

.content-wrapper .main-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.main-wrapper.main-wrapper--contactCRM {
  padding: 0 !important;
  margin-right: 0;
  overflow: hidden;
}
.main-wrapper.main-wrapper--contactCRM .crm-contact-views {
  position: relative;
  z-index: 3;
}
.main-wrapper.main-wrapper--unsubscribed {
  height: calc(100% - 100px);
}

.sidebar-collapse .main-wrapper--contactCRM {
  margin-left: 0rem;
}
@media (min-width: 992px) {
  .sidebar-collapse .main-wrapper--contactCRM {
    margin-left: 3.75rem;
  }
}

.sidebar-expand .main-wrapper--contactCRM {
  margin-left: 0;
}
@media (min-width: 992px) {
  .sidebar-expand .main-wrapper--contactCRM {
    margin-left: 14.375rem;
  }
}

.sd-grid-view {
  z-index: 0;
}

.tabs-to-dropdown .widget-top-level-layout-body gridview-header {
  margin: 0 0 0.7em 0;
}

.sd-grid-view.grid-view-loading, .sd-grid-view:not(.grid-view-loading) .grid-view-loading, .form-oscar.grid-view-loading, .form-oscar:not(.grid-view-loading) .grid-view-loading {
  position: relative;
  background: none;
}
.sd-grid-view.grid-view-loading::after, .sd-grid-view:not(.grid-view-loading) .grid-view-loading::after, .form-oscar.grid-view-loading::after, .form-oscar:not(.grid-view-loading) .grid-view-loading::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 101;
}
.sd-grid-view.grid-view-loading:before, .sd-grid-view:not(.grid-view-loading) .grid-view-loading:before, .form-oscar.grid-view-loading:before, .form-oscar:not(.grid-view-loading) .grid-view-loading:before {
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  background-image: url(../../../../images/icons/replay.svg);
  background-size: 100px 100px;
  height: 108px;
  width: 100px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  color: black;
  left: 45%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.sd-grid-view .grid-actions, .form-oscar .grid-actions {
  display: flex;
  flex-wrap: nowrap;
}
.sd-grid-view .grid-actions .btn, .sd-grid-view .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button, .sd-grid-view .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button, .form-oscar .grid-actions .btn, .form-oscar .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .grid-actions button, .form-oscar .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .grid-actions button {
  height: auto;
}
.sd-grid-view .grid-actions .btn > *, .sd-grid-view .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button > *, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button > *, .sd-grid-view .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button > *, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button > *, .form-oscar .grid-actions .btn > *, .form-oscar .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button > *, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .grid-actions button > *, .form-oscar .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button > *, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .grid-actions button > * {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.sd-grid-view .grid-actions .btn .text, .sd-grid-view .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .text, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button .text, .sd-grid-view .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .text, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button .text, .form-oscar .grid-actions .btn .text, .form-oscar .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .text, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .grid-actions button .text, .form-oscar .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .text, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .grid-actions button .text {
  font-size: 12px;
  font-weight: 400;
}
.sd-grid-view .grid-actions .select2-container--default .select2-selection--single, .form-oscar .grid-actions .select2-container--default .select2-selection--single {
  border-radius: 6px;
}
.sd-grid-view .grid-actions .select2-container--default.select2, .form-oscar .grid-actions .select2-container--default.select2 {
  margin-top: 2px;
}
.sd-grid-view .filters, .form-oscar .filters {
  opacity: 1;
}
.sd-grid-view .filters .form.fluid, .form-oscar .filters .form.fluid {
  margin: 0;
  max-width: 100%;
}
.sd-grid-view .filters .disabled, .form-oscar .filters .disabled {
  opacity: 0.5;
}
.sd-grid-view .filters.ng-hide, .form-oscar .filters.ng-hide {
  opacity: 0;
}
.sd-grid-view .filters.ng-hide-add, .sd-grid-view .filters.ng-hide-remove, .form-oscar .filters.ng-hide-add, .form-oscar .filters.ng-hide-remove {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.sd-grid-view .filters .chosen-container, .form-oscar .filters .chosen-container {
  width: 100% !important;
}
.sd-grid-view .filters .form-actions, .form-oscar .filters .form-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  margin-top: 10px;
}
.sd-grid-view .filters .filters-profile-wrapper, .form-oscar .filters .filters-profile-wrapper {
  display: inline-flex;
  flex: auto;
  flex-direction: row;
  align-items: baseline;
}
.sd-grid-view .filters .filters-profile-wrapper .filters-profile-lock, .form-oscar .filters .filters-profile-wrapper .filters-profile-lock {
  pointer-events: all;
  cursor: pointer;
  margin-right: 10px;
}
.sd-grid-view .filters .filters-profile-wrapper .filters-profile-lock .filters-profile-locked-icon, .form-oscar .filters .filters-profile-wrapper .filters-profile-lock .filters-profile-locked-icon {
  color: rgb(128, 128, 128);
}
.sd-grid-view .filters .filters-profile-wrapper .select2-container--default .select2-selection--single, .form-oscar .filters .filters-profile-wrapper .select2-container--default .select2-selection--single {
  padding-right: 30px;
}
.sd-grid-view.disabled .filters-profile-wrapper .filters-profile-locked-icon, .form-oscar.disabled .filters-profile-wrapper .filters-profile-locked-icon {
  color: #000 !important;
}
.sd-grid-view .checkbox, .form-oscar .checkbox {
  padding: 0;
}
.sd-grid-view .checkbox .label-text, .form-oscar .checkbox .label-text {
  cursor: pointer;
}
.sd-grid-view .checkbox .label-text:after, .form-oscar .checkbox .label-text:after {
  cursor: pointer;
}
.sd-grid-view td.clickable[ng-click], .sd-grid-view td.clickable[grid-row-click], .sd-grid-view td.row-clickable[ng-click], .sd-grid-view td.row-clickable[grid-row-click], .form-oscar td.clickable[ng-click], .form-oscar td.clickable[grid-row-click], .form-oscar td.row-clickable[ng-click], .form-oscar td.row-clickable[grid-row-click] {
  cursor: pointer;
}
.sd-grid-view td.row-clickable, .form-oscar td.row-clickable {
  cursor: pointer;
}
.sd-grid-view td.row-clickable span.ng-isolate-scope, .form-oscar td.row-clickable span.ng-isolate-scope {
  display: inline-block;
  padding: 4px;
}
.sd-grid-view td.row-clickable span.ng-isolate-scope .category-pill, .form-oscar td.row-clickable span.ng-isolate-scope .category-pill {
  width: 100%;
  display: inline-block;
}
.sd-grid-view .logoCol .logo, .form-oscar .logoCol .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 60px !important;
  height: 60px;
  margin: 0 auto !important;
  overflow: hidden;
}
.sd-grid-view .logoCol .logo img, .form-oscar .logoCol .logo img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
}
.sd-grid-view .logoCol .logo figure, .form-oscar .logoCol .logo figure {
  margin: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
}
.sd-grid-view .logoCol .logo figure .default-user-avatar-container, .form-oscar .logoCol .logo figure .default-user-avatar-container {
  width: 100%;
  height: 100%;
}
.sd-grid-view .logoCol.logoCol--staff .logoWrap, .form-oscar .logoCol.logoCol--staff .logoWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 60px !important;
  height: 60px;
  margin: 0 auto !important;
  border-radius: 50%;
  border: 1px solid #ccc;
  box-shadow: 0 0 2px #ddd;
  background-color: #fff;
  overflow: hidden;
}
.sd-grid-view .logoCol.logoCol--staff .logoWrap .logo, .form-oscar .logoCol.logoCol--staff .logoWrap .logo {
  padding: 0;
  width: 100% !important;
  height: 100%;
  min-width: unset;
  border: 0;
  box-shadow: none;
}
.sd-grid-view .table tr th, .form-oscar .table tr th {
  text-align: center;
}
.sd-grid-view .table tr th, .sd-grid-view .table tr td, .form-oscar .table tr th, .form-oscar .table tr td {
  padding: 8px !important;
}
.sd-grid-view .table tr td, .form-oscar .table tr td {
  vertical-align: middle;
}
.sd-grid-view .table tr td .dropdown .btn, .sd-grid-view .table tr td .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .table tr td .dropdown button, .sd-grid-view .table tr td .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .table tr td .dropdown button, .form-oscar .table tr td .dropdown .btn, .form-oscar .table tr td .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .table tr td .dropdown button, .form-oscar .table tr td .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .table tr td .dropdown button {
  padding: 3px 7px;
  font-size: 12px;
}
.sd-grid-view .table tr td .dropdown .dropdown-menu, .form-oscar .table tr td .dropdown .dropdown-menu {
  padding: 5px 0;
}
.sd-grid-view .table tr td .dropdown .dropdown-menu .dropdown-item, .form-oscar .table tr td .dropdown .dropdown-menu .dropdown-item {
  padding: 3px 15px;
  font-size: 12px;
}
.sd-grid-view .ct-options-cell, .form-oscar .ct-options-cell {
  text-align: center;
}
.sd-grid-view .ct-options-cell button, .form-oscar .ct-options-cell button {
  transition: none;
}
.sd-grid-view tfoot select, .form-oscar tfoot select {
  width: 100px;
  position: relative;
  z-index: 2;
}

.gridview-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 7px 7px 0 0;
}
.gridview-header > * {
  min-width: 0;
}
.gridview-header .add-btn-wrap {
  display: flex;
  column-gap: 4px;
}
.gridview-header .btn-group {
  display: flex;
  column-gap: 4px;
}
.gridview-header .grid-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  align-items: center;
  gap: 16px;
}
.gridview-header .grid-title .grid-title-wrap {
  display: block;
}
.gridview-header .grid-title .update-grid-icon {
  width: 30px;
  height: 30px;
}
.gridview-header .grid-add-btn {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  display: inline-flex;
  padding-left: 33px;
  cursor: pointer;
}
.gridview-header .grid-add-btn > * {
  min-width: 0;
}
.gridview-header .grid-add-btn .btn-title {
  font-size: 13px;
  font-weight: 400 !important;
}
.gridview-header .grid-add-btn .material-icons {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.gridview-header .btn, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.gridview-header .btn .list-icon, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button .list-icon, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button .list-icon {
  font-size: 1.25rem;
  line-height: 30px;
}
.gridview-header .filter-btn {
  column-gap: 6px;
}
.gridview-header .filter-btn svg {
  width: 14px;
  height: 14px;
  fill: #333;
}
.gridview-header .grid-actions .select2-billing-settings .select2-selection.select2-selection--single {
  background-color: white;
}
.gridview-header .grid-actions button.active {
  background-color: #ddd;
}

.gridview-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.gridview-footer .gridview-footer-wrap {
  padding: 5px 0;
}
.gridview-footer .bulk-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 1 14.2857142857em;
  -moz-box-flex: 0 1 14.2857142857em;
  -webkit-flex: 0 1 14.2857142857em;
  -ms-flex: 0 1 14.2857142857em;
  flex: 0 1 14.2857142857em;
  margin-right: 1.4285714286em;
}
.gridview-footer .bulk-options .bulk-options-select {
  margin: auto 0;
}
.gridview-footer .pagination {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.gridview-footer .pagination ul.pagination {
  margin-bottom: 0;
}

.grid-card-view .data-table-item-mobile {
  margin-bottom: 10px;
}

.card-view-pagination .card-view-pagination__btn-wrap {
  column-gap: 12px;
}
.card-view-pagination .card-view-pagination__btn-wrap button {
  position: relative;
}
.card-view-pagination .card-view-pagination__btn-wrap button .material-icons {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.card-view-pagination .card-view-pagination__btn-wrap .card-view-pagination--previous {
  padding-left: 32px !important;
}
.card-view-pagination .card-view-pagination__btn-wrap .card-view-pagination--previous .material-icons {
  left: 4px;
}
.card-view-pagination .card-view-pagination__btn-wrap .card-view-pagination--next {
  padding-right: 32px !important;
}
.card-view-pagination .card-view-pagination__btn-wrap .card-view-pagination--next .material-icons {
  right: 4px;
}
.card-view-pagination .card-view-pagination__btn-wrap .btn-link {
  width: 100%;
}

.dataTableResp .data-grid-cards {
  padding: 0 15px;
}
.dataTableResp .data-grid-cards .data-table-item-mobile {
  margin-bottom: 5px;
}
.dataTableResp table td .category-pill, .dataTableResp table td .crm-category-pill {
  margin-left: 0;
}
.dataTableResp table td .invoice-source {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 28px;
  height: 28px;
}

svg.list-icon {
  width: 28px;
  height: 28px;
  fill: #333;
  flex-shrink: 0;
}

.split-view-wrapper {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.sd-oscar-grid-split-view .sv-wrapper .sv-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -moz-box-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0.7142857143em 0;
}
.sd-oscar-grid-split-view .sv-wrapper .sv-nginclude-wrapper ng-include > div {
  margin-top: 0;
}

.sd-grid-view .table thead th.text-right a.sort-link {
  display: inline;
}

.sd-grid-view .table thead th,
.sd-grid-view .table thead th *:not([type=checkbox]):not([class=optionsContainer]):not([class=checkbox]) {
  color: #555;
}

.sd-grid-view .table thead th a:before,
.sd-grid-view .table thead th a:after {
  color: #555;
}

.sd-grid-view .table thead th a:hover:before,
.sd-grid-view .table thead th a:hover:after {
  color: #555;
}

@media (max-width: 500px) {
  .wr-items .gridview-header .grid-title .grid-add-btn {
    padding-left: 30px;
  }
  .wr-items .gridview-header .grid-title .btn-title {
    display: none;
  }
}

.sd-grid-view .table .dropdown .dropdown-toggle-ui span, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-toggle-ui span, .sd-grid-view .grid-card-view .dropdown .dropdown-toggle-ui span {
  align-items: center;
  display: flex;
}
.sd-grid-view .table .dropdown .dropdown-toggle-ui .menu-loading, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-toggle-ui .menu-loading, .sd-grid-view .grid-card-view .dropdown .dropdown-toggle-ui .menu-loading {
  width: 16px;
  margin-left: 5px;
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
}
.sd-grid-view .table .dropdown .dropdown-toggle-ui.point, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-toggle-ui.point, .sd-grid-view .grid-card-view .dropdown .dropdown-toggle-ui.point {
  background: none;
  border: none;
  box-shadow: none;
  color: #364859;
}
.sd-grid-view .table .dropdown .dropdown-toggle-ui.point .menu-loading, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-toggle-ui.point .menu-loading, .sd-grid-view .grid-card-view .dropdown .dropdown-toggle-ui.point .menu-loading {
  font-size: 16px;
  right: 5px;
}
.sd-grid-view .table .dropdown .sd-options-card, .sd-grid-view .sd-grid-view-table .dropdown .sd-options-card, .sd-grid-view .grid-card-view .dropdown .sd-options-card {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 15px;
}
.sd-grid-view .table .dropdown .sd-options-card .modal-content, .sd-grid-view .sd-grid-view-table .dropdown .sd-options-card .modal-content, .sd-grid-view .grid-card-view .dropdown .sd-options-card .modal-content {
  border-radius: 15px;
}
.sd-grid-view .table .dropdown .dropdown-menu, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu, .sd-grid-view .grid-card-view .dropdown .dropdown-menu {
  visibility: hidden;
  display: none;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
  display: block;
  visibility: visible;
  right: 6px;
  left: auto;
  width: auto;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  padding: 0;
}
@media (max-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 500px;
  }
}
@media (max-width: 567px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 450px;
  }
}
@media (max-width: 467px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 380px;
  }
}
@media (max-width: 410px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 350px;
  }
}
@media (max-width: 390px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 320px;
  }
}
@media (max-width: 330px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui {
    width: 300px;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown {
  padding: 0.4rem 0 !important;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item {
  font-size: 14px;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item a,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item a,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item a,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item button {
  color: #888;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui.dropdown-menu-ui.crmCompany-dropdown .dropdown-item button {
  padding: 0;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head {
  padding: 5px 10px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head > *, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head > *, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head > * {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 7px;
  padding: 0;
  color: #595959;
  background: none;
  border: none;
  font-size: 16px;
  overflow: visible;
}
@media (max-width: 647px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
  .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
  .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button {
    margin: 0 5px;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a .button-tooltip,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button .button-tooltip, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a .button-tooltip,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button .button-tooltip, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a .button-tooltip,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button .button-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: -29px;
  transform: translate(-50%, 0px);
  white-space: nowrap;
  background: #000;
  padding: 3px 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  z-index: 2;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a .button-tooltip:after,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button .button-tooltip:after, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a .button-tooltip:after,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button .button-tooltip:after, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a .button-tooltip:after,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button .button-tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 0px);
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a:hover,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button:hover, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a:hover,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button:hover, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a:hover,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button:hover {
  color: #b1b1b1;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a:hover .button-tooltip,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button:hover .button-tooltip, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a:hover .button-tooltip,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button:hover .button-tooltip, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a:hover .button-tooltip,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button:hover .button-tooltip {
  visibility: visible;
  opacity: 1;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .claim-contact-ui,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .claim-contact-ui,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .claim-contact-ui,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui {
  border-left: 1px solid #595959;
  padding-left: 14px;
  line-height: 20px;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .claim-contact-ui .button-tooltip,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui .button-tooltip, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .claim-contact-ui .button-tooltip,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui .button-tooltip, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .claim-contact-ui .button-tooltip,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui .button-tooltip {
  left: calc(50% + 7px);
  top: -35px;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .auto-select-copy:after, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .auto-select-copy:after, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .auto-select-copy:after {
  display: none;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .modal-close-btn, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .modal-close-btn, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .modal-close-btn {
  padding: 0;
  margin: 0;
  margin-left: 5px;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard {
  border: 2px solid #f2f2f2;
  border-radius: 5px;
  padding: 3px 10px;
  white-space: nowrap;
  font-size: 12px;
}
@media (max-width: 647px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard {
    padding: 0;
    font-size: 0;
    border: none;
  }
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i {
    font-size: 16px;
    margin-right: 0 !important;
    color: #595959 !important;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i {
  color: #040404;
  margin-right: 5px;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-content, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-content, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-content {
  border: none;
  padding: 0;
}
@media (min-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs {
    display: none !important;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  color: #595959;
  border: none;
  padding: 10px;
  border-bottom: 4px solid transparent;
}
@media (max-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link {
    font-size: 12px;
    border-bottom: 2px solid transparent;
  }
}
@media (max-width: 767px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link {
    padding: 10px 8px;
    font-size: 11px;
    border-bottom: 3px solid transparent;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active {
  border-bottom: 4px solid #595959;
}
@media (max-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active {
    font-size: 12px;
    border-bottom: 3px solid transparent;
  }
}
@media (max-width: 767px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #595959;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px;
  width: auto;
}
@media (max-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content {
    padding: 10px 0px 15px 20px;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container {
  padding: 15px;
  min-width: 120px;
}
@media (min-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container.fade, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container.fade, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container.fade {
    display: block;
    opacity: 1;
  }
}
@media (max-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container.fade, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container.fade, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container.fade {
    padding: 0;
    width: 100%;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container h3, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container h3, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container h3 {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #595959;
}
@media (max-width: 998px) {
  .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container h3, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container h3, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container h3 {
    display: none !important;
  }
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li {
  padding: 3px 0;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  color: #595959;
  line-height: 1.5;
  padding: 2px 0;
  background: none;
  font-weight: 400 !important;
  border: none;
  margin-bottom: 0;
  transform: translateX(0);
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a:after,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button:after, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a:after,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button:after, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a:after,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button:after {
  display: none;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:before, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:before, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:before {
  display: block;
  content: "";
  height: 90%;
  width: 0;
  background: #333;
  position: absolute;
  left: 0;
  top: 5%;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover a,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover button, .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus a,
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover a,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover button, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus a,
.sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover a,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover button, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus a,
.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus button {
  transform: translateX(8px);
  transition: all 0.2s ease-in-out;
}
.sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover:before, .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus:before, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover:before, .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus:before, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover:before, .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:focus:before {
  width: 2px;
  opacity: 1;
  left: -6px;
  transition: all 0.4s ease-in-out;
}
.sd-grid-view .user-container {
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.sd-grid-view .user-container .left {
  margin-right: 15px;
}
.sd-grid-view .user-container .left .logo {
  width: 30px;
}
.sd-grid-view .user-container .right {
  display: flex;
  flex-direction: column;
  font-family: Inter;
  color: #000;
}
.sd-grid-view .user-container .right .title {
  font-size: 1.1em;
  font-weight: 400 !important;
}
.sd-grid-view .user-container .right .email {
  font-size: 11px;
}
.sd-grid-view .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  color: #555;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 26px;
  margin: 0;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.sd-grid-view .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: "\e313";
  font-family: "Material Icons";
  font-size: 1rem;
  display: none;
}
.sd-grid-view .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  transform: rotate(-180deg);
}

#sd-dropdown-wrapper {
  position: absolute;
  z-index: 5000;
  display: none;
}
#sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu {
  padding: 5px 0;
}
#sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu > * {
  transition: all 0.3s ease;
}
#sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu .dropdown-item {
  padding: 3px 15px !important;
  font-size: 12px;
  font-weight: normal !important;
}
#sd-dropdown-wrapper .dropdown-menu {
  display: block;
  position: static !important;
  padding: 0.4rem 0 !important;
  width: unset;
  transform: none !important;
}
#sd-dropdown-wrapper .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-weight: 400 !important;
  padding: 0.3em 1em 0.3em 1.1em !important;
}
#sd-dropdown-wrapper .dropdown-menu .dropdown-item svg {
  margin-right: 11px;
  width: 16px;
  height: 16px;
  fill: #888;
}
#sd-dropdown-wrapper .dropdown-menu .dropdown-item.auto-select-copy {
  padding-left: 20px;
}

.dropdown.event-options .dropdown-menu {
  width: auto !important;
}
.dropdown.event-options .dropdown-item {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown.event-options .dropdown-item svg {
  flex: 0 0 auto;
  margin-right: 11px;
  width: 16px;
  height: 16px;
  fill: #888;
}

.sd-update-select-by-click-view-value:hover {
  text-decoration: underline;
  cursor: pointer;
}

.live-stream-table.sd-grid-view .user-container .left .logo {
  min-width: 40px;
  width: 40px;
  padding: 0;
  border: none;
  margin: 5px 0 0 0;
}

.gridview-header .grid-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  column-gap: 4px;
}
.gridview-header .btn, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button {
  margin-bottom: 0 !important;
}
.gridview-header .btn.btn-sm, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-sm, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button.btn-sm, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-sm, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button.btn-sm {
  padding: 0.25rem 0.5rem !important;
}
.gridview-header .btn.active, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.active, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button.active, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.active, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button.active {
  box-shadow: none;
}
.gridview-header .btn .material-icons, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button .material-icons, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button .material-icons {
  margin-right: 3px;
  font-size: 19px !important;
}
.gridview-header .btn .list-icon, .gridview-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button .list-icon, .gridview-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header button .list-icon {
  top: 0 !important;
}
.gridview-header .btn-outline-default {
  border-color: #EEE !important;
}
.gridview-header .btn-outline-default:hover, .gridview-header .btn-outline-default:focus {
  border-color: #555 !important;
}
.gridview-header .btn-outline-default.active {
  background: #EEE !important;
}
.gridview-header .select2-billing-settings .select2-container--default.select2 {
  margin: 0;
  width: 100% !important;
  height: 1.875rem;
}
.gridview-header .select2-billing-settings .select2-container--default.select2 .select2-selection--single {
  height: 1.875rem !important;
  max-height: unset;
  border-color: #EEE;
  position: relative;
}
.gridview-header .select2-billing-settings .select2-container--default.select2 .select2-selection--single:hover, .gridview-header .select2-billing-settings .select2-container--default.select2 .select2-selection--single:focus {
  cursor: pointer;
  border-color: #555;
}
.gridview-header .select2-billing-settings .select2-container--default.select2 .select2-container--focus .select2-selection--single,
.gridview-header .select2-billing-settings .select2-container--default.select2 .select2-container--open .select2-selection--single {
  border-color: #555;
}
.gridview-header .select2-container--default .select2-results > .select2-results__options {
  text-align: right;
}
.gridview-header .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #555;
}

.link-underline:hover {
  text-decoration: underline;
}

@media (max-width: 1400px) {
  .sd-col-hide-u-1400 {
    display: none !important;
  }
}
.fullscreen {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

#liveStream-emails-grid.crm-login-page .gridview-header {
  margin-bottom: 0;
}
#liveStream-emails-grid.crm-login-page .gridview-header .grid-head-title {
  display: block;
}

@media (max-width: 374px) {
  .grid-card-view {
    padding: 0;
  }
}
.table-elements-icon {
  flex-wrap: wrap;
  row-gap: 4px;
}

.card.data-table-wrap.grid-wrap-view {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}

.dataTableResp .dv-view,
.dv-view .dataTableResp {
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}
.dataTableResp .dv-view.grid-card-view,
.dv-view .dataTableResp.grid-card-view {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}

.dataTableResp .views .dv-view.grid-card-view {
  background-color: transparent !important;
}

#custom-fields-grid td.categories > span {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
#custom-fields-grid td.categories > span .category-pill {
  max-width: 100%;
  width: auto;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adjustDropdownPosition-hide-dropdown .dropdown-menu-ui {
  opacity: 0.01;
}

#content-field-settings-grid td.checkbox-column .checkbox {
  margin: 0 auto;
}
#content-field-settings-grid td.checkbox-column sd-checkbox-column {
  display: flex;
  justify-content: center;
}

#marketingUsers-grid .logoCol .logo, #marketingUsers-grid .form-oscar .logoCol .logo {
  border-radius: 50%;
}

.invoice-target {
  max-width: 100%;
}
.invoice-target .tipS {
  flex: 0 0 auto;
}
.invoice-target .invoice-target__target-name {
  flex: 1 1 auto;
  overflow: hidden;
}

.deal-view-options .dropdown-item {
  display: flex;
  align-items: center;
  gap: 11px;
}
.deal-view-options .dropdown-item svg {
  width: 16px;
  height: 16px;
  fill: #555;
}

.deals-user-info .avatar {
  flex: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 0;
  max-width: 32px;
  max-height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.deals-user-info .avatar figure {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  max-width: 32px !important;
  max-height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}
.deals-user-info .avatar figure svg.userAvatar {
  width: 60% !important;
  height: 60% !important;
}
.deals-user-info .avatar .default-user-avatar-container {
  max-width: 32px !important;
  max-height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}
.deals-user-info .avatar .default-user-avatar-container .default-user-avatar {
  max-width: 32px !important;
  max-height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}

.btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #dadada;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  font-weight: 400 !important;
  white-space: inherit;
}
.btn-secondary:hover {
  color: #292b2c;
  background-color: #ececec;
  border-color: #c1c1c1;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(218, 218, 218, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #fff;
  border-color: #dadada;
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  background-color: #ececec;
  background-image: none;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

button {
  background-color: transparent;
}

.sd-btn {
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  align-self: center;
  column-gap: 4px;
  height: 40px;
  padding: 13px 15px;
  transition: 0.15s;
  font-size: 12px;
  color: #fff;
  font-weight: 500 !important;
  font-style: normal;
}
.sd-btn + .btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-btn + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-btn + button, .sd-btn + .sd-btn {
  margin-left: 5px;
}

.sd-btn-wide-primary-add-36px {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
  height: 36px;
  font-size: 14px;
  text-transform: uppercase;
  color: #555;
  margin-left: 4px;
  padding: 0 15px;
}
.sd-btn-wide-primary-add-36px .sd-a-button-label:hover {
  color: #555;
}
.sd-btn-wide-primary-add-36px .sd-a-button-label:active {
  color: #555;
}
.sd-btn-wide-primary-add-36px span {
  line-height: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .sd-btn-wide-primary-add-36px span {
    line-height: inherit;
    white-space: nowrap;
  }
}
@-moz-document url-prefix() {
  .sd-btn-wide-primary-add-36px span {
    padding-top: 1px;
  }
}
.sd-btn-wide-primary-add-36px .material-icons {
  padding-right: 3px;
}
.sd-btn-wide-primary-add-36px .fal,
.sd-btn-wide-primary-add-36px .fa-lightl,
.sd-btn-wide-primary-add-36px .fas,
.sd-btn-wide-primary-add-36px .fa-solid,
.sd-btn-wide-primary-add-36px i {
  line-height: inherit;
  align-self: center;
}
.sd-btn-wide-primary-add-36px .fal + span,
.sd-btn-wide-primary-add-36px .fa-lightl + span,
.sd-btn-wide-primary-add-36px .fas + span,
.sd-btn-wide-primary-add-36px .fa-solid + span,
.sd-btn-wide-primary-add-36px i + span {
  padding-left: 4px;
}
.sd-btn-wide-primary-add-36px:hover {
  background: #fff;
  border-color: #bbb;
  color: #555;
}
.sd-btn-wide-primary-add-36px:hover .material-icons {
  color: #555;
  padding-right: 3px;
}
.sd-btn-wide-primary-add-36px:active {
  -webkit-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  color: #555;
}
.sd-btn-wide-primary-add-36px.active {
  background: #ddd;
  color: #fff;
}
.sd-btn-wide-primary-add-36px.active:hover {
  background: #ddd;
  border-color: #eee;
  color: #fff;
}
.sd-btn-wide-primary-add-36px.active:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #fff;
}

.sd-btn-wide-primary-32px {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
  height: 32px;
  font-size: 13px;
  color: #555;
  padding: 0 10px;
}
.sd-btn-wide-primary-32px .sd-a-button-label:hover {
  color: #555;
}
.sd-btn-wide-primary-32px .sd-a-button-label:active {
  color: #555;
}
.sd-btn-wide-primary-32px .material-icons {
  padding-right: 3px;
}
.sd-btn-wide-primary-32px .fal, .sd-btn-wide-primary-32px .fas, .sd-btn-wide-primary-32px i {
  padding-right: 5px;
}
.sd-btn-wide-primary-32px .fal + span, .sd-btn-wide-primary-32px .fas + span, .sd-btn-wide-primary-32px i + span {
  text-transform: uppercase;
}
.sd-btn-wide-primary-32px:hover {
  background: #fff;
  border-color: #bbb;
  color: #555;
}
.sd-btn-wide-primary-32px:hover .material-icons {
  color: #555 !important;
  padding-right: 3px;
}
.sd-btn-wide-primary-32px:hover .fal, .sd-btn-wide-primary-32px:hover .fas, .sd-btn-wide-primary-32px:hover i {
  color: #555 !important;
}
.sd-btn-wide-primary-32px:active {
  -webkit-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  color: #555;
}
.sd-btn-wide-primary-32px.active {
  background: #ddd;
  color: #555;
}
.sd-btn-wide-primary-32px.active:hover {
  background: #ddd;
  border-color: #eee;
  color: #555;
}
.sd-btn-wide-primary-32px.active:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #555;
}
.sd-btn-wide-primary-32px .fal-icon-without-text {
  font-size: initial;
}

.sd-btn-wide-primary-24px {
  background: #fff;
  border: 1px solid #EEE;
  border-radius: 5px;
  height: 28px;
  color: #555;
  margin-left: 4px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 1;
}
.sd-btn-wide-primary-24px .sd-a-button-label:hover {
  color: #555;
}
.sd-btn-wide-primary-24px .sd-a-button-label:active {
  color: #555;
}
.sd-btn-wide-primary-24px .material-icons {
  padding-right: 3px;
  font-size: 13px;
}
.sd-btn-wide-primary-24px .fal, .sd-btn-wide-primary-24px .fas, .sd-btn-wide-primary-24px i {
  padding-right: 5px;
}
.sd-btn-wide-primary-24px:hover {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.125);
  color: #555;
}
.sd-btn-wide-primary-24px:hover .material-icons {
  color: #555 !important;
  padding-right: 3px;
}
.sd-btn-wide-primary-24px:hover .fal, .sd-btn-wide-primary-24px:hover .fas, .sd-btn-wide-primary-24px:hover i {
  padding-right: 5px;
  color: #555 !important;
}
.sd-btn-wide-primary-24px:active {
  -webkit-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  color: #555;
}
.sd-btn-wide-primary-24px.active {
  background: #ddd;
  color: #555;
}
.sd-btn-wide-primary-24px.active:hover {
  background: #ddd;
  border-color: #EEE;
  color: #555;
}
.sd-btn-wide-primary-24px.active:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #555;
}

.sd-btn-wide-action-24px {
  background: #fafafa;
  border: 1px solid #EEE;
  border-radius: 5px;
  height: 28px;
  color: #555;
  margin-left: 4px;
  padding: 0 12px;
  font-size: 13px;
}
.sd-btn-wide-action-24px .sd-a-button-label:hover {
  color: #555;
}
.sd-btn-wide-action-24px .sd-a-button-label:active {
  color: #555;
}
.sd-btn-wide-action-24px .material-icons {
  font-size: 13px;
}
.sd-btn-wide-action-24px:hover {
  background: #fff;
  border-color: #bbb;
  color: #555;
}
.sd-btn-wide-action-24px:hover .material-icons {
  color: #555 !important;
  padding-right: 3px;
}
.sd-btn-wide-action-24px:hover .fal, .sd-btn-wide-action-24px:hover .fas, .sd-btn-wide-action-24px:hover i {
  padding-right: 5px;
  color: #555 !important;
}
.sd-btn-wide-action-24px:active {
  -webkit-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  color: #555;
}
.sd-btn-wide-action-24px.active {
  background: #ddd;
  color: #555;
}
.sd-btn-wide-action-24px.active:hover {
  background: #ddd;
  border-color: #EEE;
  color: #555;
}
.sd-btn-wide-action-24px.active:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #555;
}
.sd-btn-wide-action-24px.filter-btn {
  line-height: 28px;
}

.sd-btn-primary-24px {
  background: #fff;
  border: 1px solid #f0f3fb;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  color: #555;
  margin-left: 4px;
}
.sd-btn-primary-24px:hover {
  background: #EEE;
}
.sd-btn-primary-24px:hover .material-icons {
  color: #555 !important;
}
.sd-btn-primary-24px .material-icons {
  font-size: 16px;
  color: #bbb;
}
.sd-btn-primary-24px .material-icons:hover {
  color: #555 !important;
}

.sd-btn-util-24px {
  background: #fafafa;
  border: 1px solid #f0f3fb;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  color: #555;
  margin-left: 4px;
}
.sd-btn-util-24px:hover {
  background: #EEE;
}
.sd-btn-util-24px:hover .material-icons {
  color: #555 !important;
}
.sd-btn-util-24px .material-icons {
  font-size: 16px;
  color: #bbb;
}
.sd-btn-util-24px .material-icons:hover {
  color: #555 !important;
}

.sd-btn-add-actions {
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border-left: 3px solid #333;
  height: 52px;
  font-size: 14px;
  text-transform: uppercase;
  color: #555;
  margin-left: 4px;
  padding: 0.9rem 1.6rem 0.9rem 1.6rem !important;
  border-radius: 6px;
}
.sd-btn-add-actions.btn-sm {
  height: 25px;
  padding: 0.1rem 1rem !important;
  border-width: 1px !important;
}
.sd-btn-add-actions.btn-sm svg {
  margin-right: 0;
}
.sd-btn-add-actions svg {
  margin-right: 13px;
  width: 18px;
  height: 18px;
  fill: #333;
}
.sd-btn-add-actions .sd-a-button-label:hover {
  color: #555;
}
.sd-btn-add-actions .sd-a-button-label:active {
  color: #555;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .sd-btn-add-actions span {
    line-height: 1;
    white-space: nowrap;
  }
}
@-moz-document url-prefix() {
  .sd-btn-add-actions span {
    padding-top: 0;
  }
}
.sd-btn-add-actions .material-icons {
  padding-right: 3px;
}
.sd-btn-add-actions .fal, .sd-btn-add-actions .fas, .sd-btn-add-actions i {
  padding-right: 9px;
  font-size: 16px;
}
.sd-btn-add-actions:hover {
  background: #fff;
  border: 1px solid #bbb;
  border-left-width: 3px;
  color: #555;
}
.sd-btn-add-actions:hover .material-icons {
  color: #555;
  padding-right: 3px;
}
.sd-btn-add-actions:active {
  -webkit-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  box-shadow: 0 0 0 3px rgba(50, 50, 50, 0.12);
  color: #555;
}
.sd-btn-add-actions.active {
  background: #ddd;
  color: #fff;
}
.sd-btn-add-actions.active:hover {
  background: #ddd;
  border-color: #EEE;
  color: #fff;
}
.sd-btn-add-actions.active:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #fff;
}

.entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal {
  position: relative;
  justify-content: space-between;
  column-gap: 10px;
  padding: 0.625rem 1rem !important;
  width: 100%;
  height: unset;
  font-size: 14px;
  border-left: none;
}
.entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal:hover {
  border: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal svg {
  flex-shrink: 0;
  margin-right: 0;
  width: 22px;
  height: 22px;
}
@media (min-width: 576px) {
  .entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal {
    font-size: 16px;
    padding: 1rem !important;
  }
}
.entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal .sd-btn-add-actions__decor {
  position: relative;
  display: block;
  width: 14px;
  height: 22px;
}
.entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal .sd-btn-add-actions__decor::before {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}

.sd-icon {
  vertical-align: middle;
}
.sd-icon .sd-add-chat-btn {
  font-size: 18px;
}
.sd-icon span {
  font-size: 13px;
}

.sd-icon-btn {
  border: none;
  outline-color: transparent;
}

.naked-icon-button-18px {
  font-size: 18px;
}
.naked-icon-button-18px .fa, .naked-icon-button-18px .fas, .naked-icon-button-18px .far, .naked-icon-button-18px .fal, .naked-icon-button-18px .fad, .naked-icon-button-18px .fab, .naked-icon-button-18px i {
  vertical-align: middle;
}
.naked-icon-button-18px span {
  font-size: 13px;
  vertical-align: middle;
}

.fa.naked-icon-button-20px, .fas.naked-icon-button-20px, .far.naked-icon-button-20px, .fal.naked-icon-button-20px, .fad.naked-icon-button-20px, .fab.naked-icon-button-20px {
  font-size: 20px;
  vertical-align: middle;
}

.btn-outline-default {
  border-color: #cccccc;
  background-color: #fff;
}
.btn-outline-default:hover {
  color: #555;
  background-color: #fff;
  border-color: #888;
}

.btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--default-font-family);
}
.btn .list-icon, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon {
  font-size: 1.3rem;
  vertical-align: middle;
  position: relative;
  top: 1px;
  font-weight: 400;
}
.card-header .btn, .card-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .card-header button, .card-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .card-header button {
  height: 60%;
  margin-left: 15px;
  line-height: 2;
  padding-top: 0;
  padding-bottom: 0;
}
.btn.no-br, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.no-br, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.no-br {
  border-radius: 0 !important;
}
.btn.btn-rect, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-rect, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-rect {
  border-radius: 0;
}
.btn.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary {
  background: #58718C;
  border: 1px solid #4D6279;
  font-weight: 500 !important;
}
.btn.btn-primary:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(73, 97, 120, 0.5);
  background: #1E2832;
  border-color: transparent;
}
.btn.btn-primary:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover {
  background: #2F3F4E;
  border: 1px solid #3D576F;
}
.btn.btn-primary:active, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:active, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:active {
  background: #7FB1E1;
  box-shadow: 0 0 0 2px rgba(73, 97, 120, 0.5);
  border-color: transparent;
}
.btn.btn-primary.dropdown-toggle, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle {
  white-space: nowrap;
}
.btn.btn-primary.dropdown-toggle:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle:focus {
  background: #1E2832;
  border-color: transparent;
}
.btn.btn-default.active, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default.active, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default.active {
  background-color: #c7ced4;
}
.btn[disabled], .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[disabled], .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[disabled] {
  pointer-events: none;
  position: relative;
}

.no-animate.ng-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.contact-single-details-quickdata-btn {
  line-height: 2 !important;
  padding: 0 11px 0 8px !important;
  margin-right: 10px !important;
}

.btn-link:not(:disabled) {
  color: #364859 !important;
}

.show > .btn-primary.dropdown-toggle {
  background: #1E2832;
  border-color: #1E2832;
}

.uib-datepicker-popup {
  padding: 1rem !important;
}

.uib-datepicker-popup.dropdown-menu {
  padding: 10px;
  width: auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.uib-datepicker-popup.dropdown-menu .uib-button-bar .btn-group {
  border: 0 none;
}
.uib-datepicker-popup.dropdown-menu .uib-button-bar .btn-group .btn-danger {
  color: #e6614f !important;
  background-color: unset !important;
  border: none !important;
  box-shadow: none !important;
}
.uib-datepicker-popup.dropdown-menu .uib-button-bar .btn-group .btn-danger:hover {
  color: #e6614f !important;
  background-color: unset !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

.input-group .form-control {
  width: 100%;
}

.color-picker-wrapper .color-picker-input-swatch {
  padding-left: 36px;
  background-size: 0;
}
.color-picker-wrapper .color-picker-input-swatch:focus {
  background-size: 0;
}

.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-left {
  top: 0;
}

.dropdown-item {
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: var(--default-font-family);
  font-weight: normal !important;
}

.badge-pill.badge-pill-custom-size {
  padding: 5px 10px;
}

.entityColorBlock {
  width: 30px;
  height: 30px;
}
.entityColorBlock .badge-pill.badge-pill-counter {
  top: 0;
  right: 0;
  position: absolute;
  transform: translate(12px, -10px);
}

.badge-pill.badge-pill-counter {
  position: relative;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}
.badge-pill.badge-pill-counter span {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.rect-btn-icon {
  position: relative;
  width: 34px;
  height: 34px;
  padding: 0;
}
.rect-btn-icon img,
.rect-btn-icon svg,
.rect-btn-icon i,
.rect-btn-icon span {
  font-size: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swal2-cancel {
  background-color: #fff;
  color: #ccc;
  border: 1px solid #cccccc;
}

.swal2-modal .swal2-icon.swal2-warning {
  color: #ff4f4f;
  border-color: #ff4f4f;
}
@media (max-width: 575px) {
  .swal2-modal .btn, .swal2-modal .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .swal2-modal button, .swal2-modal .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .swal2-modal button {
    min-width: 4em;
  }
}
.swal2-modal .btn-info {
  text-align: center !important;
}
.swal2-modal .btn-info, .swal2-modal .btn-info:hover, .swal2-modal .btn-info:focus {
  background-color: #ddd;
  border-color: #ddd;
}
.swal2-modal .btn-info:hover, .swal2-modal .btn-info:focus {
  opacity: 0.8;
}
.swal2-modal .btn-info:focus {
  box-shadow: 0 0 0 2px rgba(255, 79, 79, 0.5);
}
.swal2-modal .swal2-actions button {
  display: inline-block;
}

.swal2-confirm {
  display: inline-block;
}

.qq-uploader .qq-upload-button {
  display: inline-block;
  font-weight: 600;
  line-height: 2em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #ccc;
  border-radius: 0.1875rem;
  transition: all 0.3s ease-in-out;
  color: #292b2c;
  background: #fff;
  box-shadow: none;
  text-shadow: none;
  padding: 0.1875rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
}

.upload-logo-wrapper-bk .logo,
.upload-logo-wrapper .logo,
.upload-favicon-wrapper .logo {
  width: 80px;
}
.upload-logo-wrapper-bk #uploadFile,
.upload-logo-wrapper-bk #uploadBackgrounImg,
.upload-logo-wrapper-bk #uploadFaviconImg,
.upload-logo-wrapper #uploadFile,
.upload-logo-wrapper #uploadBackgrounImg,
.upload-logo-wrapper #uploadFaviconImg,
.upload-favicon-wrapper #uploadFile,
.upload-favicon-wrapper #uploadBackgrounImg,
.upload-favicon-wrapper #uploadFaviconImg {
  display: inline-block;
}

.mailbox-menu-newmsg .card-header .btn a, .mailbox-menu-newmsg .card-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button a, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .mailbox-menu-newmsg .card-header button a, .mailbox-menu-newmsg .card-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button a, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .mailbox-menu-newmsg .card-header button a {
  line-height: 2 !important;
}

.sd-create-custom-field {
  padding: 0 14px 0 13px;
}

.btn-success {
  font-weight: 500 !important;
}

.btn-danger {
  font-weight: 500 !important;
}

.sd-file-task-upload-btn-delete {
  float: right;
}

.btn-group-toggle label.btn {
  padding: 0.5625rem 1.2em !important;
}
.btn-group-toggle label.btn input[type=radio] {
  position: absolute;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
}

.sd-placeholder-tag {
  background: #6492CB;
  padding: 3px 6px;
  color: white;
  border-radius: 5px;
  font-size: 10px;
  vertical-align: top;
}

.redactor-modal button {
  color: #292b2c;
  border-radius: 0.2rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  font-weight: 400 !important;
  font-family: var(--default-font-family);
  border: 1px solid #ccc;
  transition: all 0.3s ease-in-out;
}
.redactor-modal button:hover {
  background-color: #ececec;
  border-color: #b3b3b3;
  text-decoration: none !important;
  color: #292b2c;
  transition: all 0.3s ease-in-out;
}

.column-options .btn, .column-options .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .column-options button, .column-options .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .column-options button {
  padding: 0 !important;
  border-radius: 6px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .column-options .btn, .column-options .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .column-options button, .column-options .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .column-options button {
    padding: 0 !important;
  }
}

.redactor-modal button.redactor-button-danger, .redactor-modal button.redactor-button-unstyled {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
.redactor-modal button.redactor-button-danger:hover, .redactor-modal button.redactor-button-unstyled:hover {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: red !important;
}
.redactor-modal button.redactor-button-danger:active, .redactor-modal button.redactor-button-unstyled:active {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: red !important;
}

.redactor-button-unstyled {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
.redactor-button-unstyled:hover {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: red !important;
}
.redactor-button-unstyled:active {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: red !important;
}

h1 .material-icons, h2 .material-icons, h3 .material-icons, h4 .material-icons, h5 .material-icons, h6 .material-icons,
.h1 .material-icons, .h2 .material-icons, .h3 .material-icons, .h4 .material-icons, .h5 .material-icons, .h6 .material-icons {
  position: relative;
  top: 0;
  vertical-align: middle;
}
.plaid-button {
  width: 100%;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 8px !important;
  padding: 10px !important;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.plaid-button img {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .plaid-button {
    padding: 25px !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .plaid-button img {
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.plaid-button:hover {
  background-color: #f4f4f4;
}
.plaid-button .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: normal;
}
.plaid-button .right .title {
  display: inline-flex;
  font-size: 18px;
  color: #222222;
  font-weight: bold !important;
}
.plaid-button .right .sub-title {
  display: inline-flex;
  font-weight: normal;
  font-size: 12px;
  color: #555;
}
@media (min-width: 768px) {
  .plaid-button .right .title {
    font-size: 20px;
  }
  .plaid-button .right .sub-title {
    font-size: 13px;
  }
}

.btn-close-element {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
}
.btn-close-element::before, .btn-close-element::after {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  left: 8px;
  width: 3px;
  height: 20px;
  background-color: #333333;
  border-radius: 2px;
  transform: rotate(45deg);
}
.btn-close-element::after {
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  .btn-close-element {
    width: 20px;
    height: 20px;
  }
  .btn-close-element::before, .btn-close-element::after {
    top: -3px;
    left: 8px;
    width: 3px;
    height: 26px;
  }
}

body.sd-dark-mode .btn-close-element::before {
  background-color: #fff;
}
body.sd-dark-mode .btn-close-element::after {
  background-color: #fff;
}

.creation-date-buttons .btn, .creation-date-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .creation-date-buttons button, .creation-date-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .creation-date-buttons button {
  border-radius: 15px !important;
  padding: 0 15px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.sdPayNow,
.estimatesApproveBtn {
  color: #fff !important;
  background-color: #3EAFFF !important;
  border: none !important;
}

.sdPayNow:hover,
.estimatesApproveBtn:hover {
  color: #fff !important;
  background-color: #1b84cf !important;
  border: none !important;
}

.swal2-styled:hover {
  background-image: none !important;
}

.btn-action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #eee;
  color: #222;
  overflow: hidden;
}
.btn-action i {
  color: inherit;
  font-weight: 500;
  font-size: 1.125rem;
}
.btn-action svg {
  width: 18px;
  height: 18px;
  color: #222;
  fill: #222;
}
.btn-action:hover, .btn-action:focus {
  cursor: pointer;
  background: #F1F1F1;
}
@media (min-width: 992px) {
  .btn-action {
    width: 2.5rem;
    height: 2.5rem;
  }
  .btn-action i {
    font-size: 1.125rem;
  }
  .btn-action svg {
    width: 18px;
    height: 18px;
  }
}

.vip-suite-join-button span {
  font-size: 9px;
}

.swal2-popup .swal2-styled.swal2-cancel {
  background-color: #fff;
  color: #888;
  border: 1px solid #ddd;
}
.swal2-popup .swal2-styled.swal2-cancel:hover {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
}

@media (max-width: 374px) {
  .sd-btn-wide-primary-add-36px {
    padding: 0 10px;
    font-size: 12px;
  }
  html.round-mode .main-wrapper .add-btn-wrap .dropdown-menu {
    padding: 0 !important;
  }
  .entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal {
    padding: 1rem 1.2rem !important;
    text-align: left;
    font-size: 14px;
  }
  .entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal .sd-btn-add-actions__label {
    white-space: normal;
  }
  .entity-action-widget.entity-action-widget-outer .sd-btn-add-actions--modal svg {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 640px) {
  html.round-mode .main-wrapper .add-btn-wrap .dropdown-menu {
    top: 100% !important;
    left: 0 !important;
    transform: none !important;
  }
}
.badge.badge-light-blue {
  background-color: #77b8e1 !important;
}
.badge.badge-light-gray {
  background-color: #d3cfd2 !important;
}
.badge.badge-light-green {
  background-color: #6eb06d !important;
}
.badge.badge-pink {
  background-color: #e99ccf !important;
}
.badge.badge-red, .badge.badge-danger {
  background-color: #E6614F !important;
}

.btn:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus {
  box-shadow: none;
}

.sd-big-btn-with-icon {
  gap: 0.5rem;
  padding: 0.7rem !important;
  height: 46px;
  max-width: 100%;
}
.sd-big-btn-with-icon span.sd-big-btn-with-icon__text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-weight: 400;
}
.sd-big-btn-with-icon svg {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  fill: #555;
}
.sd-big-btn-with-icon .sd-big-btn-with-icon__chevron {
  flex: 0 0 auto;
  position: relative;
  display: block;
  width: 14px;
  height: 22px;
}
.sd-big-btn-with-icon .sd-big-btn-with-icon__chevron::before {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}

.form-actions-btn {
  position: relative;
}
.form-actions-btn::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  right: 0;
  bottom: -10px;
}

#reporting2-print,
#reporting2-download,
#reporting2-fullscreen-enable {
  padding: 0 4px;
  border: none;
}

#reporting2-download svg {
  width: 22px;
}

.uid-settings-btn {
  height: 64px;
  padding: 1rem !important;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.uid-settings-btn .sd-big-btn-with-icon__text {
  font-size: 1rem;
  color: var(--sd-text-tertiary);
}
.uid-settings-btn .sd-big-btn-with-icon__chevron {
  margin-left: 2rem;
}

.app-collapsible-form .collapsible-group.collapsed .collapsible[collapsible] {
  display: none;
}
.app-collapsible-form .collapsible-group.collapsed .collapsible-trigger:after {
  content: "expand_more";
}
.app-collapsible-form .collapsible-group .collapsible-trigger {
  cursor: pointer;
  position: relative;
  user-select: none;
}
.app-collapsible-form .collapsible-group .collapsible-trigger:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  content: "expand_less";
}

.form-builder .fields-list {
  counter-reset: fieldcounter;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.form-builder .fields-list .field-block.ui-sortable-helper .field-label-container, .form-builder .fields-list .field-block.ui-sortable-helper .choice-label-container {
  cursor: move !important;
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
.form-builder .fields-list .field-block.ui-sortable-placeholder {
  margin-bottom: 9px;
  border: 3px dashed #ccc;
  visibility: visible !important;
}
.form-builder .fields-list .field-block.ng-enter, .form-builder .fields-list .field-block.ng-leave {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.form-builder .fields-list .field-block.ng-leave.ng-leave-active, .form-builder .fields-list .field-block.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}
.form-builder .fields-list .field-block.ng-leave, .form-builder .fields-list .field-block.ng-enter.ng-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.form-builder .fields-list .field-block .label-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  padding: 0.625rem;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.form-builder .fields-list .field-block .label-block.label-block-fieldsList {
  padding: 0;
}
.form-builder .fields-list .field-block .label-block label {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 0;
}
.form-builder .fields-list .field-block .label-block .field-container {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.field-type--radio.settings .field-configuration, .form-builder .fields-list .field-block .label-block .field-container .field-wrapper.field-type--dropdown.settings .field-configuration {
  /*height: rem(300);*/
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.settings .field-configuration {
  opacity: 1;
  pointer-events: all;
  height: auto;
  border-top: 1px solid #eee;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.settings .field-configuration .field-header {
  display: flex;
  justify-content: space-between;
  background: #f8f8f8;
  font-size: 13px;
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid #ddd;
  border-top: 1px dotted #ddd;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.settings .field-configuration .field-header .field-type-label {
  text-transform: capitalize;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.settings .field-configuration .field-option-btn {
  margin: 1.25rem auto;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.form-type--update.inline-edit, .form-builder .fields-list .field-block .label-block .field-container .field-wrapper.form-type--intake.inline-edit {
  margin-bottom: 5px;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  padding: 0.625rem;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-menu,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-menu {
  display: block;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-menu:before,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-menu:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  margin-top: auto;
  margin-bottom: auto;
  content: "menu";
  margin-right: 0.625rem;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .title-edit,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .title-edit {
  cursor: pointer;
  border-bottom: 1px dotted;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .settings-button,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .settings-button {
  font-size: 20px;
  transition: transform 150ms ease;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .settings-button.active,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .settings-button.active {
  transform: rotate(-180deg);
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number {
  cursor: pointer;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number, .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number-choice,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  border-radius: 50%;
  background-color: #6492cb;
  color: white;
  display: inline-block;
  margin-right: 0.625rem;
  position: relative;
  counter-increment: fieldcounter;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number:after, .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number-choice:after,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number:after,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: counter(fieldcounter);
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number-choice-block-choice,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice-block-choice {
  background-color: #fff;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.8rem;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number-choice,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice {
  counter-increment: choicecounter;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number-choice:after,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice:after {
  content: counter(choicecounter);
  line-height: 0.9;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .field-label,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .field-label {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container:before {
  font-size: 18px !important;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container {
  align-items: flex-start;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container .btn, .form-builder .fields-list .contact-forms.create-form #formFieldsSortable .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .form-builder .fields-list .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container label .editable-container .form-inline > .control-group > div .editable-buttons button, .form-builder .fields-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-wrapper.inline-edit .choice-label-container button, .contact-forms.create-form #formFieldsSortable .form-builder .fields-list .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-wrapper.inline-edit .choice-label-container button, .form-builder .fields-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .form-builder .fields-list .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container label .editable-container .form-inline > .control-group > div .editable-buttons button, .form-builder .fields-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-wrapper.inline-edit .choice-label-container button, .contact-forms.edit-form #formFieldsSortable .form-builder .fields-list .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-wrapper.inline-edit .choice-label-container button,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container .sort-number-choice,
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper.inline-edit .choice-label-container span {
  margin-top: 10px;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: #f5f5f5;
  opacity: 0;
  margin: 0 0.3125rem;
  padding: 0;
  pointer-events: none;
  height: 0;
  counter-reset: choicecounter;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .box-title {
  line-height: 1;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0.625rem 1.25rem;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .visibility-options-info {
  font-size: 13px;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .css-custom-opt {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .css-custom-opt.css-class-opt {
  padding: 0 10px 0 0;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .css-custom-opt.css-id-opt {
  padding: 0 0 0 10px;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .selection-actions-list {
  padding: 0;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .selection-actions-list .selection-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .selection-actions-list .selection-action .selection-action-text {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .selection-actions-list .selection-action .selection-action-button {
  display: flex;
  align-items: center;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .selection-actions-list .selection-action .selection-action-button svg {
  height: 15px;
  width: 15px;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .field-options .selection-actions-list .selection-action .selection-action-button button {
  margin: 5px 0 5px 5px;
  padding: 0 !important;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: flex;
  margin-left: 0;
  flex-wrap: wrap;
  row-gap: 10px;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options .config-option {
  margin: 0 1.25rem 0.3125rem 0;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options .config-option:last-child {
  margin-right: 0;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options .config-option label {
  margin-left: 0.3125rem;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .other-options {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .choices-container {
  padding: 0.625rem;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .company-field-container {
  margin: 0;
  padding: 1.25rem;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .dropdown {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 46px;
}
@media (min-width: 768px) {
  .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .dropdown {
    height: 30px;
  }
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .dropdown .dropdown-menu.show {
  max-height: 200px;
  overflow: auto;
  background: #fff;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .dropdown .dropdown-menu.show form {
  width: 100%;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .dropdown .dropdown-menu.show form .position-input {
  width: 70%;
}
.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .dropdown .dropdown-menu.show form .go-btn {
  min-width: auto;
  width: 30%;
}
.form-builder .fields-list .field-block .label-block .field-container .field-label {
  height: 30px !important;
}
.form-builder .fields-list .field-block .label-block .field-container .field-label.no-height {
  height: auto !important;
}
.form-builder .fields-list .field-block .label-block .field-container .field-label .inline-edit {
  position: relative;
}
.form-builder .fields-list .field-block .label-block .field-container .field-label .inline-edit .note {
  position: absolute;
}
.form-builder .fields-list .field-block .label-block .field-container .field-label .inline-edit .btn-list .btn, .form-builder .fields-list .contact-forms.create-form #formFieldsSortable .field-block .label-block .field-container .field-label .inline-edit .btn-list label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .form-builder .fields-list .field-block .label-block .field-container .field-label .inline-edit .btn-list label .editable-container .form-inline > .control-group > div .editable-buttons button, .form-builder .fields-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-label .inline-edit .btn-list button, .contact-forms.create-form #formFieldsSortable .form-builder .fields-list .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-label .inline-edit .btn-list button, .form-builder .fields-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block .field-container .field-label .inline-edit .btn-list label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .form-builder .fields-list .field-block .label-block .field-container .field-label .inline-edit .btn-list label .editable-container .form-inline > .control-group > div .editable-buttons button, .form-builder .fields-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-label .inline-edit .btn-list button, .contact-forms.edit-form #formFieldsSortable .form-builder .fields-list .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-container .field-label .inline-edit .btn-list button {
  margin-bottom: 0;
}
.form-builder .fields-list .field-block .label-block .field-container .field-label .inline-edit .inline-edit-note-wrapper {
  min-height: 15px;
}
.form-builder .fields-list .field-block .checkbox {
  margin-right: 0.625rem;
  margin-top: auto;
  margin-bottom: auto;
}
.form-builder .fields-list .field-block input[disabled], .form-builder .fields-list .field-block textarea[disabled] {
  display: none;
}

.grabbable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.placeholder-container {
  overflow-y: hidden !important;
}
.placeholder-container .swal2-popup {
  max-height: 95vh;
  margin: 0 auto !important;
  overflow-x: visible;
  padding: 1.25rem !important;
}
.placeholder-container .swal2-popup .swal2-title {
  margin-bottom: 20px !important;
}
.placeholder-container .swal2-popup .swal2-content {
  overflow-y: auto;
  overflow-x: visible;
  padding: 0 0.625rem;
}
.placeholder-container .form-placeholder-list {
  text-align: left;
}
.placeholder-container .form-placeholder-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.placeholder-container .form-placeholder-list ul label {
  font-size: 1rem;
}
.placeholder-container .form-placeholder-list ul input {
  height: 1.875rem !important;
  cursor: pointer;
}

.form-chain-builder .dropdown-menu {
  border-radius: 0;
  margin: 0;
}

.form-builder .box-title {
  font-style: italic;
  padding: 5px 0 10px 5px;
  color: darkgray;
}
.form-builder .field-configuration {
  background-color: #fefefe !important;
}
.form-builder .options {
  margin-left: 5px;
}
.form-builder .material-icons {
  font-size: 1.2rem;
}
.chain-links .ui-select-match-item {
  background-color: #FFC !important;
}
.chain-links .config-block {
  background-color: #fefefe !important;
}
.chain-links .material-icons {
  font-size: 1.2rem;
}

.ui-select-choices-row.active small {
  color: gray !important;
}

.sdcheckboxhelpertext {
  margin-left: 28px !important;
  margin-top: -7px !important;
  padding-left: 26px;
}

.verticalTabsHelperText {
  margin-left: 15px !important;
  margin-top: -7px !important;
}

.sd-above-fold-btn-group {
  float: right !important;
}

.formEmbedButtonShortcut {
  margin-top: -60px !important;
}
@media only screen and (max-width: 770px) {
  .formEmbedButtonShortcut {
    margin-right: 7px;
    margin-top: -55px !important;
  }
}

.formEmbedButtonShortcut_submissions {
  margin-top: -60px !important;
}

.forms2EmbedButtonShortcut {
  margin-top: -60px !important;
}
@media only screen and (max-width: 770px) {
  .forms2EmbedButtonShortcut {
    margin-right: 7px;
    margin-top: -55px !important;
  }
}

.formSubmissionButtonShortcut {
  margin-top: -60px !important;
}
@media only screen and (max-width: 770px) {
  .formSubmissionButtonShortcut {
    margin-right: 0px;
    margin-top: -55px !important;
  }
}

.forms2SubmissionButtonShortcut {
  margin-top: -60px !important;
}
@media only screen and (max-width: 770px) {
  .forms2SubmissionButtonShortcut {
    margin-right: 0px;
    margin-top: -55px !important;
  }
}

.forms2-submissions .gridview-header {
  padding: 18px 5px 18px !important;
}
.forms2-submissions .grid-actions {
  padding-right: 10px;
}

.options-list .material-icons {
  font-size: 1rem;
}
.options-list .btn, .options-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .options-list button, .options-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .options-list button {
  background: #c40000 !important;
  padding: 0 !important;
  margin-left: 5px !important;
  width: 20px;
  color: white;
}
.options-list .sort-option:last-of-type {
  padding-bottom: 10px !important;
}

.field-label-container .btn, .field-label-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-label-container button, .field-label-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-label-container button, .choice-label-container .btn, .choice-label-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .choice-label-container button, .choice-label-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .choice-label-container button {
  background: #c40000;
  padding: 0 !important;
  margin-left: 5px !important;
  width: 1.7rem;
  color: white;
}
.field-label-container .btn-link, .choice-label-container .btn-link {
  background: white !important;
}
.field-label-container .btn-primary, .choice-label-container .btn-primary {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.link-title .config-toggle {
  background: #fff !important;
  color: #333;
  font-size: 20px !important;
  transition: transform 150ms ease;
}
.link-title .config-toggle:focus {
  border: none !important;
  box-shadow: none !important;
}
.link-title .form-chain-delete-btn {
  background: firebrick !important;
  color: white !important;
  font-size: 10px;
}
.link-title .material-icons {
  margin-right: 10px !important;
  padding-left: 10px;
}
.link-title .btn, .link-title .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .link-title button, .link-title .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .link-title button {
  background: #fff;
  padding: 0 !important;
  margin-left: 5px !important;
  width: 21px;
  color: #333;
}
.link-title .btn-link {
  background: white !important;
}
.link-title .btn-primary {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.link-block-wrapper.config .link-title .config-toggle {
  transform: rotate(-180deg);
  transition: transform 150ms ease;
}

.field-label .btn-save {
  background: green;
  color: white;
}

.form .embed-wrapper {
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #efefef;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  overflow: auto;
}

.intake-form-publish .embed-wrapper {
  padding: 0;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: none;
  overflow: auto;
}

.field-configuration .switchery {
  margin-right: 6px;
}

.box-title-small {
  text-transform: uppercase;
  line-height: 2em;
  margin: 0.3333333333em 0 0.6666666667em;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
}

@media (max-width: 1400px) {
  .link-embed-edit-button-text {
    display: none;
  }
  .fal-icon-without-text {
    margin-left: 0.25rem;
    padding-right: 0 !important;
  }
}
@media (max-width: 771px) {
  .appointment-schedule-row .appointment-schedule-range-display {
    position: relative;
  }
  .appointment-schedule-row .btn-delete-range-wrap {
    position: absolute;
    right: -35px;
    top: -37px;
  }
}
@media (max-width: 771px) and (max-width: 991px) {
  .appointment-schedule-row .appointment-schedule-range-display .text-wrap {
    padding: 0 10px !important;
    text-align: center !important;
  }
}
@media (max-width: 771px) and (min-width: 992px) {
  .appointment-schedule-row .btn-delete-range-wrap {
    right: 15px;
    top: -2px;
  }
}
@media (max-width: 771px) and (min-width: 992px) {
  .appointment-schedule-row .appointment-schedule-range-element {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .appointment-schedule-row .appointment-schedule-range-display {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
}
@media (max-width: 771px) and (min-width: 992px) and (max-width: 1250px) {
  .appointment-schedule-row .appointment-schedule-range-display .text-wrap {
    padding: 0 0 0 5px !important;
    text-align: left !important;
  }
}
@media (max-width: 771px) {
  .appointment-schedule-row .appointment-schedule-delete-range {
    width: 26px;
  }
}
@media (min-width: 1400px) {
  .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options {
    column-gap: 16px;
  }
  .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options .config-option {
    margin: 0;
  }
  .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration .options .config-option label {
    margin: 0 !important;
    padding: 0;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .content-col .card-block.form-builder {
    padding: 1rem;
  }
  .content-col .card-block.form-builder .sort-number,
  .content-col .card-block.form-builder .sort-number-choice {
    width: 20px !important;
    height: 20px !important;
  }
  .content-col .card-block.form-builder .btn.btn-xs, .content-col .card-block.form-builder .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-xs, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .content-col .card-block.form-builder button.btn-xs, .content-col .card-block.form-builder .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-xs, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .content-col .card-block.form-builder button.btn-xs {
    width: 20px;
    height: 20px;
  }
}

.field-label-container__rightBtnsBlock button.btn, .field-label-container__rightBtnsBlock .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-label-container__rightBtnsBlock button, .field-label-container__rightBtnsBlock .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .field-label-container__rightBtnsBlock button {
  margin: 0 !important;
}

.field-label-container__rightBtnsBlock span {
  display: inline-flex;
  vertical-align: center;
  justify-content: center;
}

.field-label-container__rightBtnsBlock svg {
  width: 25px;
  height: auto;
  max-height: 25px;
  margin: 0 5px;
}

.field-label-container__decorSeparator {
  position: relative;
  width: 20px;
  height: 22px;
}
.field-label-container__decorSeparator::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ccc;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.intake-form-circle-select-template .circle-select-count, .intake-form-circle-select-template .marketing-list-select-count,
.intake-form-marketing-list-select-template .circle-select-count,
.intake-form-marketing-list-select-template .marketing-list-select-count {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.marketing-list-select-template .circle-select-count, .marketing-list-select-template .marketing-list-select-count {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.form-chain-builder .chain-links {
  position: relative;
  margin-bottom: 28px;
}
.form-chain-builder .chain-links .add-link-btn {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  border-radius: 100%;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}
.form-chain-builder .chain-links .add-link-btn i {
  font-size: 1.375rem;
}
.form-chain-builder .chain-links .links-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .form-chain-builder .chain-links .links-list {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .form-chain-builder .chain-links .links-list {
    margin: 0;
  }
}
.form-chain-builder .chain-links .links-list .chain-link {
  position: relative;
}
.form-chain-builder .chain-links .links-list .chain-link.ng-enter, .form-chain-builder .chain-links .links-list .chain-link.ng-leave {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.form-chain-builder .chain-links .links-list .chain-link.ng-enter:after, .form-chain-builder .chain-links .links-list .chain-link.ng-leave:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.form-chain-builder .chain-links .links-list .chain-link.ng-leave.ng-leave-active, .form-chain-builder .chain-links .links-list .chain-link.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}
.form-chain-builder .chain-links .links-list .chain-link.ng-leave.ng-leave-active:after, .form-chain-builder .chain-links .links-list .chain-link.ng-enter:after {
  height: 0;
}
.form-chain-builder .chain-links .links-list .chain-link.ng-leave, .form-chain-builder .chain-links .links-list .chain-link.ng-enter.ng-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.form-chain-builder .chain-links .links-list .chain-link.ng-leave:after, .form-chain-builder .chain-links .links-list .chain-link.ng-enter.ng-enter-active:after {
  height: calc(100% + 1.25rem);
}
.form-chain-builder .chain-links .links-list .chain-link:after {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  content: "";
  width: 0px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  height: calc(100% + 1.25rem);
  top: 0;
  z-index: -1;
  left: 50%;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper {
  margin-bottom: 1.25rem;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-title {
  font-size: 1.2em;
  font-style: italic;
  padding: 10px;
  margin-bottom: 0;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .config-block {
  display: block;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .config-toggle {
  background-color: #fff !important;
  color: #333;
  vertical-align: middle;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.link-block-wrapper__ContactIntake > .link-block {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.link-block-wrapper__ContactIntake > .link-block > .title-block-wrapper, .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.link-block-wrapper__ContactIntake > .link-block > .title-block-separator {
  display: none;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.link-block-wrapper__ContactIntake > .link-block > .config-block {
  background-color: transparent !important;
  padding: 0 !important;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block {
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-top: 3px solid #7EB7F0;
  position: relative;
  z-index: unset;
  overflow: hidden;
}
.round-mode .form-chain-builder .chain-links .links-list .chain-link .link-block {
  border-radius: 0.625rem;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block .link-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block .link-title .link-btns {
  position: absolute;
  right: 0;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block .config-block {
  background-color: #fff !important;
  margin: 0 0.3125rem;
  padding: 0.9375rem 0.9375rem 0;
  display: none;
  border-radius: 0.625rem;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block .config-block .placeholder-icon {
  display: inline-block;
  transform: translateY(12%);
}
.form-chain-builder .chain-links .links-list .chain-link .link-block .config-block .placeholder-icon--forms {
  align-self: self-start;
  margin-left: 0;
  margin-top: 6px;
  line-height: 1;
  font-size: 10px;
  background-color: transparent;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block .title-block-wrapper {
  padding: 0 15px;
  border-bottom: 1px solid #eee;
}
.form-chain-builder .chain-links .links-list .chain-link:not(.configurable) .link-block {
  text-align: center;
  border: 0;
  box-shadow: none;
  overflow: hidden;
}
.form-chain-builder .chain-links .links-list .chain-link:not(.configurable) .link-block .link-title {
  font-size: 1.2em;
  font-style: italic;
  padding: 10px;
  margin-bottom: 0;
}
.form-chain-builder .chain-links .links-list .chain-link:not(.configurable) .config-block {
  display: none;
}
.form-chain-builder .chain-links .links-list .chain-link--marketing-list .link-block .config-block {
  border: 0 none;
  margin: 0;
}

.custom-email-form {
  text-align: left;
}

.email-notification-config .form-group.email-to .ui-select-no-choice {
  padding: 1.25rem 0.625rem;
}
.email-notification-config .form-group.email-to.select-collapse .ui-select-match .ui-select-match-item .match-text div {
  display: inline-flex;
}
.email-notification-config .form-group.email-to.select-collapse .ui-select-match .ui-select-match-item .group-name {
  display: none;
}
.email-notification-config .form-group.email-to.select-collapse .ui-select-match .ui-select-match-item .group-value {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 4.6875rem;
}
.email-notification-config .form-group.email-to.select-collapse .ui-select-match .ui-select-match-item .remove-match {
  padding: 0.125rem;
}
@media (max-width: 767px) {
  .email-notification-config .form-group.email-to:not(.select-collapse) .ui-select-match .ui-select-match-item .match-text div {
    display: inline-flex;
  }
  .email-notification-config .form-group.email-to:not(.select-collapse) .ui-select-match .ui-select-match-item .group-name {
    display: none;
  }
  .email-notification-config .form-group.email-to:not(.select-collapse) .ui-select-match .ui-select-match-item .group-value {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 10rem;
  }
  .email-notification-config .form-group.email-to:not(.select-collapse) .ui-select-match .ui-select-match-item .remove-match {
    padding: 0.125rem;
  }
}

.chain-link__options-dropdown {
  display: flex;
  padding-top: 35px;
}
.chain-link__options-dropdown .add-link-btn.ripple {
  top: 0;
  transition: all 0.4s;
}
.chain-link__options-dropdown .add-link-btn.ripple .add-link-btn__cross-icon {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chain-link__options-dropdown .add-link-btn.ripple .add-link-btn__cross-icon::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  background-color: #292b2c;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
.chain-link__options-dropdown .add-link-btn.ripple .add-link-btn__cross-icon::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 12px;
  background-color: #292b2c;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
.chain-link__options-dropdown .add-link-btn.ripple[aria-expanded=false] {
  box-shadow: none;
  transition: all 0.4s;
}
.chain-link__options-dropdown .add-link-btn.ripple[aria-expanded=false]:focus {
  box-shadow: none;
  transition: all 0.4s;
}
.chain-link__options-dropdown .add-link-btn.ripple[aria-expanded=true] {
  box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
}
.chain-link__options-dropdown .add-link-btn.ripple[aria-expanded=true] .add-link-btn__cross-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.chain-link__options-dropdown .add-link-btn.ripple[aria-expanded=true] .add-link-btn__cross-icon::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.chain-link__options-dropdown .dropdown-menu {
  display: inline-flex !important;
  margin: 0 auto !important;
  padding: 0 !important;
  left: 50% !important;
  top: 40px !important;
  transform: translate(-50%, 0) !important;
  float: none;
  flex-direction: column;
  justify-content: center;
  width: unset;
  height: 0;
  border: none;
  background-color: transparent;
  overflow: hidden;
  transition: all 0.4s ease;
}
.chain-link__options-dropdown .dropdown-menu button.dropdown-item {
  padding: 0 !important;
  width: unset;
  height: 0;
  font-size: 0;
  transition: all 0.4s ease;
}
.chain-link__options-dropdown .dropdown-menu.show {
  row-gap: 6px;
  height: auto;
  border-radius: 0 !important;
}
.chain-link__options-dropdown .dropdown-menu.show button.dropdown-item {
  padding: 0.25rem 1rem 0.2rem 1rem !important;
  height: auto;
  font-size: 0.875rem;
  border: 1px solid #ccc;
}

.create-checklist-chain .flow-chain-link .form-group .configured-actions-modal-box {
  padding: 0 !important;
}

.file-upload-field-input:not(.view-only) {
  background-color: white;
  border-radius: 0.25rem;
  border: none;
  box-shadow: none;
}
.file-upload-field-input:not(.view-only) .file-list {
  margin-bottom: 0;
}
.file-upload-field-input:not(.view-only) .file-list:last-of-type {
  margin-bottom: 1rem;
}
.file-upload-field-input:not(.view-only) .file-list li {
  padding: 0.625rem;
  border-bottom: 1px solid #e4e9f0;
}
.file-upload-field-input:not(.view-only) .file-list li:last-child {
  border-bottom: none;
}
.file-upload-field-input:not(.view-only) .file-list li.uploading {
  font-size: 1rem;
  font-weight: bold;
}
.file-upload-field-input:not(.view-only) .file-list li .file {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 6px;
  position: relative;
  max-width: 100%;
  width: 100%;
}
.file-upload-field-input:not(.view-only) .file-list li .file .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  align-items: center;
  column-gap: 6px;
  margin-right: auto;
  margin-left: 0;
  font-size: 12px;
  width: 72%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-upload-field-input:not(.view-only) .file-list li .file .title .name {
  /*@include flex(.9 .9 auto);*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-field-input:not(.view-only) .file-list li .file .title .size {
  white-space: nowrap;
}
.file-upload-field-input:not(.view-only) .file-list li .file .title .sep {
  display: none;
}
.file-upload-field-input:not(.view-only) .file-list li .file .btn, .file-upload-field-input:not(.view-only) .file-list li .file .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-field-input:not(.view-only) .file-list li .file button, .file-upload-field-input:not(.view-only) .file-list li .file .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-field-input:not(.view-only) .file-list li .file button {
  margin: 0 !important;
}
@media (max-width: 767px) {
  .file-upload-field-input:not(.view-only) .file-list li .file .btn, .file-upload-field-input:not(.view-only) .file-list li .file .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-field-input:not(.view-only) .file-list li .file button, .file-upload-field-input:not(.view-only) .file-list li .file .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-field-input:not(.view-only) .file-list li .file button {
    padding: 0.25rem !important;
  }
}
.file-upload-field-input:not(.view-only) .file-list li .file .btn-clear {
  padding: 0 !important;
  width: 24px;
  height: 24px;
}
.file-upload-field-input:not(.view-only) .file-drop {
  text-align: center;
  padding: 3.125rem;
  margin: 1rem 0 1rem 0;
  font-style: oblique;
  border: 2px dashed #ddd;
}
.file-upload-field-input:not(.view-only) .uploaded-success {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.file-upload-field-input:not(.view-only) .uploaded-success > svg {
  width: 39px;
  height: 39px;
  margin-right: 8px;
}
.file-upload-field-input:not(.view-only) .btn-list:not(.form-actions) {
  padding-top: 0.625rem;
}

.file-upload-field-input.view-only {
  background-color: white;
  border-radius: 0.25rem;
  border: 1px solid #e4e9f0;
}
.file-upload-field-input.view-only .file-list {
  margin-bottom: 0;
}
.file-upload-field-input.view-only .file-list li {
  padding: 0.625rem;
  border-bottom: 1px solid #e4e9f0;
}
.file-upload-field-input.view-only .file-list li:last-child {
  border-bottom: none;
}
.file-upload-field-input.view-only .file-list li.uploading {
  font-size: 1rem;
  font-weight: bold;
}
.file-upload-field-input.view-only .file-list li .file {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
.file-upload-field-input.view-only .file-list li .file .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 0.625rem;
  align-items: center;
}
.file-upload-field-input.view-only .file-list li .file .title .name {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
  word-break: break-all;
}
.file-upload-field-input.view-only .file-list li .file .title .sep {
  display: none;
}
.file-upload-field-input.view-only .file-list li .file .title .percent {
  margin-right: 0.625rem;
}
.file-upload-field-input.view-only .file-list li .file .title .size {
  margin-left: 6px;
  white-space: nowrap;
}

.sd-conditional-logic-applying .file-upload-field-input:not(.view-only) {
  padding-top: 10px;
}

@media (max-width: 768px) {
  .file-upload-field-input:not(.view-only) .file-list li .file .title {
    font-size: 10px;
  }
}
.app-form-embed .embed-group.error .form-control,
.app-form-embed .embed-group.error .select2-container--default .select2-selection--multiple, .extended-form-wrapper .embed-group.error .form-control,
.extended-form-wrapper .embed-group.error .select2-container--default .select2-selection--multiple {
  border-color: red;
}
.app-form-embed .form-success-notice, .extended-form-wrapper .form-success-notice {
  position: absolute;
  pointer-events: none;
  top: 0;
  opacity: 0;
  z-index: 0;
}
.app-form-embed .card, .app-form-embed .form-extension, .extended-form-wrapper .card, .extended-form-wrapper .form-extension {
  position: relative;
  z-index: 1;
}
.app-form-embed .form-extension, .extended-form-wrapper .form-extension {
  display: block;
}
.app-form-embed.collapse-success, .extended-form-wrapper.collapse-success {
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  border: none;
  position: relative;
  overflow: hidden;
}
.app-form-embed.collapse-success .form-success-notice, .extended-form-wrapper.collapse-success .form-success-notice {
  position: absolute;
  pointer-events: all;
  opacity: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.app-form-embed.collapse-success .card, .app-form-embed.collapse-success .form-extension, .extended-form-wrapper.collapse-success .card, .extended-form-wrapper.collapse-success .form-extension {
  max-height: 400px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}

::placeholder {
  color: #bbb !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  font-family: var(--default-font-family);
  opacity: 1;
}
@media (max-width: 767px) {
  ::placeholder {
    font-size: 14px;
  }
}

.sd-slide-switch-helper-text {
  padding-left: 2.75rem;
}

.tag-item {
  background: #FFFFCC !important;
  color: #303030 !important;
  border: 1px solid #ccc !important;
  font-size: 12px !important;
  line-height: 24px !important;
}

.form-required-text {
  font-size: 0.8em !important;
  margin-bottom: 10px;
}

input[type=text].form-control,
input[type=email].form-control,
input[type=password].form-control,
textarea.form-control {
  border: 1px solid #e4e9f0;
}
input[type=text].form-control:not([size]):not([multiple]),
input[type=email].form-control:not([size]):not([multiple]),
input[type=password].form-control:not([size]):not([multiple]),
textarea.form-control:not([size]):not([multiple]) {
  height: calc(2.5rem + 2px);
}

.form-material.card-header .form-control,
.form-oscar.card-header .form-control {
  background-color: #fff;
}

@media (max-width: 767px) {
  .form-control {
    font-size: 14px;
  }
}

label > input[type=checkbox] ~ span.label-text {
  margin-left: 0.7142857143em;
}
.checkbox label > input[type=checkbox] ~ span.label-text {
  margin-left: 0em;
}
label[for] {
  cursor: pointer;
}

input[type=checkbox]:checked + span.label-text:after {
  white-space: nowrap;
}

:not(.form-group) .radiobox ~ .radiobox {
  margin-left: 3em;
}

.form-group .radiobox {
  margin-left: 0 !important;
  padding: 0.1625rem 0 0 0 !important;
}

.radiobox span.label-text {
  padding-left: 2rem;
}

.form-oscar .form-group:not[class*=mb-]:not[class*=my-] {
  margin-bottom: 16px !important;
}
.form-oscar .form-group:not[class*=mb-]:not[class*=my-] .checkbox label {
  margin-bottom: 0 !important;
}

.html-content-wrapper,
.contract-block-content,
.flow-chain-link-wrapper {
  clear: both;
}
.html-content-wrapper table,
.contract-block-content table,
.flow-chain-link-wrapper table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
}
.html-content-wrapper table th,
.html-content-wrapper table td,
.contract-block-content table th,
.contract-block-content table td,
.flow-chain-link-wrapper table th,
.flow-chain-link-wrapper table td {
  border: 1px solid #eee;
  padding: 16px 16px 15px;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  padding-left: 10px;
  padding-right: 6px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  margin: 0 4px 0 0;
}

.chosen-container.chosen-container-multi {
  width: 100% !important;
}
.chosen-container.chosen-container-multi .chosen-search-input.default {
  width: 100% !important;
}

.form-control.hasDatepicker {
  width: 100% !important;
}

.standard-multiselect {
  width: 100%;
}

.details-textarea-wrap .cke_inner .cke_contents {
  min-height: 240px !important;
}

.ace_editor {
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  min-height: 150px;
  resize: vertical;
}
.ace_editor .ace_print-margin {
  background: none;
}

.radio-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.radio-row > * {
  min-width: 0;
}
.radio-row .radio-icon-wrap {
  flex: 0 0 auto;
}
.radio-row .radio-icon-wrap .radiobox {
  padding-top: 0;
}
.radio-row .label-wrap {
  flex: 1 1 auto;
}

.list-details-label,
.list-details-label-block {
  display: inline-block;
  padding: 4px 10px;
  margin-right: 5px;
  background-color: #2A2F30;
  color: #fff;
}

.list-details-label-block {
  display: block;
  padding: 7px 10px;
}

.inline-form-block .link {
  font-size: 18px;
  line-height: 24px;
}
.inline-form-block .link, .inline-form-block .link:focus, .inline-form-block .link:hover {
  text-decoration: underline;
}

.campaign-field-label,
.campaign-field-label label {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.campaign-form-wrap-toggle {
  padding-left: 0;
}
.campaign-form-wrap-toggle .checkbox .label-text {
  padding-left: 33px;
  line-height: 24px;
}
.campaign-form-wrap-toggle .checkbox .label-text:after {
  top: 0;
  transform: translateY(0);
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  opacity: 1 !important;
}
.campaign-form-wrap-toggle .custom-control-label {
  font-size: 16px;
  text-decoration: underline;
}

.campaign-form-block {
  background-color: #fff;
  width: 660px;
  max-width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  border: 2px dotted #cccccc;
  border-radius: 7px;
}
.campaign-form-block .chosen-container-single {
  width: 100% !important;
}

.btn-group .dropdown-menu {
  padding: 10px 5px 10px 5px !important;
}

.view-submission-modal {
  padding: 0;
  margin: 0;
}
.view-submission-modal-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.view-submission-modal--line {
  padding: 10px 25px;
  border-bottom: 1px solid #e9ecef;
}
.view-submission-modal--line.bg-primary {
  background: #4583b3;
}
.view-submission-modal--line p {
  margin-bottom: 0;
}
.view-submission-modal .col-md-4 label {
  color: #222222;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 20px !important;
  margin-bottom: 10px !important;
  margin-top: 15px !important;
  margin-left: 2px !important;
}
.view-submission-modal .col-md-8 label {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
  line-height: 10px;
  margin-bottom: 7px;
  margin-left: 2px;
}

.sd-form-response-value {
  margin-top: 9px;
  color: #444444;
}

.file-upload-field-input {
  margin-bottom: 9px;
}

.note {
  margin-left: 2px;
}
.note.note-line {
  display: inline;
}

#plans-form-create .note {
  font-style: normal;
}
#plans-form-create .note h3, #plans-form-create .note p {
  margin-bottom: 12px;
}

.sd-recurring-plan-form-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 30px !important;
  margin-top: 20px !important;
  text-transform: uppercase;
}
.sd-recurring-plan-form-title.form-plan-title {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

.select2-selection__choice,
.chain-links .ui-select-match-item,
.tag-item {
  border-radius: 3px !important;
  background: #FFFFFF !important;
  color: #303030 !important;
  border: 1px solid #ccc !important;
  padding-right: 0 !important;
}

.chain-links .ui-select-match-item {
  padding: 0.25rem 0.25rem 0.2rem 0.25rem !important;
}

.select2-selection__choice__remove,
tags-input .tags .tag-item .remove-button {
  color: #303030 !important;
  font-size: 1.1rem !important;
  opacity: 0.5 !important;
  vertical-align: middle !important;
  float: right !important;
}
.select2-selection__choice__remove:hover,
tags-input .tags .tag-item .remove-button:hover {
  opacity: 1 !important;
  background-color: #F7F7F7 !important;
}

tags-input .tags {
  padding: 0.3125rem 0.5625rem;
}

tags-input .tags .tag-item {
  font-family: var(--default-font-family);
  margin: 2px;
  padding: 0px 8px;
}

tags-input .tags .tag-item .remove-button {
  font-family: var(--default-font-family);
  margin-right: 5px !important;
}

.yellow-options-block {
  width: 100%;
  padding: 14px;
  background: #FFFFCC;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.yellow-options-block .checkbox span.label-text {
  font-weight: bold;
}
.yellow-options-block .checkbox span.label-text:after {
  background: #fff;
}

.gray-options-block {
  width: 100%;
  padding: 22px 22px 15px 22px;
  margin: 0 15px;
  background: #fefefe;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
}

.app-form-embed,
.forms-form-block {
  z-index: 99;
}
.app-form-embed h1,
.forms-form-block h1 {
  padding-bottom: 1rem;
  font-weight: 700;
}
.app-form-embed h2,
.forms-form-block h2 {
  padding-bottom: 0.75rem;
  font-weight: 600;
}
.app-form-embed h3,
.forms-form-block h3 {
  padding-bottom: 0.6rem;
  font-weight: 500;
}
.app-form-embed h4,
.forms-form-block h4 {
  padding-bottom: 0.5rem;
  font-weight: 400;
}
.app-form-embed h6,
.forms-form-block h6 {
  margin-bottom: 0 !important;
  font-weight: 300;
}
.app-form-embed .form-actions,
.forms-form-block .form-actions {
  margin-top: 1.4rem;
  clear: both;
}
.app-form-embed .form-oscar .form-group label,
.forms-form-block .form-oscar .form-group label {
  font-size: 14px;
  margin-bottom: 7px;
}
.app-form-embed .form-oscar .form-group .radiobox,
.forms-form-block .form-oscar .form-group .radiobox {
  padding: 0 0 0.1rem 0.2rem;
}
.app-form-embed .form-oscar .form-group .radiobox label,
.forms-form-block .form-oscar .form-group .radiobox label {
  margin-bottom: 0;
  font-size: 14px;
}

.bootstrap-tagsinput .twitter-typeahead {
  display: inline !important;
}

.builder-custom-fields {
  margin-top: 30px;
}
.builder-custom-fields h2 {
  padding-bottom: 0 !important;
  line-height: 1em !important;
}
.builder-custom-fields h2 .form-title {
  padding-bottom: 0 !important;
}

.select2-selection:focus {
  outline: 0px !important;
}

.setQuickAddStyle {
  text-decoration: none !important;
  color: #7F7F7F !important;
  font-weight: 300 !important;
  font-size: 10px !important;
}
.setQuickAddStyle:hover {
  color: #03A9F3 !important;
}

.forms2-submissions .grid-head-title {
  line-height: 1.5rem;
  min-height: 1.5rem;
  margin-top: 0 !important;
  padding-left: 5px;
}

.endsRecurring .radiobox {
  padding: 0 !important;
  width: 2.1875rem;
  float: left;
  margin: 7px 0 0 0;
}

.sd-oscar-form-errors {
  display: flex;
  flex-direction: column;
}

.forms-custom-field-update .select-field-type {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

span.required:first-child {
  display: none;
}
span.required:last-child {
  display: inline;
}

.contact-custom-fields .field-richtext table tr td {
  border: 1px solid #eee;
  padding: 5px 10px;
}
.contact-custom-fields .field-richtext a {
  color: #3397ff;
}

@media (max-width: 600px) {
  .right-sidebar-togler-container.forms-sidebar-block .right-sidebar-togler {
    width: 45px;
    height: 45px;
  }
  .right-sidebar-togler-container.forms-sidebar-block .right-sidebar-togler i {
    font-size: 15px;
  }
  .right-sidebar-togler-container.forms-sidebar-block .right-sidebar-togler.current {
    border-left: 3px solid #333 !important;
  }
}

.right-sidebar-togler-container.forms-sidebar-block.update-form-right-sidebar-togler-container {
  top: 106px;
}
.right-sidebar-togler-container.forms-sidebar-block.publish-form-right-sidebar-togler-container {
  top: 106px;
}
.right-sidebar-togler-container.forms-sidebar-block.submissions-form-right-sidebar-togler-container {
  top: 212px;
}
.right-sidebar-togler-container.forms-sidebar-block.togler-crm-edit-contact-usage {
  top: 195px;
}
.right-sidebar-togler-container.forms-sidebar-block .right-sidebar-togler {
  border-radius: 8px 0 0 8px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  margin: 0 0 10px;
}

.form-layout {
  padding-right: 10px;
}
.form-layout.intake-form-publish {
  padding-right: 25px;
}

@media (max-width: 620px) {
  .form-layout {
    padding-right: 0 !important;
  }
}
/* CAPTCHA Styling
========================*/
.h-captcha {
  padding: 0.9375rem 0 0 0;
}

.g-recaptcha {
  padding: 0.9375rem 0 0 0;
}

.manual-form-select-wrapper {
  background-color: #fff;
  color: #000;
  padding: 10px 15px 10px;
  border-radius: 0 0 10px 10px;
  display: flex;
  border-top: 0 !important;
  border-bottom: 2px solid #000 !important;
  border-left: 1px solid #eee !important;
  border-right: 1px solid #eeeeee !important;
  min-width: 300px;
  max-width: 600px;
  margin: 0 auto;
}
.manual-form-select-wrapper > .select2 {
  min-width: 180px;
}

.form-popover-helper {
  float: right;
}

/* Sign Doc Styling
========================*/
.contract-block-wrapper .contract-block {
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-top: 3px solid #7EB7F0;
  position: relative;
  z-index: unset;
  border-radius: 0.625rem;
}
.contract-block-wrapper .contract-block .title-block-wrapper {
  padding: 0 15px;
  border-bottom: 1px solid #eee;
}
.contract-block-wrapper .contract-block .title-block-wrapper .link-title {
  font-size: 1.2em;
  padding: 10px;
  margin-bottom: 0;
}
.contract-block-wrapper .contract-block .title-block-wrapper .close {
  width: 1.625rem;
  height: 1.625rem;
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}
.contract-block-wrapper .contract-block .title-block-wrapper .close:before, .contract-block-wrapper .contract-block .title-block-wrapper .close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #222;
}
.contract-block-wrapper .contract-block .title-block-wrapper .close:before {
  transform: translateY(-50%) rotate(45deg);
}
.contract-block-wrapper .contract-block .title-block-wrapper .close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.contract-block-wrapper .contract-block .contract-block-content {
  margin-left: 20px;
  margin-right: 15px;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.contract-block-wrapper .contract-block .contract-block-content .sd-signature-pad {
  margin: 20px -15px 0px -15px;
}

.signature-confirm-icon {
  font-size: 3rem;
}

/* CUSTOM FORM Styling
========================*/
.form-fields-container .form-group {
  clear: both;
}
.form-fields-container .form-group.field_first {
  clear: left !important;
  float: left !important;
  margin-left: 0 !important;
}
.form-fields-container .form-group.field_half {
  width: 48.75%;
}
.form-fields-container .form-group.field_third {
  width: 31.66%;
}
.form-fields-container .form-group.field_fourth {
  width: 23.12%;
}
.form-fields-container .form-group.field_half,
.form-fields-container .form-group.field_third,
.form-fields-container .form-group.field_fourth {
  clear: none;
  float: left;
  margin-left: 2.5%;
}
.form-fields-container .form-group.field_cb {
  background-color: #f9f9f9;
  padding: 30px;
}
.form-fields-container .form-group.field_important {
  background-color: #ffe0e0;
  padding: 30px;
  border: dashed red 1px;
}
.form-fields-container .label-subtext {
  font-size: 0.9em;
  margin-bottom: 3px;
  margin-top: -10px;
}
.form-fields-container .label-subtext p {
  margin-bottom: 0;
  color: #999;
  font-size: 12px;
  margin: 5px 0 0 0;
}

@media (max-width: 575px) {
  .form-fields-container .form-group {
    clear: both;
  }
  .form-fields-container .form-group.field_first {
    clear: left !important;
    float: left !important;
    margin-left: 0 !important;
  }
  .form-fields-container .form-group.field_half {
    width: 100%;
  }
  .form-fields-container .form-group.field_third {
    width: 100%;
  }
  .form-fields-container .form-group.field_fourth {
    width: 100%;
  }
  .form-fields-container .form-group.field_half,
  .form-fields-container .form-group.field_third,
  .form-fields-container .form-group.field_fourth {
    clear: none;
    float: left;
    margin-left: 0;
  }
}
/* CUSTOM FORM Switcher
========================*/
.form-switcher .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 280px;
}
@media (min-width: 768px) {
  .form-switcher .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-width: 400px;
  }
}

#content-dropdowns-form .color-picker-wrapper .color-picker-panel.color-picker-panel-left {
  left: 110px !important;
  top: 2px !important;
}

.form-builder__group {
  margin-bottom: 20px;
}
.form-builder__row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.form-builder__row .form-control {
  width: 100%;
}
@media (min-width: 576px) {
  .form-builder__row.form-builder__row--actions {
    flex-wrap: nowrap;
  }
}
.form-builder__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  margin-left: auto;
}
@media (min-width: 576px) {
  .form-builder__actions {
    margin-top: 0;
    margin-left: 1rem;
  }
}
.form-builder__actions .btn, .form-builder__actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions button, .form-builder__actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions button {
  display: inline-flex;
  height: calc(2.4999999988rem + 2px);
}
.form-builder__actions .btn + .btn, .form-builder__actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + .btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions button + .btn, .form-builder__actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + .btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions button + .btn, .form-builder__actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .btn + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions .btn + button, .form-builder__actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions button + button, .form-builder__actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .btn + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions .btn + button, .form-builder__actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-builder__actions button + button {
  margin-left: 0.25rem;
}

@media (max-width: 575px) {
  optgroup {
    font-size: 12px;
  }
}
.form-email-template-wrapper .redactor-container {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.form-oscar .round-check .checkbox,
.round-check .checkbox {
  width: 28px;
  height: 28px;
  padding: 0;
  position: relative;
}
.form-oscar .round-check .checkbox:hover input[type=checkbox]:checked + .label-text:after, .form-oscar .round-check .checkbox:focus input[type=checkbox]:checked + .label-text:after,
.round-check .checkbox:hover input[type=checkbox]:checked + .label-text:after,
.round-check .checkbox:focus input[type=checkbox]:checked + .label-text:after {
  color: #fff;
}
.form-oscar .round-check span.label-text,
.round-check span.label-text {
  background-color: #fff;
  border: 1px solid #D5D5D5;
  border-radius: 50%;
  cursor: pointer;
  width: 28px;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  padding: 0;
}
.form-oscar .round-check span.label-text:after,
.round-check span.label-text:after {
  border: 2px solid #D5D5D5 !important;
  border-top: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  content: "" !important;
  height: 6px !important;
  left: 7px !important;
  background: transparent !important;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg) !important;
  width: 12px;
}
.form-oscar .round-check input[type=checkbox],
.round-check input[type=checkbox] {
  z-index: -1;
  opacity: 0;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
}
.form-oscar .round-check input[type=checkbox]:checked + .label-text,
.round-check input[type=checkbox]:checked + .label-text {
  background-color: #4583b3;
  border-color: #4583b3;
  transition: all 0.25s ease-in-out;
}
.form-oscar .round-check input[type=checkbox]:checked + .label-text:after,
.round-check input[type=checkbox]:checked + .label-text:after {
  color: #fff;
}
.form-oscar .round-check input[type=checkbox]:hover + .label-text, .form-oscar .round-check input[type=checkbox]:checked:hover + .label-text,
.round-check input[type=checkbox]:hover + .label-text,
.round-check input[type=checkbox]:checked:hover + .label-text {
  background-color: rgba(69, 131, 179, 0.75);
  border-color: rgba(69, 131, 179, 0.75);
  transition: all 0.25s ease-in-out;
}
.form-oscar .round-check input[type=checkbox]:hover + .label-text:after, .form-oscar .round-check input[type=checkbox]:checked:hover + .label-text:after,
.round-check input[type=checkbox]:hover + .label-text:after,
.round-check input[type=checkbox]:checked:hover + .label-text:after {
  color: #fff;
}

.gear-btn svg {
  width: 14px;
  height: 14px;
  fill: #555;
}

.form-new-audience .uib-increment .btn, .form-new-audience .uib-increment .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-increment button, .form-new-audience .uib-increment .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-increment button,
.form-new-audience .uib-decrement .btn,
.form-new-audience .uib-decrement .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-decrement button,
.form-new-audience .uib-decrement .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-decrement button {
  line-height: 1;
}
.form-new-audience .uib-weeks .btn, .form-new-audience .uib-weeks .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-weeks button, .form-new-audience .uib-weeks .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-weeks button {
  line-height: 1.2;
}
@media (min-width: 768px) {
  .form-new-audience .form-group label {
    margin-bottom: 0;
  }
}
.form-new-audience .btn-list {
  display: flex;
  justify-content: flex-end;
}
.form-new-audience .btn-list .btn, .form-new-audience .btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .btn-list button, .form-new-audience .btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .btn-list button {
  margin-right: 0;
  margin-left: 0.5rem;
}
.form-new-audience .uib-datepicker-popup.dropdown-menu {
  position: static;
  width: 100%;
}
.form-new-audience .uib-datepicker-popup.dropdown-menu table {
  table-layout: fixed;
  width: 100%;
}
.form-new-audience .uib-datepicker-popup.dropdown-menu .uib-button-bar {
  display: flex;
}
.form-new-audience .uib-datepicker-popup.dropdown-menu .uib-button-bar .pull-right {
  margin-left: auto;
}
.form-new-audience .uib-datepicker-popup.dropdown-menu .uib-day .btn, .form-new-audience .uib-datepicker-popup.dropdown-menu .uib-day .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-datepicker-popup.dropdown-menu .uib-day button, .form-new-audience .uib-datepicker-popup.dropdown-menu .uib-day .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-new-audience .uib-datepicker-popup.dropdown-menu .uib-day button {
  padding: 0 0.125rem !important;
}

.form-group.select2-form-group .btn.btn-outline-default:not(.btn-primary), .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default:not(.btn-primary), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default:not(.btn-primary), .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default:not(.btn-primary), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default:not(.btn-primary) {
  opacity: 0.5 !important;
}
.form-group.select2-form-group .btn.btn-outline-default:not(.btn-primary):hover, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default:not(.btn-primary):hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default:not(.btn-primary):hover, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default:not(.btn-primary):hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default:not(.btn-primary):hover, .form-group.select2-form-group .btn.btn-outline-default:not(.btn-primary):focus, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default:not(.btn-primary):focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default:not(.btn-primary):focus, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default:not(.btn-primary):focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default:not(.btn-primary):focus {
  opacity: 1 !important;
}
.form-group.select2-form-group .btn.btn-outline-default.btn-primary span, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span {
  position: relative;
  padding-left: 15px;
}
.form-group.select2-form-group .btn.btn-outline-default.btn-primary span:before, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:before, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:before, .form-group.select2-form-group .btn.btn-outline-default.btn-primary span:after, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:after, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:after, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:after {
  content: "";
  display: block;
  position: absolute;
  background: white;
}
.form-group.select2-form-group .btn.btn-outline-default.btn-primary span:before, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:before, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:before {
  width: 2px;
  height: 9px;
  left: 5px;
  top: 6px;
  transform: rotate(45deg);
}
.form-group.select2-form-group .btn.btn-outline-default.btn-primary span:after, .form-group.select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:after, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:after, .form-group.select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default.btn-primary span:after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-group.select2-form-group button.btn-outline-default.btn-primary span:after {
  width: 5px;
  height: 2px;
  left: -1px;
  top: 12px;
  transform: rotate(-135deg);
}

.form-actions.form-actions--bottom-sticky a i.fa-light,
.form-actions.form-actions--bottom-sticky button i.fa-light,
.form-actions.form-actions--bottom-sticky .form-actions-btn i.fa-light {
  margin-right: 8px;
}
.form-actions.form-actions--bottom-sticky a svg,
.form-actions.form-actions--bottom-sticky button svg,
.form-actions.form-actions--bottom-sticky .form-actions-btn svg {
  margin-right: 8px;
  width: 14px;
  height: 14px;
}

@media (min-width: 576px) {
  .form-actions.form-actions--bottom-sticky {
    display: flex;
    flex-direction: row;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn {
    position: relative;
    cursor: pointer;
    border: 0;
    border-radius: 0;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn i {
    display: none;
    padding-left: 20px;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=button]:not(.btn),
  .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=submit]:not(.btn) {
    background: transparent;
    border: 0;
    border-right: 1px solid #4583b3;
    padding: 0 20px;
  }
}
@media (min-width: 576px) and (min-width: 960px) {
  .form-actions.form-actions--bottom-sticky {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    padding: 0;
    height: 37px;
    width: 100%;
    bottom: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 -1px 3px 0 rgba(122, 122, 122, 0.3);
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.25s;
    transition-property: all;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn {
    position: relative;
    border: 0;
    border-radius: 0;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn i {
    display: inline;
    padding-left: 20px;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=button]:not(.btn),
  .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=submit]:not(.btn) {
    background: transparent;
    border: 0;
    border-right: 1px solid #4583b3;
    padding: 0 20px;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn:before {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: 5px;
    position: absolute;
    top: -9px;
    left: -1px;
    transition: opacity 0.15s linear;
    opacity: 0;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn:hover, .form-actions.form-actions--bottom-sticky .form-actions-btn:focus {
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.125s;
    transition-property: all;
    background: transparent !important;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn:hover:before, .form-actions.form-actions--bottom-sticky .form-actions-btn:focus:before {
    transition: opacity 0.15s linear;
    opacity: 1;
  }
  .form-actions.form-actions--bottom-sticky .btn, .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button, .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button {
    margin: 0 !important;
    background: transparent !important;
    color: #333;
    padding: 0 20px !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .form-actions.form-actions--bottom-sticky .btn:before, .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:before, .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:before {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: 5px;
    position: absolute;
    top: -9px;
    left: -1px;
    transition: opacity 0.15s linear;
    opacity: 0;
  }
  .form-actions.form-actions--bottom-sticky .btn:hover, .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:hover, .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:hover, .form-actions.form-actions--bottom-sticky .btn:focus, .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:focus, .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:focus {
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.125s;
    transition-property: all;
    background: transparent !important;
  }
  .form-actions.form-actions--bottom-sticky .btn:hover:before, .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:hover:before, .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:hover:before, .form-actions.form-actions--bottom-sticky .btn:focus:before, .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:focus:before, .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky button:focus:before {
    transition: opacity 0.15s linear;
    opacity: 1;
  }
  .form-actions.form-actions--bottom-sticky i + input[type=submit],
  .form-actions.form-actions--bottom-sticky i + input[type=button],
  .form-actions.form-actions--bottom-sticky i + a,
  .form-actions.form-actions--bottom-sticky i + button,
  .form-actions.form-actions--bottom-sticky i + .btn,
  .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky i + button,
  .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.form-actions--bottom-sticky i + button {
    padding-left: 0 !important;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn.form-actions-btn--input {
    position: relative;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn.form-actions-btn--input > i[class^=fa] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    margin: 0 !important;
    z-index: 0;
  }
  .form-actions.form-actions--bottom-sticky .form-actions-btn.form-actions-btn--input > input[type=button], .form-actions.form-actions--bottom-sticky .form-actions-btn.form-actions-btn--input > input[type=submit] {
    position: relative;
    height: 100%;
    width: 100%;
    padding-left: 40px !important;
  }
}
.form-info-block {
  background-color: #e5fff6;
  border-left: 4px solid #5ca188;
  padding: 15px;
}
.form-info-block p:last-child {
  margin-bottom: 0;
}

.wrapper.fix-top .form:not(.RightBar__form) {
  margin-bottom: 60px;
}
.wrapper.fix-top .card-block.forms-form-block .form,
.wrapper.fix-top .other-options .form {
  margin-bottom: 0;
}

.sd-import-logs-form .sd-import-logs-label,
.sd-import-logs-form .sd-import-logs-link {
  word-break: break-all;
}

@media (max-width: 960px) {
  .sidebar-expand .form-actions.form-actions--bottom-sticky,
  .sidebar-collapse .form-actions.form-actions--bottom-sticky {
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .sidebar-focused .form-actions.form-actions--bottom-sticky:not(.RightBar__footer),
  .sidebar-expand .form-actions.form-actions--bottom-sticky:not(.RightBar__footer) {
    left: 14.375rem !important;
    max-width: calc(100% - 230px);
  }
  .sidebar-collapse .form-actions.form-actions--bottom-sticky:not(.RightBar__footer) {
    left: 60px !important;
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  #crm-contacts-form .rightTabs .rightTabs--tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow {
    top: unset !important;
  }
}
.form-settings-bar {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 20px 30px 20px;
}
.form-settings-bar .form-settings-bar-element {
  padding: 10px;
  cursor: pointer;
}
.form-settings-bar .form-settings-bar-element.form-settings-bar-el-left {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.form-settings-bar .form-settings-bar-element.form-settings-bar-el-right {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.form-settings-bar .form-settings-bar-element .arrow {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-radius: 4px;
  opacity: 0.3;
  position: relative;
}
.form-settings-bar .form-settings-bar-element .arrow:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.form-settings-bar .form-settings-bar-element .arrow.arrow-left {
  border-right: 15px solid #000000;
}
.form-settings-bar .form-settings-bar-element .arrow.arrow-left:before {
  border-right: 13px solid white;
  top: -13px;
  left: 1px;
}
.form-settings-bar .form-settings-bar-element .arrow.arrow-right {
  border-left: 15px solid #000000;
}
.form-settings-bar .form-settings-bar-element .arrow.arrow-right:before {
  border-left: 13px solid white;
  top: -13px;
  left: -14px;
}

.formProposalDynamic {
  height: calc(100vh - 300px);
}

.formProposalDirect {
  height: calc(100vh - 250px);
}

.formProposalDynamic .row,
.formProposalDirect .row {
  max-width: 100%;
}

.form-actions--bottom-sticky-dynamicProposal {
  height: unset !important;
}
.form-actions--bottom-sticky-dynamicProposal #form-actions--bottom-sticky-dynamicProposalSwitch .sd-switchery-wrapper {
  margin-left: 20px;
}
.form-actions--bottom-sticky-dynamicProposal #form-actions--bottom-sticky-dynamicProposalSwitch .sd-switchery-wrapper .switchery.switchery-small + label {
  color: #333 !important;
}
.form-actions--bottom-sticky-dynamicProposal .form-actions--bottom-sticky-dynamicProposal-buttons {
  height: 37px;
  width: 100%;
  border-top: 1px solid #ddd;
}

@media (max-width: 960px) {
  .form-actions--bottom-sticky-dynamicProposal #form-actions--bottom-sticky-dynamicProposalSwitch .sd-switchery-wrapper {
    margin: 0;
  }
  .form-actions--bottom-sticky-dynamicProposal #form-actions--bottom-sticky-dynamicProposalSwitch .sd-switchery-wrapper .switchery.switchery-small + label {
    color: white !important;
  }
  .form-actions--bottom-sticky-dynamicProposal .form-actions--bottom-sticky-dynamicProposal-buttons {
    border: none;
  }
}
.input-group.input-group-key .form-control:disabled,
.input-group.input-group-key .form-control[readonly] {
  height: calc(2.5rem + 2px);
  background-color: #fff !important;
}

.copyClipboard {
  height: calc(2.5rem + 2px);
  width: 100%;
  border: 1px solid #e4e9f0;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.copyClipboard .auto-select-copy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 50px 0 8px;
  color: #bbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.copyClipboard .auto-select-copy:after {
  display: none;
}
.copyClipboard .auto-select-copy i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 42px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e4e9f0;
  background-color: #F2F2F2;
  content: "\f0c5";
  font-family: "Font Awesome 6 Pro";
  color: #555;
  position: absolute;
  right: 0;
  top: 0;
}

.form-create-modal {
  padding: 5px 25px !important;
}

.signature-form-wrapper .signatureDrowForm .form-actions {
  position: static !important;
  background-color: transparent !important;
}

.form-group .form-sub-label label {
  font-size: 13px;
  font-weight: 400;
}

.email-notification-config.form .ui-select-match .ui-select-match-item .remove-match:hover {
  background-color: transparent;
}

.form-not-company-sub-label sd-switchery-wrapper label {
  font-size: 12px !important;
  font-weight: 400;
}

.form-btn-actions {
  max-width: 100%;
  gap: 14px;
}

#lms-product-notifications-form .action-field.form-control.redactor-container {
  padding: 0;
  border: none;
}

#choiceForm .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config {
  padding: 0;
}
#choiceForm .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block {
  margin: 0;
  padding: 20px 0;
}

.editHtmlContentModal .redactor-box {
  min-height: 260px;
}

.addCrmContactManageCommunitiesWidget .addToCommunityModal .form-group_customized-input-label-block {
  max-width: calc(100% - 40px) !important;
  min-width: calc(100% - 40px) !important;
}
.addCrmContactManageCommunitiesWidget .form-group_customized-input-btns button {
  margin-right: -1rem;
}

#pm-add-time-form .entityType .radiobox label {
  margin-bottom: 0;
}

.companySettings .sd-alert,
.companySettings .sd-oscar-file-upload-wrapper {
  margin: 0;
  padding: 0;
}

.platformBranding .form-actions.form-actions--bottom-sticky svg,
.companySettings .form-actions.form-actions--bottom-sticky svg,
.emailBranding .form-actions.form-actions--bottom-sticky svg {
  display: none;
}

.platformBranding #qrAccordion .sdAccordion__body {
  padding: 1rem 1.25rem !important;
}

@media (min-width: 960px) {
  .platformBranding .form-actions.form-actions--bottom-sticky svg,
  .companySettings .form-actions.form-actions--bottom-sticky svg,
  .emailBranding .form-actions.form-actions--bottom-sticky svg {
    display: block;
  }
  .platformBranding .form-actions.form-actions--bottom-sticky svg + .btn, .platformBranding .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions.form-actions--bottom-sticky svg + button, .platformBranding .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions.form-actions--bottom-sticky svg + button,
  .companySettings .form-actions.form-actions--bottom-sticky svg + .btn,
  .companySettings .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions.form-actions--bottom-sticky svg + button,
  .companySettings .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions.form-actions--bottom-sticky svg + button,
  .emailBranding .form-actions.form-actions--bottom-sticky svg + .btn,
  .emailBranding .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .emailBranding .form-actions.form-actions--bottom-sticky svg + button,
  .emailBranding .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .emailBranding .form-actions.form-actions--bottom-sticky svg + button {
    padding-left: 0 !important;
  }
}
.braintree-form__label {
  display: flex;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.braintree-form__label .braintree-form__descriptor {
  margin: 0 !important;
}

.form-actions.form-actions--bottom-sticky .form-actions-btn svg + button {
  padding-left: 0 !important;
}

.app-form-embed, .extended-form-wrapper {
  margin: 0 auto;
}

.wysiwyg-content .app-form-embed ul {
  padding-left: 0;
}

.wysiwyg-content .app-form-embed div + *:not(div) {
  margin-top: 0;
}

.formOptionsAccordion .border-style-options-form-group .input-group__with-switcher .input-group-addon .input-group-addon-switcher .select2-selection--single {
  box-shadow: none;
}

.stylingOptionsBlock {
  gap: 2%;
}
.stylingOptionsBlock .inner-wrap {
  gap: 2%;
}
.stylingOptionsBlock .form-group {
  flex: 1 1 32%;
}
.stylingOptionsBlock .inner-wrap .form-group {
  flex: 1 1 23.5%;
}

#contractsResendModal-form .form-control.redactor-container .rx-main-container,
#crm-actions-form .form-control.redactor-container .rx-main-container {
  border: none;
}

.meetingProvider-vIntAzureCalendar .icons {
  gap: 0.7rem;
}
.meetingProvider-vIntAzureCalendar .icons img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}
.meetingProvider-vIntAzureCalendar .icons svg {
  width: 46px;
  height: 46px;
}

@media (max-width: 600px) {
  .stylingOptionsBlock .inner-wrap .form-group {
    flex: 1 1 50%;
  }
}
input[type=text].rx-form-input {
  border: 1px solid rgba(7, 7, 7, 0.2);
}

.rx-form-checkbox-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rx-form-checkbox-item .rx-form-checkbox {
  margin: 0;
}

#flows-states-grid th {
  text-align: left !important;
}

#flowAssignedUsers-grid {
  width: 100%;
}
#flowAssignedUsers-grid .circle-col {
  width: 100%;
  flex: 0 0 100%;
}
#flowAssignedUsers-grid .circle-col .changeUserState.action-remove {
  padding: 4px 8px !important;
  min-width: unset;
  transform: translate(10px, -12px);
}
#flowAssignedUsers-grid .logo .default-user-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sd-switchery-wrapper {
  align-items: center;
  column-gap: 0.5rem;
}
.sd-switchery-wrapper .switchery.switchery-small + label {
  margin-left: 0 !important;
}
@media (max-width: 575px) {
  .sd-switchery-wrapper {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
}
.sd-switchery-wrapper .switchery.switchery-small + label {
  padding-right: 1rem;
}

.flowHelp {
  position: relative;
  padding-left: 2.625rem;
}
.flowHelp_toggle {
  position: absolute;
  top: -2.375rem;
  right: 0;
  z-index: 100;
}
.flowHelp_toggle[aria-expanded=false] i {
  transform: rotate(0deg);
  transition: all ease 0.5s;
}
.flowHelp_toggle[aria-expanded=true] i {
  transform: rotate(90deg);
  transition: all ease 0.5s;
}
.flowHelp_collapse .redactor-container {
  padding: 0;
}
@media (max-width: 767px) {
  .flowHelp {
    padding-left: 0;
  }
}

.ui-sortable.ui-sortable-disabled button.toggle-link-btn {
  display: block;
}

.flow-chain ul.ui-sortable {
  margin-bottom: 0.5rem;
}
.flow-chain ul.ui-sortable li + li {
  margin-top: 0.5rem;
}
.flow-chain .flow-chain-link h2 {
  line-height: 1em !important;
  padding-bottom: 0 !important;
  padding-top: 5px !important;
}
.flow-chain .flow-chain-link button.toggle-link-btn {
  position: relative;
  margin-right: -0.6rem;
  padding: 0.45rem 0.6rem !important;
  width: 14px !important;
  height: 14px !important;
  box-sizing: content-box;
  font-size: 20px;
}
.flow-chain .flow-chain-link button.toggle-link-btn.active {
  transform: rotate(-180deg);
}
.flow-chain .flow-chain-link button.toggle-link-btn .icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  right: 0;
  width: 14px;
  height: 10px;
  font-size: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.flow-chain .flow-chain-link button.toggle-link-btn .icon::before {
  content: "";
  position: absolute;
  display: block;
  left: 2px;
  bottom: 2px;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #333;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}
.flow-chain .flow-chain-link.link-hidden button.toggle-link-btn span.icon {
  transform: translate(-50%, -50%) rotate(-90deg);
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
}
.flow-chain .flow-chain-link .btn.remove-link-btn, .flow-chain .flow-chain-link .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn, .flow-chain .flow-chain-link .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn {
  position: relative;
  margin-left: 0 !important;
}
.flow-chain .flow-chain-link .btn.remove-link-btn .btn-close-element, .flow-chain .flow-chain-link .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn .btn-close-element, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn .btn-close-element, .flow-chain .flow-chain-link .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn .btn-close-element, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn .btn-close-element {
  width: 16px;
  height: 16px;
}
.flow-chain .flow-chain-link .btn.remove-link-btn .btn-close-element::before, .flow-chain .flow-chain-link .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn .btn-close-element::before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn .btn-close-element::before, .flow-chain .flow-chain-link .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn .btn-close-element::before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn .btn-close-element::before, .flow-chain .flow-chain-link .btn.remove-link-btn .btn-close-element::after, .flow-chain .flow-chain-link .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn .btn-close-element::after, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn .btn-close-element::after, .flow-chain .flow-chain-link .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.remove-link-btn .btn-close-element::after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link button.remove-link-btn .btn-close-element::after {
  top: -2px;
  left: 7px;
  width: 2px;
  height: 18px;
}
.flow-chain .flow-chain-link .card {
  overflow: hidden;
  margin-bottom: 0 !important;
}
.flow-chain .flow-chain-link .card:not(:first-child) {
  margin-top: 0.5rem;
  margin-left: 15px;
  margin-right: 15px;
}
.flow-chain .flow-chain-link .card .card-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 0 none;
  padding: 0.75rem 1rem;
}
@media (max-width: 767px) {
  .flow-chain .flow-chain-link .card .card-header {
    padding: 0.75rem;
  }
}
.flow-chain .flow-chain-link .card .card-header .btn:focus, .flow-chain .flow-chain-link .card .card-header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link .card .card-header button:focus, .flow-chain .flow-chain-link .card .card-header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .flow-chain-link .card .card-header button:focus {
  box-shadow: none;
}
.flow-chain .flow-chain-link .card .card-header .link-btns {
  margin-left: auto;
}
.flow-chain .flow-chain-link .card .card-header .link-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flow-chain .flow-chain-link .card .card-header .link-title .step-order {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  border-radius: 50%;
  background-color: #6492cb;
  color: white;
  display: inline-block;
  margin-right: 0.625rem;
  position: relative;
}
.flow-chain .flow-chain-link .card .card-header .link-title .step-order:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: attr(sort);
}
@media (max-width: 767px) {
  .flow-chain .flow-chain-link .card .card-header .link-title .step-order {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.flow-chain .flow-chain-link .toggle-link-btn {
  padding: 0 !important;
}
.flow-chain .flow-chain-link .toggle-link-btn .icon {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.flow-chain .flow-chain-link.link-hidden .card:not(:first-child) {
  opacity: 0;
  margin: 0;
  border: 0;
  height: 0;
}
.flow-chain .chain-inner .chain-builder {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.flow-chain .chain-inner .chain-builder .btn, .flow-chain .chain-inner .chain-builder .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .chain-inner .chain-builder button, .flow-chain .chain-inner .chain-builder .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .chain-inner .chain-builder button {
  border-radius: 7px !important;
  padding: 1rem !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 767px) {
  .flow-chain .chain-inner .chain-builder .btn, .flow-chain .chain-inner .chain-builder .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .chain-inner .chain-builder button, .flow-chain .chain-inner .chain-builder .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .chain-inner .chain-builder button {
    padding: 13.5px 12px !important;
  }
}
.flow-chain .chain-inner .chain-builder .btn .material-icons, .flow-chain .chain-inner .chain-builder .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .chain-inner .chain-builder button .material-icons, .flow-chain .chain-inner .chain-builder .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-chain .chain-inner .chain-builder button .material-icons {
  width: 22px;
  height: 22px;
  font-size: 22px;
  border-radius: 50%;
  background: #333;
  color: #fff;
}
.flow-chain .chain-inner .btn-list {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  height: 0;
  padding: 0;
  opacity: 0;
}
.flow-chain .chain-inner.ordering .flow-chain-link .card-header .drugging-icon {
  cursor: grab;
  margin: 0 10px 0 0;
}
.flow-chain .chain-inner.ordering .flow-chain-link .card-header .drugging-icon:active {
  cursor: grabbing;
}
.flow-chain .chain-inner.ordering .btn-list {
  height: 2.625rem;
  opacity: 1;
}

.flow-chain .add-new-element-btn .material-icons {
  left: -5px !important;
}

.entity-action-widget .add-new-element-btn .material-icons {
  left: -5px !important;
}

.chain-links .fake-input {
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  left: 50% !important;
}

.file-upload-flow-chain-link .selected-wrapper {
  margin: 1.4285714286em auto;
  text-align: left;
}
.file-upload-flow-chain-link .selected-wrapper .selected-info {
  font-size: 0.9285714286em;
}
.file-upload-flow-chain-link .selected-wrapper .selected {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding: 0.7142857143em;
  margin: 0 0 0.7142857143em;
  overflow-y: auto;
  background-color: white;
  height: 150px;
  max-height: 250px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: left;
}
.file-upload-flow-chain-link .selected-wrapper .selected li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 0.3571428571em 0;
}
.file-upload-flow-chain-link .selected-wrapper .selected li:last-child {
  border-bottom: none;
}
.file-upload-flow-chain-link .selected-wrapper .selected li span {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.file-upload-flow-chain-link .selected-wrapper .selected li i[ng-click] {
  cursor: pointer;
  user-select: none;
}
.file-upload-flow-chain-link .selected-wrapper .selected li.no-files {
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 100%;
  border: 2px dashed #ccc;
  text-align: center;
  font-style: italic;
  cursor: pointer;
  padding: 0;
}
.file-upload-flow-chain-link .btn-select-files {
  text-align: center;
}
.file-upload-flow-chain-link .file-upload-field-input {
  border: none;
  box-shadow: none;
}
.file-upload-flow-chain-link .file-upload-field-input .file-drop {
  display: none;
}
.file-upload-flow-chain-link .file-upload-field-input .btn-list {
  padding-left: 0;
}
.file-upload-flow-chain-link .flow-advance-wrapper button.btn, .file-upload-flow-chain-link .flow-advance-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-flow-chain-link .flow-advance-wrapper button, .file-upload-flow-chain-link .flow-advance-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-flow-chain-link .flow-advance-wrapper button {
  position: relative;
}
.file-upload-flow-chain-link .flow-advance-wrapper button.btn:after, .file-upload-flow-chain-link .flow-advance-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:after, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-flow-chain-link .flow-advance-wrapper button:after, .file-upload-flow-chain-link .flow-advance-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-upload-flow-chain-link .flow-advance-wrapper button:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}

.file-download-flow-chain-link .selected-wrapper {
  margin: 1.4285714286em auto;
  text-align: left;
}
.file-download-flow-chain-link .selected-wrapper .selected-info {
  font-size: 0.9285714286em;
}
.file-download-flow-chain-link .selected-wrapper .selected {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0.7142857143em;
  overflow-y: auto;
  background-color: white;
  height: 150px;
  max-height: 250px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: left;
}
.file-download-flow-chain-link .selected-wrapper .selected li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 0.3571428571em 0.7142857143em;
}
.file-download-flow-chain-link .selected-wrapper .selected li:last-child {
  border-bottom: none;
}
.file-download-flow-chain-link .selected-wrapper .selected li span {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.file-download-flow-chain-link .selected-wrapper .selected li i[ng-click] {
  cursor: pointer;
  user-select: none;
}
.file-download-flow-chain-link .selected-wrapper .selected li .icon-wrapper {
  -webkit-box-flex: 0 0 24px;
  -moz-box-flex: 0 0 24px;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  margin-right: 0.3125rem;
  line-height: 1;
}
.file-download-flow-chain-link .file-list-wrapper ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.file-download-flow-chain-link .file-list-wrapper ul li .icon-wrapper {
  -webkit-box-flex: 0 0 50px;
  -moz-box-flex: 0 0 50px;
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  margin-right: 0.3125rem;
  line-height: 1;
}
.file-download-flow-chain-link .file-list-wrapper ul li .icon-wrapper i.material-icons {
  font-size: 3.125rem;
}

body.flow-blackout .wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  content: "";
  background-color: white;
  z-index: 999;
}
body.flow-blackout .modal-content {
  border: 0 none;
}
body.flow-blackout .flow-provide-help-button-wrapper {
  top: 1.8rem;
}
body.flow-blackout .flow-provide-help-button-wrapper.enabled {
  right: 6rem;
}

.sd-flow {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sd-flow .flow-modal-header-back {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  margin: auto auto 0;
}
.sd-flow .flow-modal-header-back.back {
  display: flex;
}
.sd-flow > header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 0 5.5rem;
  -moz-box-flex: 0 0 5.5rem;
  -webkit-flex: 0 0 5.5rem;
  -ms-flex: 0 0 5.5rem;
  flex: 0 0 5.5rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.42);
  background: #fff;
  height: 5.5rem;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.sd-flow > header .flow-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  height: 100%;
}
.sd-flow > header .flow-logo img {
  display: block;
  margin: auto;
  max-height: 75%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.sd-flow > header .flow-logo img.logo__dark-mode {
  display: none !important;
}
.sd-flow > header .flow-logo .logo-collapse {
  left: unset;
  transform: none;
}
@media (min-width: 576px) {
  .sd-flow > header .flow-logo .logo-collapse {
    display: none !important;
  }
}
.sd-flow > header .flow-logo .logo-expand {
  display: none;
}
@media (min-width: 576px) {
  .sd-flow > header .flow-logo .logo-expand {
    display: block;
    position: static;
    transform: none;
    visibility: visible;
    opacity: 1;
  }
}
.sd-flow > header .flow-close-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.sd-flow > header .flow-close-wrapper .btn, .sd-flow > header .flow-close-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-flow > header .flow-close-wrapper button, .sd-flow > header .flow-close-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-flow > header .flow-close-wrapper button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sd-flow > header .flow-close-wrapper i {
  font-size: 28px;
}

.flow-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  height: calc(100% + 1px);
  position: relative;
  z-index: 0;
}
@media (max-width: 575px) {
  .flow-wrapper {
    height: auto;
  }
}
@media (max-width: 575px) {
  .flow-wrapper {
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flow-wrapper > aside {
    padding-bottom: 0 !important;
  }
}
.flow-wrapper aside {
  background-color: #FAFAFA;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 5rem;
  flex: 0 0 auto;
}
.flow-wrapper aside .flow-nav-list {
  padding: 1.25rem;
}
@media (max-width: 767px) {
  .flow-wrapper aside .flow-nav-list {
    padding: 0.9375rem 0rem;
    margin-bottom: 0;
  }
}
.flow-wrapper aside .flow-nav-list li {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: default;
  padding: 0.9375rem 1.25rem;
  margin-bottom: 0.625rem;
  display: block;
}
@media (max-width: 767px) {
  .flow-wrapper aside .flow-nav-list li {
    padding: 0.625rem 0.9375rem;
  }
}
@media (max-width: 575px) {
  .flow-wrapper aside .flow-nav-list li:last-child {
    margin-bottom: 0;
  }
}
.flow-wrapper aside .flow-nav-list li__container {
  background-color: #fff !important;
  margin-top: 15px;
  border-right: 1px solid #eee;
}
.flow-wrapper aside .flow-nav-list li.can-nav {
  cursor: pointer;
}
.flow-wrapper aside .flow-nav-list li.can-nav:hover {
  background-color: white;
  border-radius: 7px;
}
.flow-wrapper aside .flow-nav-list li.can-nav i {
  color: #333;
  margin-right: 8px;
}
.flow-wrapper aside .flow-nav-list li.active {
  background-color: white;
  border-radius: 7px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
}
.flow-wrapper aside .flow-nav-list li.active i {
  color: #333;
  margin-right: 8px;
}
.flow-wrapper aside .flow-nav-list li h4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  margin: 0 !important;
  padding: 0.3rem 0;
}
.flow-wrapper aside .flow-nav-list li h4 span {
  word-break: normal;
  margin-left: 0.3125rem;
  line-height: 1.6;
}
.flow-wrapper aside .flow-nav-list li h4 i {
  color: #ccc;
  margin-right: 3px;
}
.flow-wrapper .card {
  box-shadow: none;
}
.flow-wrapper .content {
  padding: 0 2rem 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
  .flow-wrapper .content {
    padding: 0 1rem 0;
  }
}
.flow-wrapper .content:after {
  display: block;
  content: "";
  height: 10rem;
}
.flow-wrapper .content .flow-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: white;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 0 30px 0;
}
.flow-wrapper .content .flow-header.back .back {
  opacity: 1;
  pointer-events: all;
}
.flow-wrapper .content .flow-header .back {
  display: flex;
  justify-content: start;
  width: 100%;
  margin: 10px 0 0 -15px;
}
.flow-wrapper .content .flow-header .back .btn, .flow-wrapper .content .flow-header .back .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-wrapper .content .flow-header .back button, .flow-wrapper .content .flow-header .back .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-wrapper .content .flow-header .back button {
  padding: 0 !important;
}
.flow-wrapper .content .flow-header .back .btn:focus, .flow-wrapper .content .flow-header .back .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-wrapper .content .flow-header .back button:focus, .flow-wrapper .content .flow-header .back .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .flow-wrapper .content .flow-header .back button:focus {
  border: none;
  box-shadow: none;
  color: #888;
}
.flow-wrapper .content .flow-header .title h2 {
  font-size: 24px;
  text-align: center;
}
.flow-wrapper .content .flow-container {
  pointer-events: none;
}
.flow-wrapper .content .flow-container.animate-up-down {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: translateY(-1.25rem);
  -ms-transform: translateY(-1.25rem);
  transform: translateY(-1.25rem);
  opacity: 0;
}
.flow-wrapper .content .flow-container.animate-up-down.in {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
  opacity: 1;
}
.flow-wrapper .content .flow-container.animate-up-down.out {
  -webkit-transform: translateY(3.75rem);
  -ms-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  pointer-events: none;
  opacity: 0;
}
.flow-wrapper .content .flow-container.animate-swipe {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: translateX(-3.125rem);
  -ms-transform: translateX(-3.125rem);
  transform: translateX(-3.125rem);
  opacity: 0;
}
.flow-wrapper .content .flow-container.animate-swipe.in {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  pointer-events: all;
  opacity: 1;
}
.flow-wrapper .content .flow-container.animate-swipe.out {
  -webkit-transform: translateX(9.375rem);
  -ms-transform: translateX(9.375rem);
  transform: translateX(9.375rem);
  pointer-events: none;
  opacity: 0;
}
.flow-wrapper .content .flow-container .flow-chain-link-wrapper {
  margin: 1.875rem 0;
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .flow-wrapper .content .flow-container .flow-chain-link-wrapper {
    margin: 0.9375rem 0;
  }
}
.flow-wrapper .content .flow-container .flow-advance-wrapper {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25rem;
}

.flow-buttons {
  padding: 0.25rem 1rem 0.2rem 1rem;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
}
.flow-buttons:disabled {
  opacity: 0.65;
  box-shadow: none;
}

.flow-buttons:not(.flow-button-skip) {
  font-weight: 500 !important;
  color: #fff;
  background-color: #4583b3;
  border-color: #4583b3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.flow-buttons:not(.flow-button-skip):hover {
  color: #fff;
  background-color: #3a6f97;
  border-color: #37688e;
}
.flow-buttons:not(.flow-button-skip):focus, .flow-buttons:not(.flow-button-skip).focus {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(69, 131, 179, 0.5);
}
.flow-buttons:not(.flow-button-skip).disabled, .flow-buttons:not(.flow-button-skip):disabled {
  background-color: #4583b3;
  border-color: #4583b3;
}
.flow-buttons:not(.flow-button-skip):active, .flow-buttons:not(.flow-button-skip).active, .show > .flow-buttons:not(.flow-button-skip).dropdown-toggle {
  background-color: #3a6f97;
  background-image: none;
  border-color: #37688e;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.flow-advance-wrapper .flow-button-skip {
  border-color: transparent;
  color: #364859;
}

.flow-modal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: 100vh;
  background-color: rgb(224, 224, 224);
}
.flow-modal .flow-modal-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: center;
  -moz-box-align-self: center;
  -ms-align-self: center;
  align-self: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 80vmax;
  height: 100%;
}
@media (max-width: 767px) {
  .flow-modal .flow-modal-body {
    width: 100% !important;
  }
}
.flow-modal .flow-modal-body .sd-flow {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  height: 100%;
  background-color: white;
}
@media (max-width: 575px) {
  .flow-modal .flow-modal-body .sd-flow {
    overflow-y: auto;
  }
}
.flow-modal .flow-wrapper .flow-header {
  display: none;
}

.flow-provide-help {
  position: fixed;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1055;
  pointer-events: none;
}
.flow-provide-help:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.flow-provide-help.displayed {
  pointer-events: all;
}
.flow-provide-help.displayed:before {
  opacity: 1;
}
.flow-provide-help.displayed .provide-help-inner {
  right: 0;
}
.flow-provide-help .provide-help-inner {
  width: 25vw;
  background-color: white;
  right: -27vw;
  position: absolute;
  height: 100%;
  padding: 1.25rem;
  z-index: 12;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  transition: right ease 0.2s;
}
.flow-provide-help .provide-help-inner .box-title {
  border-bottom: 1px solid #eee;
  width: 100%;
  margin-bottom: 0.9375rem !important;
}
.flow-provide-help .provide-help-inner .archive .archive-message > :last-child {
  margin-bottom: 0 !important;
}
.flow-provide-help .provide-help-inner .archive .archive-message .sending > div {
  background-color: #868e96;
}
@media (max-width: 767px) {
  .flow-provide-help .provide-help-inner {
    width: 85vw;
    right: -87vw;
  }
}

@keyframes scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.flow-provide-help-button-wrapper {
  position: absolute;
  display: none;
  top: 1.85rem;
  right: 3rem;
  z-index: 1056;
  transition: right ease 0.2s;
}
.flow-provide-help-button-wrapper.enabled {
  display: block;
  right: 6rem;
}
.flow-provide-help-button-wrapper.displayed button {
  box-shadow: none;
  transition: none;
  animation: none;
}
.flow-provide-help-button-wrapper button {
  border-radius: 100%;
  height: 1.875rem;
  width: 1.875rem;
  padding: 0;
}

.flow-close-wrapper .close-btn {
  position: relative !important;
  width: 54px;
}

.flow-modal-header .flow-close-wrapper .close-btn {
  padding-right: 2rem !important;
  width: 70px !important;
}
.flow-modal-header .flow-close-wrapper .close-btn .btn-close-element {
  top: unset;
  left: unset;
  transform: none;
}

.flow-manage-assignment .circle-user-item .content-wrap {
  border-radius: 5px;
}
.flow-manage-assignment .circle-user-item .content-wrap .logo.logo-sm {
  padding: 0;
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.flow-manage-assignment .circle-user-item .content-wrap .default-user-avatar {
  width: 50px;
  height: 50px;
  display: block;
}

.flow-button-group {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.flow-button-group button.btn-block {
  margin-top: 0;
}

@keyframes message-alert {
  0% {
    transform: rotate(-12.5deg);
  }
  2% {
    transform: rotate(16deg);
  }
  4% {
    transform: rotate(-20deg);
  }
  6% {
    transform: rotate(20deg);
  }
  8% {
    transform: rotate(-16deg);
  }
  10% {
    transform: rotate(16deg);
  }
  12% {
    transform: rotate(-12.5deg);
  }
  100% {
    transform: rotate(-12.5deg);
  }
}
.modal.flow-state-modal .modal-dialog.modal-fs .modal-content {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  border: 0 none;
  background-color: #f0f0f0;
}
.modal.flow-state-modal .modal-dialog.modal-fs .modal-content .modal-include-wrapper {
  padding: 0;
}

.flow-state-view {
  max-width: 100%;
  width: 100%;
}
.flow-state-view ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.flow-state-view .flow-state-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
  width: 100%;
  background-color: white;
  padding: 1.5625rem;
  margin-bottom: 1.5625rem;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
}
@media (max-width: 500px) {
  .flow-state-view .flow-state-header {
    padding: 12px;
    align-items: flex-start;
  }
}
.flow-state-view .flow-state-header .flow-state-header-wrap {
  width: calc(100% - 36px);
}
.flow-state-view .flow-state-header .modal-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 500px) {
  .flow-state-view .flow-state-header .modal-title {
    margin-left: 0;
  }
}
.flow-state-view .flow-state-header .modal-close-btn {
  margin-left: auto;
}
.flow-state-view .state-user {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
.flow-state-view .state-user sd-user-avatar {
  display: inline-block;
  margin-right: 0.625rem;
}
.flow-state-view .state-user sd-user-avatar figure {
  margin-bottom: 0;
  width: 3rem;
}
.flow-state-view .state-user sd-user-avatar img, .flow-state-view .state-user sd-user-avatar svg {
  border-radius: 50%;
}
.flow-state-view .state-user .logo {
  width: 60px !important;
  flex: 0 0 auto;
}
.flow-state-view .state-user .display-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
}
.flow-state-view .state-user .state-user-info {
  flex: 1 1 auto;
  max-width: calc(100% - 70px);
}
.flow-state-view .state-user .email {
  font-size: 0.875rem;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.link-state-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  margin-bottom: 1.25rem;
}
.link-state-view.complete .link-title:before {
  content: "check_circle_outline";
  color: #38d57a;
}
.link-state-view.active .link-state-wrapper {
  -webkit-box-flex: 0 1 75%;
  -moz-box-flex: 0 1 75%;
  -webkit-flex: 0 1 75%;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px 3px rgba(3, 169, 243, 0.4), 0 0 0 3px #f0f0f0;
  background-color: white;
}
.link-state-view.active .link-title {
  border-color: #b3b3b3;
  padding: 0.625rem 0 0.9375rem;
}
.link-state-view.active .content {
  display: block;
  padding-top: 20px;
}
.link-state-view.expanded .link-state-wrapper {
  -webkit-box-flex: 0 1 75%;
  -moz-box-flex: 0 1 75%;
  -webkit-flex: 0 1 75%;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px 3px rgba(3, 169, 243, 0.4), 0 0 0 3px #f0f0f0;
  background-color: white;
}
.link-state-view.expanded .link-title {
  border-color: #b3b3b3;
  padding: 0.625rem 0 0.9375rem;
}
.link-state-view.expanded .content {
  display: block;
  padding-top: 20px;
}
.link-state-view.expanded .link-state-wrapper {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
}
.link-state-view.ng-move, .link-state-view.ng-enter, .link-state-view.ng-leave {
  transition: all ease-in-out 0.25s;
}
.link-state-view.ng-leave.ng-leave-active, .link-state-view.ng-move, .link-state-view.ng-enter {
  opacity: 0;
  transform: translateY(-100%);
}
.link-state-view.ng-leave, .link-state-view.ng-move.ng-move-active, .link-state-view.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0);
}
.link-state-view .link-state-wrapper {
  background-color: #fdfdfd;
  z-index: 1;
}
.link-state-view:last-child:after {
  content: initial;
}
.link-state-view:after {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  content: "";
  width: 0px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  height: calc(100% + 1.25rem);
  top: 0;
  z-index: 0;
  left: 50%;
}
.link-state-view .link-state-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  border-radius: 0.4375rem;
  padding: 0.9375rem;
  position: relative;
  width: 50%;
  max-width: 52%;
}
@media (max-width: 800px) {
  .link-state-view .link-state-wrapper {
    width: 80%;
    max-width: 82%;
  }
}
.link-state-view .link-state-wrapper .message-alert {
  position: absolute;
  right: -0.78125rem;
  top: -0.78125rem;
  transform: scale(1, 1) rotate(-12.5deg);
  cursor: pointer;
}
.link-state-view .link-state-wrapper .message-alert .material-icons {
  color: #cc3333;
}
.link-state-view .link-state-wrapper .message-alert.alert-animate {
  animation: message-alert 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s infinite both;
  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.2);
}
.link-state-view .link-state-wrapper .message-alert.ng-hide-add, .link-state-view .link-state-wrapper .message-alert.ng-hide-remove {
  transition: all 0.5s linear;
}
.link-state-view .link-state-wrapper .message-alert.ng-hide {
  opacity: 0;
  transform: scale(0, 0) rotate(-12.5deg);
}
.link-state-view .link-state-wrapper:hover {
  background-color: white;
}
.link-state-view .link-state-wrapper:hover .link-title {
  cursor: pointer;
}
.link-state-view .link-title {
  border-bottom: 1px solid transparent;
  font-size: 1.5rem;
}
.link-state-view .link-title:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "radio_button_unchecked";
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0.625rem;
  font-weight: lighter;
  font-size: 2rem;
  color: #ccc;
}
.link-state-view .content {
  display: none;
}

.read-sign-signature .signature-wrapper {
  border: 1px solid #b3b3b3;
  background-color: rgba(255, 255, 0, 0.33);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset, 3px 3px 3px rgba(0, 0, 0, 0.145);
  margin-bottom: 0.625rem;
}

.link-state-view.expanded .content {
  padding-top: 20px;
}

.form-oscar .onboarding-password-strength #password-strength {
  top: 0px !important;
}

.form-oscar .profile-page-password-reset #password-strength {
  top: 27px !important;
}

.form-oscar-with-sidebar {
  padding-right: 4rem;
}
@media only screen and (max-width: 600px) {
  .form-oscar-with-sidebar {
    padding-right: 2rem;
  }
}

.form-oscar .form-group {
  margin-bottom: 15px;
  position: relative;
}
.form-oscar .form-group.table-container {
  max-width: 100%;
  overflow-x: scroll;
}
.form-oscar .form-group #password-strength {
  top: 0;
  right: 0;
}
.form-oscar .form-group label {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 0;
}
.form-oscar .form-group .switchery-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.form-oscar .form-group .switchery-group .switchery {
  -webkit-box-flex: 0 0 50px;
  -moz-box-flex: 0 0 50px;
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
}
.form-oscar .form-group .switchery-group .switchery.switchery-small {
  -webkit-box-flex: 0 0 33px;
  -moz-box-flex: 0 0 33px;
  -webkit-flex: 0 0 33px;
  -ms-flex: 0 0 33px;
  flex: 0 0 33px;
  margin-top: 6px;
}
.form-oscar .form-group .switchery + label,
.form-oscar .form-group .switchery + .label-group {
  margin-left: 0.625rem;
  margin-bottom: 0;
}
.form-oscar .form-group .switchery + .label-group {
  display: inline-block;
}
.form-oscar .form-group .switchery + .label-group label {
  margin-bottom: 0;
}
.form-oscar .form-group .switchery + .label-group .note {
  padding-top: 0;
}
.form-oscar .form-group .label-block {
  position: relative;
  padding-right: 30px;
}
.form-oscar .form-group .label-block .functional-btn {
  position: absolute;
  top: -2px;
  right: 0;
}
.form-oscar .form-group .label-block .functional-btn.icon-custom-btn button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.form-oscar .form-group .form-error {
  font-size: 12px;
  color: #E6614F;
}
.form-oscar .form-group .select2-hidden-accessible {
  bottom: 0 !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.form-oscar .form-control {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.form-oscar .form-control.form-control-invisible {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.form-oscar .form-control:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.form-oscar .form-control[disabled], .form-oscar .form-control[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .form-oscar .form-control {
    min-height: 42px;
    font-size: 14px;
  }
  .form-oscar .form-control:not(textarea) {
    height: auto !important;
  }
}
.form-oscar .form-control.standard-multiselect {
  height: auto !important;
}
.form-oscar .form-control.form-control-inline {
  display: inline-block;
  width: auto;
}
.form-oscar .form-control.form-control-empty {
  display: inline-block;
  text-align: center;
}
.form-oscar input[type=text].form-control,
.form-oscar input[type=number].form-control,
.form-oscar select.form-control {
  padding: 0.25rem 0.6rem;
  line-height: normal;
  text-align: left;
}
.form-oscar input[type=text].form-control.form-control-sm,
.form-oscar input[type=number].form-control.form-control-sm,
.form-oscar select.form-control.form-control-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  height: calc(1.3rem + 2px);
}
.form-oscar input.form-radio {
  width: 20px;
}
.form-oscar textarea.form-control {
  width: 100%;
  height: auto;
  min-height: 100px;
}
.form-oscar textarea.form-control.textarea-input, .form-oscar textarea.form-control.texarea-input {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 30px;
  height: auto;
}
.form-oscar .chosen-container {
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #EEE !important;
  border-radius: 4px !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: calc(2.5rem + 2px);
  max-height: calc(2.5rem + 2px);
  font-size: 14px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.form-oscar .chosen-container[style*="width: 0px"] {
  width: 100% !important;
}
.form-oscar .chosen-container.chosen-container-active {
  color: #74708d;
  border-color: #3FB1F0 !important;
  outline: none;
}
.form-oscar .chosen-container.chosen-with-drop {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.form-oscar .chosen-container.chosen-container-multi {
  display: flex;
  height: auto;
  min-height: calc(2.5rem + 2px) !important;
  max-height: initial;
  padding: 0 !important;
}
.form-oscar .chosen-container .chosen-drop {
  box-shadow: none;
  border: 1px solid #aaa;
}
.form-oscar .chosen-container .chosen-single,
.form-oscar .chosen-container .chosen-choices {
  border-radius: 0.25rem !important;
}
.form-oscar .chosen-container .chosen-single > span,
.form-oscar .chosen-container .chosen-choices > span {
  background: transparent !important;
}
.form-oscar .chosen-container .chosen-single {
  height: calc(2.5rem + 2px);
  padding-right: 30px;
  background: none !important;
}
.form-oscar .chosen-container .chosen-single > span {
  line-height: 28px;
  font-size: 14px;
  font-weight: 300;
  background: none !important;
}
.form-oscar .chosen-container .chosen-choices {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  padding: 0 8px;
}
.form-oscar .chosen-container .chosen-choices li.search-choice {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  padding: 0 9px !important;
  margin: 2px 4px;
  background-color: #F7F7F7;
  background-image: none !important;
  border: 1px solid #ccc;
  border-radius: 5px !important;
  color: #303030;
  line-height: 18px;
  font-size: 0.75rem;
  font-weight: 300 !important;
  box-shadow: none;
}
.form-oscar .chosen-container .chosen-choices li.search-choice span {
  padding: 0;
}
.form-oscar .chosen-container .chosen-choices li.search-choice .search-choice-close {
  position: relative;
  top: auto;
  right: auto;
  width: 11px;
  height: 11px;
  background: none !important;
}
.form-oscar .chosen-container .chosen-choices li.search-choice .search-choice-close::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  display: block;
  width: 1px;
  height: 10px;
  background-color: #303030;
  transform: rotate(45deg);
}
.form-oscar .chosen-container .chosen-choices li.search-choice .search-choice-close::after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  left: 5px;
  width: 1px;
  height: 10px;
  background-color: #303030;
  transform: rotate(135deg);
}
.form-oscar .form-title {
  font-size: 0.875rem;
  font-weight: 700;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.form-oscar .form-info-text,
.form-oscar .form-danger-text {
  font-size: 12px;
  margin-bottom: 15px;
}
.form-oscar .form-info-text {
  color: #03a9f3;
}
.form-oscar .form-danger-text {
  color: #e6614f;
}
.form-oscar .from-question {
  font-size: 13px;
  margin-bottom: 5px;
  color: #868e96;
}
.form-oscar .checkbox {
  display: inline-block;
  padding: 0 0 3px 0;
}
.form-oscar .ui-spinner.ui-widget {
  padding: 0;
}
.form-oscar .input-group .form-control {
  border-radius: 0.25rem;
}
.form-oscar .input-group .input-group-append {
  padding-left: 10px;
}
.form-oscar .input-group .input-group-append .btn, .form-oscar .input-group .input-group-append .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .input-group .input-group-append button, .form-oscar .input-group .input-group-append .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-oscar .input-group .input-group-append button {
  padding: 2px 0.5rem;
}
.form-oscar .chosen-container-single .chosen-single span {
  margin-right: 0;
}
.form-oscar #uploader .plupload_container .plupload .plupload_content {
  border: 1px solid #ccc;
}
.form-oscar #uploader .plupload_container .plupload .plupload_filelist_header,
.form-oscar #uploader .plupload_container .plupload .plupload_filelist_footer {
  font-size: 14px;
  color: #555;
  background-color: #fff;
}
.form-oscar #uploader .plupload_container .plupload .plupload_filelist_header {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 15px 14px;
}
.form-oscar #uploader .plupload_container .plupload .plupload_filelist_footer {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form-oscar #uploader .plupload_container .plupload .plupload_droptext {
  width: 100%;
  display: block;
}
.form-oscar .color-picker-wrapper .color-picker-input-wrapper .form-control {
  padding-left: 35px;
}
.form-oscar .color-picker-wrapper .color-picker-input-wrapper .color-picker-swatch.color-picker-swatch-left {
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 30px;
  height: 40px;
  border: 0;
  border-right: 1px solid #e4e9f0;
  border-radius: 0.25rem 0 0 0.25rem;
}
.form-oscar .ql-toolbar {
  border-bottom: 0 none;
  border-color: #e4e9f0;
}
.form-oscar .ql-container {
  border: 0 none;
  display: block;
  height: auto;
}
.form-oscar .ql-container .ql-editor {
  border: 1px solid #e4e9f0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-oscar .ql-container .ql-editor:focus {
  border-color: #03a9f3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  color: #bbb;
  padding-left: 6px;
  font-weight: normal !important;
  font-size: 0.875rem !important;
  font-family: "Inter", sans-serif !important;
  letter-spacing: 0;
}

select.full-width + .chosen-container {
  width: 100% !important;
}

.bulk-options .bulk-options-select {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
  height: 30px;
  line-height: normal;
}
.bulk-options .bulk-options-select:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.bulk-options .bulk-options-select[disabled], .bulk-options .bulk-options-select[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .bulk-options .bulk-options-select {
    min-height: 42px;
    font-size: 14px;
  }
  .bulk-options .bulk-options-select:not(textarea) {
    height: auto !important;
  }
}
.bulk-options .bulk-options-select.standard-multiselect {
  height: auto !important;
}

.modal-open .ui-datepicker.ui-widget {
  z-index: 1051 !important;
}

.form-group .password-strength-bar,
.form-group #password-strength {
  left: auto !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.view-submission-modal .vertical-form-group .col-md-3 {
  padding-right: 0;
}
.view-submission-modal .vertical-form-group .col-md-3 label,
.view-submission-modal .vertical-form-group .col-md-3 .listDetailsLabel {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.85rem;
  padding: 0;
  position: relative;
  line-height: 15px;
  margin-bottom: 7px;
  margin-left: 2px;
  margin-top: 8px;
}
.view-submission-modal .vertical-form-group .col-md-6 {
  margin-top: 10px;
  line-height: 5px;
}
.view-submission-modal .vertical-form-group .col-md-6 label:not(.simple-label) {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
  margin-left: 2px;
}

.vertical-form-group .col-md-3 label,
.vertical-form-group .col-md-3 .listDetailsLabel {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .vertical-form-group .col-md-3 label,
  .vertical-form-group .col-md-3 .listDetailsLabel {
    font-size: 0.85rem;
  }
}
.vertical-form-group .col-md-5 label,
.vertical-form-group .col-md-5 .listDetailsLabel {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
}
.vertical-form-group .col-md-6 label:not(.simple-label) {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
  margin-left: 2px;
}

.checkbox input[type=checkbox] + span.label-text:after {
  border-radius: 5px;
}

.dropdown .dropdown-menu.arrow-up {
  margin-top: 15px;
}
.dropdown .dropdown-menu.arrow-up:after, .dropdown .dropdown-menu.arrow-up:before {
  position: absolute;
  content: "";
}
.dropdown .dropdown-menu.arrow-up:before {
  top: -11px;
  left: 19px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  z-index: 1;
  border-bottom: 11px solid #E5E5E5;
}
.dropdown .dropdown-menu.arrow-up:after {
  top: -10px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 2;
  border-bottom: 10px solid #fff;
}

.dropdown-info-block {
  border-top: 1px solid #ddd;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 15px 0;
}
.dropdown-info-block .dropdown-title {
  margin-bottom: 10px !important;
}
.dropdown-info-block .text {
  color: #868e96;
  font-weight: 300;
}
.dropdown-info-block .text a {
  font-size: 12px;
  font-weight: 400;
  color: #03a9f3;
  cursor: pointer;
  transition: all 0.2s linear 0s;
}
.dropdown-info-block .text a::before {
  color: #03a9f3;
}
.dropdown-info-block .text a:focus, .dropdown-info-block .text a:hover {
  color: rgba(3, 169, 243, 0.8);
  text-decoration: none;
}

.message-field-wrap {
  padding-top: 10px;
  padding-bottom: 15px;
}
.message-field-wrap .field-wrap {
  margin-bottom: 10px;
}

.btn-submit-task {
  position: relative;
  padding: 0;
  width: 30px;
  height: 30px;
}
.btn-submit-task i,
.btn-submit-task img,
.btn-submit-task svg,
.btn-submit-task span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.radiobox span.label-text:before {
  height: 20px;
  width: 20px;
}
.radiobox span.label-text:after {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.select2-form-group #ajaxAssignTask .chosen-container.chosen-container,
.select2-form-group .chosen-container {
  width: 100% !important;
  max-width: none !important;
}

.test-email-send-field {
  margin-top: 30px;
  position: relative;
  padding-right: 100px;
}
@media (min-width: 576px) {
  .test-email-send-field {
    width: 400px;
  }
}
.test-email-send-field .form-actions {
  position: absolute;
  top: 15px;
  right: 0;
  transform: translateY(-50%);
  margin-bottom: 0;
}
.test-email-send-field .form-actions .btn, .test-email-send-field .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .test-email-send-field .form-actions button, .test-email-send-field .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .test-email-send-field .form-actions button {
  width: 80px;
  margin-bottom: 0;
}

.tt-menu {
  background-color: white;
  border: 1px solid #ccc;
}
.tt-menu .tt-selectable {
  cursor: pointer;
  padding: 0.3571428571em;
}
.tt-menu .tt-selectable:hover {
  background-color: #eee;
}

.checkbox-flex-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.checkbox-flex-wrap > * {
  min-width: 0;
}
.checkbox-flex-wrap .checkbox {
  flex: 0 0 auto;
  max-width: 100%;
}

.ui-spinner-input {
  margin: 0 !important;
}

.time-picker-custom .btn, .time-picker-custom .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .time-picker-custom button, .time-picker-custom .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .time-picker-custom button {
  height: 30px;
  padding: 0.1875rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
}

#password-strength {
  width: 170px !important;
}
#password-strength .password-strength-bar {
  display: none;
  width: 170px !important;
  height: 42px;
  line-height: 41px;
  text-align: center;
}
#password-strength .password-strength-bar.error {
  background-color: #990000;
  opacity: 1;
  display: block;
}
#password-strength .password-strength-bar.success {
  background-color: #009900;
  opacity: 1;
  display: block;
}

#login-main .card-header {
  background-color: transparent;
}
#login-main .frmEl {
  height: 30px;
}

.note-block .note {
  display: inline-block;
}

.radiobox .label-text, .checkbox .label-text {
  display: inline-block;
}

.sd-app-tags tags-input .tags {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.sd-app-tags tags-input .tags:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.sd-app-tags tags-input .tags[disabled], .sd-app-tags tags-input .tags[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .sd-app-tags tags-input .tags {
    min-height: 42px;
    font-size: 14px;
  }
  .sd-app-tags tags-input .tags:not(textarea) {
    height: auto !important;
  }
}
.sd-app-tags tags-input .tags.standard-multiselect {
  height: auto !important;
}
.sd-app-tags tags-input .tags .input {
  width: 100% !important;
}

.mailMain select.form-control {
  height: calc(2rem + 2px) !important;
}

.sd-subsettings-label {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
}

.sd-form-title {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.sd-switchery-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.sd-switchery-wrapper .switchery {
  flex-grow: 0;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .addNewGeneratorEventForm .add-to-calendar-group,
  #crm-actions-form .add-to-calendar-group {
    margin-left: 0;
  }
}

.activity-settings-container #ActivityLogSettings_visibilityType {
  display: flex;
}

.form-action.btn-list.full-page-form {
  margin: 20px 0 0 16px !important;
}

.form-actions.btn-list.full-page-form {
  margin: 20px 0 0 16px !important;
}

.with-right-sidebar .main-wrapper {
  padding-right: 5rem;
}
@media (max-width: 960px) {
  .with-right-sidebar .main-wrapper {
    padding-right: 4rem;
  }
}

.right-sidebar-togler-container.documentTemplatePreview {
  top: 106px;
}

.rightSideBarQRCodeContent__wrap {
  gap: 1rem;
}

.rightSideBarQRCodeContent {
  padding: 1.5rem 1.5rem;
}
.rightSideBarQRCodeContent .rightSideBarQRCodeContent__link-text {
  font-size: 15px;
  color: #333;
  font-weight: 600 !important;
}

.rightSideBarQRCodeContent__img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  height: 467px;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 960px) {
  .right-sidebar {
    z-index: 100 !important;
    width: 14.375rem;
    bottom: 0;
    top: 5.625rem;
  }
  .rightSideBarQRCodeContent {
    padding: 1rem 0.8rem;
  }
  .rightSideBarQRCodeContent .rightSideBarQRCodeContent__link-text {
    font-size: 12px;
    font-weight: 600;
  }
}
.right-sidebar {
  z-index: 1050;
  padding: 0;
  background: white;
  border: 0 none;
}

.list-group .list-group-item[ng-click] {
  cursor: pointer;
}

@media (max-width: 960px) {
  .extended-menu .ext-menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extended-menu .ext-menu > .ext-item {
    margin: 0.7142857143em 0 !important;
  }
  .extended-menu .ext-menu > .ext-item ul {
    margin-left: 0.7142857143em !important;
  }
}
.sd_open_close_sidebar {
  color: #444;
}

.header-avatar-block {
  margin-left: 1rem;
}
.header-avatar-block > a {
  padding: 0 !important;
}
@media (min-width: 576px) {
  .header-avatar-block {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .header-avatar-block {
    padding: 0;
    margin-left: 0;
  }
  .header-avatar-block .dropdown-menu {
    width: 100vw !important;
    min-width: 0 !important;
    margin-right: 0 !important;
  }
}
.header-avatar-block .header-avatar-block,
.header-avatar-block .dropdown-toggle {
  background-color: transparent !important;
}
.header-avatar-block.show .avatar .material-icons {
  transform: rotate(180deg) translateY(50%);
}
.header-avatar-block .avatar:before {
  display: none;
}
.header-avatar-block .avatar .material-icons {
  top: 53%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -8px;
  position: absolute;
  background-color: white;
  border-radius: 50%;
  display: none;
}
.header-avatar-block .avatar figure {
  margin-bottom: 0;
}

.navbar-nav {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-nav > li {
  align-items: center;
  height: 100%;
}
.navbar-nav > li.log-out {
  margin-left: auto;
  margin-right: 0;
}
.navbar-nav > li > a {
  display: flex;
  align-items: center;
  overflow: visible;
}
@media (max-width: 767px) {
  .navbar-nav > li > a {
    justify-content: center;
  }
}
.navbar-nav .avatar svg {
  max-width: 3.75rem;
}
@media (max-width: 575px) {
  .navbar-nav .avatar {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .navbar-nav .avatar svg {
    max-width: 2.5rem;
  }
}
.navbar-nav .unread {
  position: relative;
}
.navbar-nav .unread.has-unread:before {
  position: absolute;
  content: attr(unread);
  background-color: #c40000;
  color: white;
  z-index: 1;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 1.8571428571em;
  right: 6px;
  font-size: 13px;
}
.navbar-nav .unread .material-icons {
  margin-bottom: -1px;
}

.navbar {
  position: fixed;
  top: 0;
  flex-wrap: nowrap;
  padding-right: 1rem;
  max-width: 100%;
}
@media (max-width: 575px) {
  .navbar .right-sidebar-toggle {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.navbar .create-new {
  height: 100%;
}
@media (max-width: 575px) {
  .navbar .create-new {
    margin-right: auto;
  }
}
.navbar .create-new .dropdown-toggle .material-icons {
  color: #fff;
}
.navbar .create-new .dropdown-menu {
  padding: 10px 0 15px;
  min-width: 10rem;
}
.navbar .create-new .dropdown-menu .dropdown-item {
  padding: 5px 15px 5px 20px;
  color: #000;
}
.navbar .create-new .dropdown-menu .dropdown-item:hover, .navbar .create-new .dropdown-menu .dropdown-item:focus {
  cursor: pointer;
}
.navbar .create-new .dropdown-menu .dropdown-item .list-icon {
  font-size: 1.3rem;
  padding-right: 0.7142857143em;
  color: #000;
  margin-bottom: 3px;
}
.navbar .create-new .show-spin {
  -webkit-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
}
.navbar .create-new.show .show-spin {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media (min-width: 576px) {
  .navbar .main-nav-dropdown .dropdown-menu {
    min-width: 600px;
    max-height: calc(100vh - 120px);
    overflow: hidden;
  }
}
@media (max-width: 575px) {
  .navbar {
    -webkit-justify-content: flex-start;
    -moz-box-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -moz-box-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar .dropdown {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.dropdown-card.dropdown-card-custom {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  padding: 1.4em;
  min-width: 450px;
}
.dropdown-card.dropdown-card-custom .card-heading-extra {
  padding-bottom: 1.6666666667em;
  margin-bottom: 1.6666666667em;
}
.dropdown-card.dropdown-card-custom .card-heading-extra .heading-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-card.dropdown-card-custom .card-heading-extra .heading-row > * {
  min-width: 0;
}
.dropdown-card.dropdown-card-custom .card-heading-extra .name-col {
  flex: 1 1 auto;
  padding-right: 10px;
}
.dropdown-card.dropdown-card-custom .card-heading-extra .name-col h1, .dropdown-card.dropdown-card-custom .card-heading-extra .name-col h2, .dropdown-card.dropdown-card-custom .card-heading-extra .name-col h3, .dropdown-card.dropdown-card-custom .card-heading-extra .name-col h4 {
  font-size: 24px;
}
.dropdown-card.dropdown-card-custom .card-heading-extra .functional-btns {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 5px 0 0 0;
}
.dropdown-card.dropdown-card-custom .card-heading-extra .functional-btns .btn-wrap a {
  padding: 5px;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .dropdown-card.dropdown-card-custom .card-heading-extra .functional-btns {
    padding-top: 15px;
  }
}
.dropdown-card.dropdown-card-custom .additional-menu {
  border-top: 1px solid #ddd;
  border-color: rgba(255, 255, 255, 0.1);
  padding-top: 1.6666666667em;
  margin-top: 1.6666666667em;
}
.dropdown-card.dropdown-card-custom .additional-menu .sd-switchery-wrapper {
  flex-wrap: nowrap;
  flex-direction: row !important;
}
.dropdown-card.dropdown-card-custom .additional-menu .switchery + label,
.dropdown-card.dropdown-card-custom .additional-menu .switchery + .label-group {
  margin-left: 0.625rem;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0.625rem !important;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: inline-flex;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  max-width: 170px;
  width: 100%;
  min-width: 150px;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item:first-child {
  margin-left: 0;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item:last-child {
  margin-right: 0;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > span {
  color: inherit;
  font-weight: 500;
  font-size: 16px;
  border-left: 3px solid #7FB1E1;
  padding-left: 8px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li {
  margin-top: 5px;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a {
  color: #fff;
  font-size: 13px;
  white-space: pre;
  text-decoration: none;
  background-image: none;
  box-shadow: inset 0 0 0 #7FB1E1;
  transition: box-shadow 0.2s ease-in-out;
}
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:hover,
.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:focus {
  box-shadow: inset 0 -1.2em 0 #7FB1E1;
  text-shadow: none;
  background-image: none;
}

.navbar.navbar--content-wrapper-fixed {
  z-index: 101;
}
.navbar.navbar--content-wrapper-fixed.floating-slip {
  z-index: 99;
}
.navbar.navbar--content-wrapper-fixed .dropdown .dropdown-menu {
  z-index: 2000;
}

.cg-notify-message {
  padding: 15px 25px !important;
}
@media (max-width: 991px) {
  .cg-notify-message {
    margin: 0 auto !important;
    max-width: 300px !important;
    left: 0 !important;
    right: 0 !important;
    top: 35px !important;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse .side-menu .sub-menu {
    top: 47px;
  }
  .sidebar-collapse .side-menu .sub-menu li > .dropdown-reverse {
    padding: 1rem 0;
    bottom: -1rem;
    max-height: 25rem;
    overflow-y: auto;
  }
  .sidebar-collapse .side-menu .sub-menu li > .dropdown-reverse::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #eee;
  }
  .sidebar-collapse .side-menu .sub-menu li > .dropdown-reverse::-webkit-scrollbar {
    width: 8px;
    background-color: #eee;
  }
  .sidebar-collapse .side-menu .sub-menu li > .dropdown-reverse::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #999;
  }
  .sidebar-collapse .side-menu .sub-menu.dropdown-reverse {
    top: auto;
    bottom: 0;
    padding: 1rem 0;
  }
}
.right-sidebar {
  border-left: 5px solid #ccc;
}

.external-user .wrapper .navbar {
  padding-right: 2rem !important;
}

.navbar .navbar-brand {
  position: relative;
  padding: 10px;
}
.navbar .navbar-brand img {
  object-fit: contain;
}
.navbar .navbar-brand img.logo-collapse {
  max-height: 100%;
  height: 100%;
  width: auto;
}
.navbar .navbar-brand img.logo-expand {
  max-width: 100%;
  max-height: 100%;
}
.navbar .navbar-brand img.prepared {
  width: 200px;
  height: 60px;
  object-fit: cover;
}
.navbar .navbar-brand img.logo__dark-mode {
  display: none !important;
}

.navbar .navbar-header-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
}
.navbar .navbar-header-right > * {
  min-width: 0;
}

.sidebar-toggle i {
  transition: all 0.25s ease-in-out 0.5s;
}
.sidebar-toggle i.menu {
  display: none;
}
.sidebar-toggle i.arrow {
  display: inline-block;
}
@media (max-width: 991px) {
  .sidebar-toggle i.menu {
    display: inline-block;
  }
  .sidebar-toggle i.arrow {
    display: none;
  }
}

.sidebar-expand .sidebar-toggle i {
  transform: scale(-1, -1);
}

.main-nav-dropdown .dropdown-menu .additional-menu .row {
  align-items: center;
  justify-content: space-between;
}

.main-nav-dropdown .dropdown-menu .additional-menu .col-6 {
  flex: unset;
  width: unset;
  min-width: unset;
  max-width: unset;
}

.main-nav-dropdown .dropdown-menu .card {
  margin: 0;
}

.main-nav-dropdown .dropdown-menu .flyout-btn-right-container .flyout-btn-right-icon {
  position: relative;
  width: 25px;
  height: 15px;
  fill: #fff;
}

.main-nav-dropdown .dropdown-menu .flyout-btn-right-container .flyout-btn-right-label {
  display: block;
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

.main-nav-dropdown .dropdown-menu .flyout-btn-right-container {
  padding: 0 !important;
}

.main-nav-dropdown .dropdown-menu .flyout-btn-right-container > a {
  display: flex;
  align-items: center;
}

@media (max-width: 970px) {
  .main-nav-dropdown .dropdown-menu {
    margin-right: 0 !important;
    padding: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .main-nav-dropdown .dropdown-menu .my-companies {
    padding: 0 25px 25px;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra {
    margin: 0;
    padding: 22px 20px 22px 25px;
  }
  .dropdown-card.dropdown-card-custom .card-heading-extra .heading-row {
    justify-content: space-between;
    width: 100%;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .name-col h3 {
    font-size: 18px;
    line-height: 1;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns {
    padding: 0;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns > div > a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 !important;
    padding-left: 25px !important;
    height: 14px;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns > div .mr-2 {
    margin-right: 10px !important;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns > div > a i {
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    transform: translate(0, -50%);
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns > div > a span {
    line-height: 1;
  }
  .main-nav-dropdown .dropdown-menu .extended-menu {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .main-nav-dropdown .dropdown-menu .ext-menu {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .main-nav-dropdown .dropdown-menu .ext-menu > .ext-item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    max-width: unset !important;
  }
  .main-nav-dropdown .dropdown-menu .ext-menu > .ext-item::before {
    content: "";
    display: block;
    position: absolute;
    right: 35px;
    top: 41px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
  }
  .main-nav-dropdown .dropdown-menu .ext-menu > .ext-item::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .main-nav-dropdown .dropdown-menu .ext-item span {
    position: relative;
    padding: 28px 0 !important;
    padding-bottom: 42px !important;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: 300 !important;
    border-left: none !important;
  }
  .main-nav-dropdown .dropdown-menu .ext-item span::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 28px;
    left: 50%;
    width: 60px;
    height: 2px;
    transform: translate(-50%, 0);
  }
  .main-nav-dropdown .dropdown-menu .ext-item.active::before {
    right: 30px;
    transform: rotate(135deg);
  }
  .main-nav-dropdown .dropdown-menu .ext-item .ext-submenu {
    margin: 0 !important;
    height: 0;
    text-align: center;
    opacity: 0;
  }
  .main-nav-dropdown .dropdown-menu .ext-item .ext-submenu .ext-item {
    padding: 0;
    height: 0;
  }
  .main-nav-dropdown .dropdown-menu .ext-item .ext-submenu li a {
    font-size: 18px !important;
    font-weight: 300 !important;
  }
  .main-nav-dropdown .dropdown-menu .ext-item.active .ext-submenu {
    position: relative;
    padding: 15px 0 !important;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
  }
  .main-nav-dropdown .dropdown-menu .ext-item.active .ext-submenu .ext-item {
    margin: 0 !important;
    padding: 6px 0;
    height: auto;
  }
  .main-nav-dropdown .dropdown-menu .ext-item.active .ext-submenu::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .main-nav-dropdown .dropdown-menu .additional-menu {
    margin: 0;
    padding: 22px 15px 29px;
    border: none;
  }
}
.navbar-nav > li > a .top-nav-link__icon {
  position: relative;
}
.navbar-nav > li > a .top-nav-link__icon .fa-life-ring {
  font-size: 30px;
}
.navbar-nav > li > a .top-nav-link__icon svg {
  width: 30px;
  height: 30px;
}

.sd-nav-bar-add-button svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  transition: all 0.5s ease;
}

@media (max-width: 500px) {
  .navbar {
    padding-right: 1em;
  }
  .main-nav-dropdown .dropdown-menu .card-heading-extra .name-col h3.main-nav-dropdown .dropdown-menu .card-heading-extra .name-col h3 {
    font-size: 15px;
  }
}
@media (max-width: 374px) {
  .create-new .sd-nav-bar-add-button {
    width: 28px !important;
    height: 28px !important;
  }
  .create-new .sd-nav-bar-add-button .sd-nav-bar-add-button__icon::before {
    height: 16px !important;
  }
  .create-new .sd-nav-bar-add-button .sd-nav-bar-add-button__icon::after {
    width: 16px !important;
  }
  .navbar-nav .sidebar-toggle a {
    padding: 0 1em;
  }
  .navbar-nav .top-nav-link {
    display: flex;
    align-items: center;
  }
  .navbar-nav .top-nav-link .ripple {
    display: flex;
    align-items: center;
  }
  .navbar-nav .top-nav-link .ripple .icon-wrapper {
    display: flex;
    align-items: center;
  }
  .navbar-nav .top-nav-link .top-nav-link__icon svg {
    width: 24px;
    height: 24px;
  }
  .navbar-nav .top-nav-link .notifications-bell-button {
    overflow: visible;
  }
  .navbar-nav .header-avatar-block .ripple {
    padding: 0 0 0 0.5em;
  }
  .navbar-nav .header-avatar-block .default-user-avatar {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.2em !important;
  }
}
.main-nav-dropdown .my-companies .my-companies__list {
  flex-direction: column;
  column-gap: 11px;
  row-gap: 13px;
}
.main-nav-dropdown .my-companies .my-companies__item {
  flex-shrink: 0;
}
.main-nav-dropdown .my-companies .my-companies__item a:hover {
  text-decoration: none;
}
.main-nav-dropdown .my-companies .my-companies__item .logo,
.main-nav-dropdown .my-companies .my-companies__item img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.main-nav-dropdown .my-companies .my-companies__item .logo {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  box-shadow: none;
}
.main-nav-dropdown .my-companies .my-companies__item .logo figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.main-nav-dropdown .my-companies .my-companies__item .logo svg {
  width: 100%;
  height: 100%;
}
.main-nav-dropdown .my-companies .my-companies__item .default-user-avatar-container {
  padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
  border: none;
  box-shadow: none;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__icon-star {
  margin-right: 20px;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__icon-star svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: #6a6a6a !important;
  stroke-linejoin: miter;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__icon-star:hover svg {
  stroke: #FFCA28 !important;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__icon-star.favorite svg {
  fill: #FFCA28;
  stroke: #FFCA28 !important;
  stroke-linejoin: miter;
}
.main-nav-dropdown .my-companies .my-companies__list--collapsed {
  flex-direction: row;
  flex-wrap: wrap;
}
.main-nav-dropdown .my-companies .my-companies__list--collapsed .my-companies__item .my-companies__icon-star,
.main-nav-dropdown .my-companies .my-companies__list--collapsed .my-companies__item .my-companies__item-text {
  display: none !important;
}

.all-companies-list .all-companies-list__item {
  margin-bottom: 12px;
  padding: 12px 16px;
  font-size: 17px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.all-companies-list .all-companies-list__item .logo {
  margin: 0;
  margin-right: 14px;
  padding: 0;
  width: 50px;
  height: 50px;
  border: none;
  box-shadow: none;
}
.all-companies-list .all-companies-list__item .logo figure {
  margin: 0;
}
.all-companies-list .all-companies-list__item .all-companies-list__item-icon {
  margin-left: auto;
  width: 20px;
  height: 20px;
}
.all-companies-list .all-companies-list__item .all-companies-list__item-icon svg {
  width: 20px;
  height: 20px;
  fill: #555;
}

body.branding-theme-mrclean .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns > div > a i {
  color: #fff;
  background-color: transparent;
}

body.branding-theme-mrclean .nav-tabs .nav-item .nav-link.active {
  color: #777 !important;
  font-weight: 600;
}

.navbar-nav .sidebar-toggle > a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon {
  display: none;
  position: relative;
  width: 18px;
  height: 13px;
  transition: all 0.25s ease-in-out 0.5s;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  width: 18px;
  height: 2px;
  background-color: #333;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span::before, .navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span::after {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  background-color: #333;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span::before {
  top: 5px;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span::after {
  top: 10px;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__icon {
  position: relative;
  width: 14px;
  height: 12px;
  transition: all 0.25s ease-in-out 0.5s;
  background-color: transparent;
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::before, .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::after {
  content: "";
  position: absolute;
  display: block;
  left: -2px;
  top: 1px;
  width: 9px;
  height: 9px;
  background-color: transparent;
  border: 3px solid #333;
  border-bottom: none;
  border-left: none;
  border-radius: 2px;
  transform: rotate(45deg);
}
.navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::after {
  left: 4px;
}

.sidebar-expand .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon, .sidebar-expand .navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon {
  transform: scale(-1, -1);
  transition-delay: 0.1s;
}

@media (max-width: 991px) {
  .navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon {
    display: block;
  }
  .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon {
    display: none;
  }
}
@media (max-width: 619px) {
  .impersonated-body .navbar {
    padding-top: 22px;
  }
  .impersonated-body .navbar .navbar-header {
    margin-top: -22px;
  }
  /* .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu {
  	max-height: 400px;
  	overflow-y: auto;
  } */
  .main-nav-dropdown .dropdown-menu .card {
    max-height: 577px;
    overflow-y: auto;
  }
}
.create-new.btn-list.dropdown a.ripple,
.create-new.btn-list.dropdown .btn.ripple,
.create-new.btn-list.dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.ripple,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .create-new.btn-list.dropdown button.ripple,
.create-new.btn-list.dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.ripple,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .create-new.btn-list.dropdown button.ripple {
  transform: none !important;
}

.create-new.btn-list.dropdown.show a.sd-nav-bar-add-button svg {
  transform: rotate(45deg);
}

.dark-mode-switch .sd-switchery-wrapper {
  align-items: center;
}

.external-user .navbar .main-nav-dropdown .dropdown-menu {
  max-width: 600px;
}
.external-user .navbar .main-nav-dropdown .dropdown-menu .ext-menu {
  width: 100%;
}
.external-user .additional-menu:not(.additional-menu--footer) {
  padding: 0 !important;
  border: none !important;
}
.external-user impersonate-panel {
  display: block;
  max-height: 400px;
  overflow-y: auto;
}
.external-user impersonate-panel::-webkit-scrollbar {
  width: 8px;
}
.external-user impersonate-panel::-webkit-scrollbar-track {
  background-color: rgb(48, 45, 45);
  border-radius: 4px;
}
.external-user impersonate-panel::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 4px;
  background-color: rgb(90, 87, 87);
}

.dropdown-card.dropdown-card-custom .card-heading-extra {
  margin-bottom: 0 !important;
  border-bottom: none;
}
.dropdown-card.dropdown-card-custom .extended-menu .ext-menu {
  padding-top: 1.6666666667em !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 970px) {
  .impersonated-body impersonate-panel {
    padding-left: 15px;
    max-height: 220px;
  }
  .impersonated-body .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu {
    padding-top: 0 !important;
  }
}
.my-companies__switch-button {
  gap: 10px;
  padding: 0 7px;
  border: none;
}

.my-companies__switch-button-text {
  color: #fefefe;
  font-size: 10px;
  line-height: 0.9;
  text-transform: uppercase;
}

.my-companies__switch-button-arrow {
  position: relative;
  width: 10px;
  height: 5px;
}
.my-companies__switch-button-arrow::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 1px;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-left: none;
  border-top: none;
  background-color: transparent;
  transform: rotate(45deg) skew(-6deg, -6deg);
  transition: all 0.3s ease-in-out;
}

.up .my-companies__switch-button-arrow::before {
  bottom: -3px;
  transform: rotate(225deg) skew(-6deg, -6deg);
}

.main-nav-dropdown .my-companies .my-companies__item a {
  color: rgba(255, 255, 255, 0.3) !important;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__item-logoAvatar {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 3px solid black;
  border-radius: 50%;
  overflow: hidden;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__item-logoAvatar::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  background-color: black;
  border-radius: 50%;
  opacity: 0.7;
  z-index: 1;
}
.main-nav-dropdown .my-companies .my-companies__item .my-companies__item-logoAvatar img,
.main-nav-dropdown .my-companies .my-companies__item .my-companies__item-logoAvatar .default-user-avatar {
  width: 100%;
  height: 100%;
}
.main-nav-dropdown .my-companies .my-companies__item .company-active {
  color: white !important;
  pointer-events: none;
}
.main-nav-dropdown .my-companies .my-companies__item .company-active .my-companies__item-logoAvatar {
  border-color: white !important;
}
.main-nav-dropdown .my-companies .my-companies__item .company-active .my-companies__item-logoAvatar::after {
  display: none;
}
.main-nav-dropdown .my-companies .my-companies__item:hover a {
  color: white !important;
}
.main-nav-dropdown .my-companies .my-companies__item:hover .my-companies__item-logoAvatar {
  border: none !important;
}
.main-nav-dropdown .my-companies .my-companies__item:hover .my-companies__item-logoAvatar::after {
  display: none;
}
.main-nav-dropdown .my-companies .my-companies__item:hover .company-active a {
  color: white !important;
}
.main-nav-dropdown .my-companies .my-companies__item:hover .company-active .my-companies__item-logoAvatar {
  border: 3px solid white !important;
}

.header-light .navbar-nav > li:not(.create-new) > a:hover {
  background-color: transparent !important;
}

.flyOutMenu .name-col h3 {
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.round-mode .navbar-nav .avatar {
  border-radius: 50%;
  overflow: hidden;
}

.navbar-nav .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
}
@media (max-width: 575px) {
  .navbar-nav .avatar {
    max-width: 2.5rem;
    max-height: 2.5rem;
  }
}

.upper-tabs {
  background-color: #f2f4f8;
  padding: 1.5625rem 1.5625rem 0;
}
.sidebar-expand .upper-tabs {
  margin-left: 14.375rem;
}
.sidebar-collapse .upper-tabs {
  margin-left: 3.75rem;
}
@media (max-width: 960px) {
  .content-wrapper .upper-tabs {
    margin-left: 0;
  }
  .upper-tabs {
    position: relative;
  }
  .upper-tabs .tabs {
    position: absolute;
    z-index: 10;
  }
  .upper-tabs .tabs .nav {
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .upper-tabs {
    position: relative;
  }
  .upper-tabs .tabs {
    top: 100%;
    position: absolute;
    z-index: 10;
  }
  .upper-tabs .tabs .nav {
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.upper-tabs .tabs {
  background-color: white;
  padding: 0;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.upper-tabs .tabs .nav-tabs .nav-item {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.upper-tabs .tabs .nav-tabs .nav-item:first-child.active .nav-link {
  border-color: transparent rgba(0, 0, 0, 0.15) transparent transparent;
}
.upper-tabs .tabs .nav-tabs .nav-item.active .nav-link {
  background-color: #f2f4f8;
  border-color: transparent rgba(0, 0, 0, 0.15);
}
.upper-tabs .tabs .nav-tabs .nav-item .nav-link {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top: 0 none;
  border-bottom: 0 none;
  border-color: transparent;
  margin-bottom: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main-wrapper--upper-tabs {
  padding: 0.625rem 1.5625rem 3.75rem;
}
.main-wrapper--upper-tabs .widget-list {
  margin-top: 0.3571428571em;
}
.main-wrapper--upper-tabs .widget-list .widget-body {
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
  color: #7FB1E1;
}

.tabs {
  height: 3.5625rem;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  .tabs {
    background: #fff;
  }
}

.page-title {
  border-bottom: none;
}

.tabs-card {
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .tabs-card {
    display: none;
  }
}
.tabs-card .tabs {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .tabs-card .tabs {
    overflow-x: auto;
  }
}
@media (max-width: 575px) {
  .tabs-card .nav {
    display: flex;
    flex-wrap: wrap;
  }
}
.tabs-card .nav.nav-tabs {
  justify-content: center;
  border: 0;
}
.tabs-card .nav.nav-tabs .nav-item {
  padding: 0 10px;
}
.tabs-card .nav.nav-tabs .nav-item.active > .nav-link {
  border-bottom: 4px solid #000;
}
@media (max-width: 575px) {
  .tabs-card .nav.nav-tabs .nav-item.active > .nav-link {
    border-bottom: 2px solid #000;
  }
}
@media (max-width: 575px) {
  .tabs-card .nav.nav-tabs .nav-item {
    flex: 1 0 50%;
    text-align: center;
  }
}
.tabs-card .nav.nav-tabs .nav-item .nav-link {
  border: 0;
  padding: 20px 2px 14px;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  font-size: 13px;
}
@media (max-width: 575px) {
  .tabs-card .nav.nav-tabs .nav-item .nav-link {
    padding: 12px 2px 10px;
  }
}
.tabs-card .nav.nav-tabs .nav-item .nav-link svg {
  display: none;
  width: 14px;
  height: 14px;
  fill: #333;
}
.tabs-card .nav.nav-tabs .nav-item .nav-link span {
  font-size: 20px;
  color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  display: none;
}
.tabs-card .nav.nav-tabs .nav-item .nav-link:hover, .tabs-card .nav.nav-tabs .nav-item .nav-link:focus {
  background-color: transparent;
  color: #333;
}

.mobile-tabs-dropdown {
  width: 100%;
  text-align: right;
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 998px) {
  .mobile-tabs-dropdown {
    width: 100%;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .mobile-tabs-dropdown {
    width: 100%;
    padding-top: 5px;
  }
}
@media (min-width: 768px) {
  .mobile-tabs-dropdown {
    display: none;
  }
}
.mobile-tabs-dropdown .dropdown-toggle {
  position: relative;
  font-size: 12px;
  padding: 5px 30px 5px 10px;
  text-align: left;
  border-radius: 0;
}
.mobile-tabs-dropdown .dropdown-toggle .material-icons {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
}
.mobile-tabs-dropdown .dropdown-menu {
  padding: 0;
  border-radius: 0;
  width: 100%;
  border: 0;
  margin: 0;
}
.mobile-tabs-dropdown .dropdown-menu .tabs {
  height: 0px;
  margin-bottom: 0;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs {
  display: block;
  border: 0;
  background: #fff !important;
  border: 1px solid #ccc;
  width: 95%;
  margin: 0 auto;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .has-child .nav-tabs {
  border: 0;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item {
  display: block;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item.has-child .nav-tabs {
  border: 0;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item.active > .nav-link {
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item.active > .nav-link:not([href]) {
  background: transparent;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item .nav-link {
  font-size: 14px;
  border: 0;
  border-radius: 0;
}
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item .nav-link span,
.mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs .nav-item .nav-link svg {
  display: none;
  padding: 0;
}
.mobile-tabs-dropdown.mobile-account-settings {
  margin-top: -15px;
  margin-bottom: 0;
}

.custom-tabs-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.custom-tabs-list > * {
  min-width: 0;
}
.custom-tabs-list .tabs-wrap {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.custom-tabs-list .tabs-wrap > * {
  min-width: 0;
}
.custom-tabs-list .tabs-wrap li {
  display: flex;
  flex: 1 1 auto;
}
.custom-tabs-list .tabs-wrap li a {
  padding: 15px 10px 12px;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}
.custom-tabs-list .tabs-wrap li a.active {
  border-bottom-color: #000;
}
.custom-tabs-list .tabs-wrap li a .icon {
  margin-right: 10px;
}
.custom-tabs-list .buttons-wrap {
  padding: 10px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.custom-tabs-list .buttons-wrap > * {
  min-width: 0;
}
.custom-tabs-list .buttons-wrap > * {
  flex: 0 0 auto;
}
.custom-tabs-list .buttons-wrap > *:not(:last-child) {
  margin-right: 10px;
}

.tabs .nav-tabs .nav-item {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tabs .nav-tabs .nav-item .nav-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.override-tabs-card ul.tabs {
  justify-content: center;
  border: 1px solid #ccc !important;
  background-color: transparent !important;
}
.override-tabs-card ul.tabs li {
  padding: 0 10px;
}
@media (max-width: 575px) {
  .override-tabs-card ul.tabs li {
    flex: 1 0 50%;
    text-align: center;
  }
}
.override-tabs-card ul.tabs li.active .a {
  color: #03A9F3 !important;
}
@media (max-width: 575px) {
  .override-tabs-card ul.tabs li.active .a {
    border-bottom: 2px solid #000;
  }
}
.override-tabs-card ul.tabs li .a {
  border: 0;
  padding: 30px 2px 26px;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  font-size: 13px;
}
@media (max-width: 575px) {
  .override-tabs-card ul.tabs li .a {
    padding: 12px 2px 10px;
  }
}
.override-tabs-card ul.tabs li .a span {
  font-size: 20px;
  color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  display: none;
}
.override-tabs-card ul.tabs li .a:hover, .override-tabs-card ul.tabs li .a:focus {
  background-color: transparent;
  color: #333;
}

.table-with-tabs-custom .table-with-tabs ul.tabs {
  justify-content: center;
  border-bottom: 1px solid #ccc !important;
  background: transparent !important;
  color: #fff !important;
}
.table-with-tabs-custom .table-with-tabs ul.tabs li {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
  border: 0 !important;
}
@media (max-width: 575px) {
  .table-with-tabs-custom .table-with-tabs ul.tabs li {
    flex: 1 0 50%;
    text-align: center;
  }
}
.table-with-tabs-custom .table-with-tabs ul.tabs li a {
  border: 0;
  background: transparent !important;
  padding: 14px 12px 7px;
  border: 0;
  border-bottom: 4px solid transparent;
  font-size: 13px;
  color: #555 !important;
  font-weight: 300;
  height: 100%;
  line-height: normal !important;
}
.table-with-tabs-custom .table-with-tabs ul.tabs li a:hover, .table-with-tabs-custom .table-with-tabs ul.tabs li a:focus {
  background: rgba(0, 0, 0, 0.03) !important;
  color: #555 !important;
}
.table-with-tabs-custom .table-with-tabs ul.tabs li a.active {
  color: #555;
  border-bottom: 4px solid #000;
}
@media (max-width: 575px) {
  .table-with-tabs-custom .table-with-tabs ul.tabs li a.active {
    border-bottom: 2px solid #000;
  }
}
@media (max-width: 575px) {
  .table-with-tabs-custom .table-with-tabs ul.tabs li a {
    padding: 12px 2px 10px;
  }
}
.table-with-tabs-custom .table-with-tabs ul.tabs li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-with-tabs-custom .email-template-tabs .tabs {
  height: auto;
}

.form.fluid {
  max-width: 100%;
  margin: 0 auto;
}

.modal-include-wrapper .form.fluid {
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.tabs-to-dropdown .tabs-card .nav-item.ttd-hide {
  opacity: 0;
  visibility: hidden;
}
.tabs-to-dropdown .tabs-card #tabs-to-dropdown-toggle {
  border: 0;
  outline: 0;
  box-shadow: none;
  display: inline-block;
  line-height: 55px;
  background: none;
  color: #313a46;
  font-size: 25px;
  padding: 0 20px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999992;
  cursor: pointer !important;
  opacity: 0;
  visibility: hidden;
}
.tabs-to-dropdown .tabs-card #tabs-to-dropdown-toggle.ttd-show {
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.tabs-to-dropdown .tabs-card .nav-item.has-child {
  position: relative;
  overflow: visible;
  padding-right: 25px;
}
.tabs-to-dropdown .tabs-card .nav-item.has-child:after {
  color: #555555;
  content: "\e313";
  font-family: "Material Icons";
  position: absolute;
  right: 0.3em;
  top: 17px;
  font-size: 1.2em;
}
.tabs-to-dropdown .tabs-card .nav-item.has-child ul {
  position: absolute;
  top: 80px;
  left: 0;
  right: auto;
  opacity: 0;
  transition: all 0.2s ease;
  justify-content: left;
  z-index: -1;
}
.tabs-to-dropdown .tabs-card .nav-item.has-child ul .nav-item {
  display: block;
  width: 100%;
}
.tabs-to-dropdown .tabs-card .nav-item.has-child ul .nav-link {
  display: block;
  padding: 10px 2px 4px;
  margin-bottom: 4px;
}
.tabs-to-dropdown .tabs-card .nav-item.has-child:hover:after {
  content: "\e316";
}
.tabs-to-dropdown .tabs-card .nav-item.has-child:hover > ul {
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  top: 57px;
  z-index: 9999;
}
.tabs-to-dropdown .dropdown-card-tabs {
  position: absolute;
  top: 0;
  left: -9999px;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 99999991;
}
.tabs-to-dropdown .dropdown-card-tabs.ttd-open ul {
  opacity: 1;
  visibility: visible;
  top: 3.72rem;
}
.tabs-to-dropdown .dropdown-card-tabs.ttd-open .nav-item.ttd-show {
  opacity: 1;
  visibility: visible;
  max-height: 3.125rem;
}
.tabs-to-dropdown .dropdown-card-tabs.ttd-open .nav-item.has-child.ttd-show {
  display: block;
}
.tabs-to-dropdown .dropdown-card-tabs.ttd-open .nav-item.has-child.ttd-show > a {
  display: none !important;
}
.tabs-to-dropdown .dropdown-card-tabs.ttd-show {
  right: 0;
  opacity: 1;
}
.tabs-to-dropdown .dropdown-card-tabs > ul > .nav-item {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.tabs-to-dropdown .dropdown-card-tabs > ul > .nav-item:last-child ul {
  margin: 0;
}
.tabs-to-dropdown .dropdown-card-tabs .nav-item.has-child {
  max-height: none !important;
  display: none;
}
.tabs-to-dropdown .dropdown-card-tabs .nav-item.has-child ul {
  position: relative;
  top: auto;
  right: auto;
  opacity: 1;
  visibility: visible;
  left: auto;
  border: 0;
  margin: 0 0 0 0.625rem;
  padding: 0;
}
.tabs-to-dropdown .dropdown-card-tabs ul,
.tabs-to-dropdown .nav-item.has-child ul {
  padding: 10px;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  right: 20px;
  max-width: 300px;
  transition: all 0.2s ease;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  opacity: 0;
}
.tabs-to-dropdown .dropdown-card-tabs ul li a,
.tabs-to-dropdown .nav-item.has-child ul li a {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #313a46;
  text-transform: uppercase;
  border: 0;
}
.tabs-to-dropdown .dropdown-card-tabs ul li a:hover,
.tabs-to-dropdown .nav-item.has-child ul li a:hover {
  background: none;
  border: 0;
}
.tabs-to-dropdown .dropdown-card-tabs ul li a span,
.tabs-to-dropdown .nav-item.has-child ul li a span {
  padding: 0;
}
.tabs-to-dropdown .dropdown-card-tabs ul li a svg,
.tabs-to-dropdown .nav-item.has-child ul li a svg {
  display: block !important;
  width: 14px;
  height: 14px;
  fill: #333;
}
.tabs-to-dropdown .widget-body {
  box-shadow: none !important;
}

.tabs-to-dropdown .tabs-card .nav-item.has-child ul .nav-link {
  padding: 10px 2px 3px;
  margin-bottom: 8px;
  border-bottom: none;
}

a.sd-horiz-sub-tabs-link {
  position: relative;
}
a.sd-horiz-sub-tabs-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
  background-image: none;
  transform: none;
  opacity: 1;
}
a.sd-horiz-sub-tabs-link:hover::after {
  background-color: #cccccc;
}

.tabs-to-dropdown--modify .dropdown-card-tabs ul,
.tabs-to-dropdown--modify .nav-item.has-child ul {
  min-width: 240px !important;
  width: 100% !important;
}
.tabs-to-dropdown--modify .tabs {
  height: auto;
}
.tabs-to-dropdown--modify .nav.nav-tabs .nav-item {
  padding-bottom: 0.25rem;
  margin: 0 0.625rem !important;
}
.tabs-to-dropdown--modify .nav-tabs li a {
  text-transform: capitalize !important;
}
.tabs-to-dropdown--modify .nav.nav-tabs .nav-item.active > .nav-link {
  border-bottom: 4px solid #01a9f4 !important;
}

#form-submissions-grid .gridview-footer-wrap .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  right: 0.5rem;
  transform: translate(0, -50%) !important;
}

@media (max-width: 768px) {
  .form.fluid {
    margin: 0;
    max-width: unset;
  }
  .tabs {
    height: auto;
  }
}
.dropdown-card-tabs.ttd-show.ttd-open .hidden {
  display: block !important;
  visibility: visible;
}

.flex-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrapper .main-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.flex-wrapper .main-wrapper .widget-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  margin-bottom: 0;
}

.sd-oscar-grid--table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.sd-oscar-grid--table .table-wrapper {
  width: 100%;
}
.sd-oscar-grid--table .table-wrapper table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.sd-oscar-grid--table .table-wrapper table thead, .sd-oscar-grid--table .table-wrapper table tbody, .sd-oscar-grid--table .table-wrapper table tfoot {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.sd-oscar-grid--table .table-wrapper table thead tr, .sd-oscar-grid--table .table-wrapper table tbody tr, .sd-oscar-grid--table .table-wrapper table tfoot tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.sd-oscar-grid--table .table-wrapper table thead tr td, .sd-oscar-grid--table .table-wrapper table tbody tr td, .sd-oscar-grid--table .table-wrapper table tfoot tr td {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.3571428571em;
}
.sd-oscar-grid--table .table-wrapper table thead tr td.selected, .sd-oscar-grid--table .table-wrapper table tbody tr td.selected, .sd-oscar-grid--table .table-wrapper table tfoot tr td.selected {
  background-color: lightblue;
}
.sd-oscar-grid--table .table-wrapper table thead tr[ng-click], .sd-oscar-grid--table .table-wrapper table thead tr.ng-click, .sd-oscar-grid--table .table-wrapper table thead td[ng-click], .sd-oscar-grid--table .table-wrapper table thead td.ng-click, .sd-oscar-grid--table .table-wrapper table tbody tr[ng-click], .sd-oscar-grid--table .table-wrapper table tbody tr.ng-click, .sd-oscar-grid--table .table-wrapper table tbody td[ng-click], .sd-oscar-grid--table .table-wrapper table tbody td.ng-click, .sd-oscar-grid--table .table-wrapper table tfoot tr[ng-click], .sd-oscar-grid--table .table-wrapper table tfoot tr.ng-click, .sd-oscar-grid--table .table-wrapper table tfoot td[ng-click], .sd-oscar-grid--table .table-wrapper table tfoot td.ng-click {
  cursor: pointer;
}
.sd-oscar-grid--table .table-wrapper table tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.sd-oscar-grid--table .table-wrapper table thead, .sd-oscar-grid--table .table-wrapper table tfoot {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.sd-oscar-grid--table .table-wrapper table tfoot {
  position: sticky;
}

.lifetime-header-logo {
  padding: 15px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.lifetime-header-logo img {
  width: 30%;
}

.lifetime-divider-hr {
  border-bottom: 1px solid #ccc;
}

.life-buy-subtitle {
  color: #ED1164;
}

.page-header-logo {
  padding: 20px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.page-header-logo img {
  width: 200px;
}

.sd-grid-view-responsive {
  min-width: auto !important;
}
.sd-grid-view-responsive .sd-grid-view-table {
  table-layout: fixed;
}
.sd-grid-view-responsive .sd-grid-view-table * {
  word-wrap: break-word;
}
.sd-grid-view-responsive .sd-grid-view-table tbody td.column_task_id a {
  word-wrap: normal;
}
.sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary .row-actions {
  position: absolute;
  right: 8px;
  top: 10px;
  display: none;
  outline: none;
}
.sd-grid-view-responsive .sd-grid-view-table tbody td.column-options .btn-primary {
  display: block;
}
.sd-grid-view-responsive .sd-grid-view-table tbody td .card-view {
  display: none;
}
.sd-grid-view-responsive .sd-grid-view-table tbody td .list-view {
  display: block;
}
.sd-grid-view-responsive .sd-grid-view-table thead th.column-sorting .sorting-box {
  display: none;
}
.sd-grid-view-responsive .sd-grid-view-table thead th.column-sorting .sorting-box .sorting-button i {
  cursor: pointer;
}
.sd-grid-view-responsive .sd-grid-view-table thead th.column-sorting .sorting-list {
  position: absolute;
  right: 5px;
  z-index: 100000;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
}
.sd-grid-view-responsive .sd-grid-view-table thead th.column-sorting .sorting-list * {
  background: transparent !important;
}
.sd-grid-view-responsive .sd-grid-view-table thead th.column-sorting .sorting-list ul {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 10px 20px;
}
.sd-grid-view-responsive .sd-grid-view-table thead th.column-sorting .sorting-list ul li {
  padding: 5px 0;
  font-weight: normal;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table {
  table-layout: auto;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table thead th.column-primary,
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary {
  width: 100% !important;
  text-align: left;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table thead th.column-options span:first-child {
  display: none;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table thead th:not(.column-primary):not(.check-column):not(.column-options) {
  display: none;
  padding: 3px 8px 3px 35% !important;
  border-top: none;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody tr.is-expanded td:not(.column-hidden):not(.column-primary):not(.check-column):not(.column-options) {
  display: block !important;
  overflow: hidden; /* clearfix */
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td {
  position: relative;
  clear: both;
  display: block;
  width: auto !important;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td:not(.column-primary):not(.check-column):not(.column-options)::before {
  position: absolute;
  left: 10px;
  display: block;
  overflow: hidden;
  width: 32%;
  content: attr(data-colname);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td:not(.column-primary):not(.check-column):not(.column-options) {
  display: none;
  padding: 3px 8px 3px 35% !important;
  border-top: none;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td .card-view {
  display: block;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td .list-view {
  display: none;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary {
  padding: 15px 100px 15px 10px !important;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary .row-actions {
  display: flex;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.check-column {
  display: table-cell;
  vertical-align: top;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-options {
  display: table-cell;
  vertical-align: top;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-options .btn-link {
  display: block;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-options .btn-primary {
  display: none;
}
.split-view-column-active .sd-grid-view-responsive .sd-grid-view-table tbody td.column-hidden {
  display: none;
}
@media (max-width: 991px) {
  .sd-grid-view-responsive .sd-grid-view-table {
    table-layout: auto;
  }
  .sd-grid-view-responsive .sd-grid-view-table thead th.column-primary,
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary {
    width: 100% !important;
    text-align: left;
  }
  .sd-grid-view-responsive .sd-grid-view-table thead th.column-options span:first-child {
    display: none;
  }
  .sd-grid-view-responsive .sd-grid-view-table thead th:not(.column-primary):not(.check-column):not(.column-options) {
    display: none;
    padding: 3px 8px 3px 35% !important;
    border-top: none;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody tr.is-expanded td:not(.column-hidden):not(.column-primary):not(.check-column):not(.column-options) {
    display: block !important;
    overflow: hidden; /* clearfix */
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td {
    position: relative;
    clear: both;
    display: block;
    width: auto !important;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td:not(.column-primary):not(.check-column):not(.column-options)::before {
    position: absolute;
    left: 10px;
    display: block;
    overflow: hidden;
    width: 32%;
    content: attr(data-colname);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td:not(.column-primary):not(.check-column):not(.column-options) {
    display: none;
    padding: 3px 8px 3px 35% !important;
    border-top: none;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td .card-view {
    display: block;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td .list-view {
    display: none;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary {
    padding: 15px 100px 15px 10px !important;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-primary .row-actions {
    display: flex;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.check-column {
    display: table-cell;
    vertical-align: top;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-options {
    display: table-cell;
    vertical-align: top;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-options .btn-link {
    display: block;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-options .btn-primary {
    display: none;
  }
  .sd-grid-view-responsive .sd-grid-view-table tbody td.column-hidden {
    display: none;
  }
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.sd-chat .chat-user-card, .sd-chat-modal .chat-user-card {
  display: grid;
  color: #000 !important;
}
.sd-chat .chat-user-card > div, .sd-chat-modal .chat-user-card > div {
  min-width: 0;
}
.sd-chat .chat-user-card .user-head .user-name, .sd-chat-modal .chat-user-card .user-head .user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.sd-chat .chat-user-card .user-head .slogan, .sd-chat-modal .chat-user-card .user-head .slogan {
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
  max-height: 54px;
  display: block;
}
.sd-chat .status, .sd-chat-modal .status {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.sd-chat .status:before, .sd-chat-modal .status:before {
  width: 10px;
  height: 10px;
  content: "";
  background-color: white;
  display: inline-block;
  margin: auto;
  border-radius: 50%;
}
.sd-chat .status.online:before, .sd-chat-modal .status.online:before {
  background-color: #4dff4d;
}
.sd-chat .status.away:before, .sd-chat-modal .status.away:before {
  background-color: #faa61a;
}
.sd-chat .status.offline:before, .sd-chat-modal .status.offline:before {
  background-color: #bc2031;
}
.sd-chat .status.invisible, .sd-chat-modal .status.invisible {
  visibility: visible !important;
}
.sd-chat .status.invisible:before, .sd-chat-modal .status.invisible:before {
  background-color: #fff;
  border: 1px solid #808080;
}
.sd-chat .avatar, .sd-chat-modal .avatar {
  position: relative;
}
.sd-chat .avatar img, .sd-chat-modal .avatar img {
  width: 100%;
}
.sd-chat .counter, .sd-chat-modal .counter {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #E80000;
  display: inline-block;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  position: static;
  padding: 0;
}

.sd-chat-modal .chat-user-card .default-user-avatar {
  max-height: 52px;
}

.sd-chat-wrapper {
  width: 17.5rem;
  border-left-color: #e6e6e6;
  z-index: 1039;
}
.sd-chat-wrapper.collapse-modal .room-modal {
  grid-template-rows: 35px !important;
  height: 35px !important;
}
.sd-chat-wrapper.collapse-modal .room-modal > * {
  display: none !important;
}
.sd-chat-wrapper.collapse-modal .room-modal > .top-bar {
  display: grid !important;
}
.sd-chat-wrapper .sd-chat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  position: relative;
  width: 100%;
  height: 100%;
}
.sd-chat-wrapper .sd-chat .current-user {
  padding: 8px;
  grid-template-columns: 70px 1fr;
  grid-gap: 10px;
}
.sd-chat-wrapper .sd-chat .current-user .status {
  top: 52px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.sd-chat-wrapper .sd-chat .current-user .status:before {
  width: 16px;
  height: 16px;
}
.sd-chat-wrapper .sd-chat .current-user .user-head .user-name {
  font-size: 24px;
}
.sd-chat-wrapper .sd-chat .current-user .user-head .slogan {
  font-size: 12px;
  max-height: 54px;
}
.sd-chat-wrapper .sd-chat .current-user-status-dropdown {
  border-radius: 0;
  width: 100%;
  border: 5px solid #e6e6e6;
  padding: 5px 0 !important;
}
.sd-chat-wrapper .sd-chat .current-user-status-dropdown .dropdown-item {
  height: 40px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 16px;
  vertical-align: middle;
}
.sd-chat-wrapper .sd-chat .current-user-status-dropdown .dropdown-item .status {
  position: static;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.sd-chat-wrapper .sd-chat .current-user-status-dropdown .dropdown-item .status:before {
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.sd-chat-wrapper .sd-chat .dropdown-menu {
  padding: 0;
  width: 15em;
}
.sd-chat-wrapper .sd-chat .dropdown-menu .dropdown-header {
  line-height: 2;
  border-bottom: 1px solid #eee;
}
.sd-chat-wrapper .sd-chat .dropdown-menu .dropdown-item {
  line-height: 2;
}
.sd-chat-wrapper .sd-chat .panels {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50px 1fr;
  height: calc(100% - 86px);
}
.sd-chat-wrapper .sd-chat .panels .chat-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 50px;
  grid-gap: 2px;
}
.sd-chat-wrapper .sd-chat .panels .chat-tabs > div {
  text-align: center;
  border-bottom: 2px solid #E6E6E6;
  cursor: pointer;
  line-height: 50px;
}
.sd-chat-wrapper .sd-chat .panels .chat-tabs > div.active, .sd-chat-wrapper .sd-chat .panels .chat-tabs > div:hover {
  border-bottom: 2px solid #000;
}
.sd-chat-wrapper .sd-chat .panels .tab {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 44px 1fr;
  grid-gap: 15px;
}
.sd-chat-wrapper .sd-chat .panels .tab.tab-channel {
  grid-template-rows: 44px 1fr;
}
.sd-chat-wrapper .sd-chat .panels .tab .tab-title {
  background: #F7F7F7;
  padding: 0 15px;
  line-height: 44px;
}
.sd-chat-wrapper .sd-chat .panels .tab .tab-title a.btn {
  float: right;
  padding: 0;
}
.sd-chat-wrapper .sd-chat .panels .tab .tab-title .sd-switchery-wrapper {
  align-items: center;
}
.sd-chat-wrapper .sd-chat .panels .tab .tab-title .sd-switchery-wrapper label {
  margin-bottom: 0;
}
.sd-chat-wrapper .sd-chat .panels .tab .tab-title-content {
  padding: 0 15px;
  line-height: 1;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content {
  overflow-y: auto;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content:after {
  content: "";
  height: 1.875rem;
  display: block;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card {
  padding: 6px 6px 6px 16px;
  display: grid;
  grid-template-columns: 52px 1fr 20px;
  grid-gap: 10px;
  width: 100%;
  height: 64px;
  cursor: pointer;
  position: relative;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card.typing .typing-indicator {
  opacity: 1;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .typing-indicator {
  position: absolute;
  transition: opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
  bottom: 0;
  left: 77px;
  line-height: 1;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card > div {
  line-height: 52px;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card:hover {
  background: #F7F7F7;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .avatar chat-avatar {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  width: 53px;
  height: 53px;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .avatar .group-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #e6e6e6;
  display: inline-block;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .avatar .group-icon:before {
  width: 52px;
  height: 52px;
  content: "";
  background: url("../img/group-icon.png") center no-repeat;
  display: inline-block;
  background-size: 28px;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .avatar .private-icon {
  position: absolute;
  top: 40px;
  left: 3px;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .avatar .status {
  top: 40px;
  left: 3px;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .avatar .counter {
  position: absolute;
  top: -3px;
  left: 35px;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .user-name {
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
  text-overflow: ellipsis;
}
.sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .user-actions > a {
  padding: 0;
}
.sd-chat-wrapper .sd-chat .room-modal {
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 400px;
  border: 1px solid #ccc;
  margin-right: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 35px 7fr 1fr 35px;
  height: 530px;
}
@media (max-width: 420px) {
  .sd-chat-wrapper .sd-chat .room-modal {
    max-width: 400px;
    width: calc(100% + 1.5rem);
  }
}
@media (max-width: 700px) {
  .sd-chat-wrapper .sd-chat .room-modal {
    right: 0 !important;
  }
}
.sd-chat-wrapper .sd-chat .room-modal .top-bar {
  border-bottom: 1px solid #808080;
  display: grid;
  grid-template-columns: 1fr repeat(3, 20px);
  grid-gap: 5px;
  background: #F2F2F2;
  padding: 0 10px 0 15px;
  align-items: center;
}
.sd-chat-wrapper .sd-chat .room-modal .top-bar > a {
  text-align: center;
  width: 20px;
}
.sd-chat-wrapper .sd-chat .room-modal .top-bar .material-icons {
  margin-bottom: 2px;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar {
  border-top: 1px solid #D4D4D4;
  display: grid;
  background: #F2F2F2;
  padding: 0 15px;
  align-items: center;
  grid-template-columns: repeat(4, 20px) 1fr;
  grid-gap: 5px;
  position: relative;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker {
  position: absolute;
  bottom: 100%;
  width: 365px;
  height: 239px;
  background-color: #fefefe;
  border-radius: 5px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emoji-title {
  font-size: 1.07143em;
  text-align: center;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .filter {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .filter ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px 0 0;
  padding: 0 5px;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .filter ul li {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: inline-block;
  text-align: center;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .filter ul li:hover {
  cursor: pointer;
  border-bottom: 2px solid #929292;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .filter ul li.selected {
  border-bottom: 2px solid #464646;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis {
  padding: 11px 0 5px 5px;
  overflow-y: auto;
  max-height: 192px;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul {
  margin: 0;
  padding: 0;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li {
  width: 32px;
  height: 32px;
  margin: 0 5px 5px 0;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li:hover {
  cursor: pointer;
  vertical-align: top;
  z-index: 2;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li:hover .emojione[class*=emojione-32] {
  opacity: 0;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li:hover .emojione[class*=emojione-64] {
  opacity: 1;
  left: 40%;
  top: 40%;
  -webkit-transform: scale(0.75, 0.75) translate(-60%, -60%);
  -ms-transform: scale(0.75, 0.75) translate(-60%, -60%);
  transform: scale(0.75, 0.75) translate(-60%, -60%);
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li .emojione {
  top: 0;
  background-color: #fefefe;
  opacity: 1 !important;
  box-shadow: none !important;
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li .emojione[class*=emojione-32] {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li .emojione[class*=emojione-64] {
  -webkit-transition: left, top, transform ease 0.2s;
  transition: left, top, transform ease 0.2s;
  position: absolute;
  left: 25%;
  top: 25%;
  opacity: 0;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-transform: scale(0.5, 0.5) translate(-75%, -75%);
  -ms-transform: scale(0.5, 0.5) translate(-75%, -75%);
  transform: scale(0.5, 0.5) translate(-75%, -75%);
}
.sd-chat-wrapper .sd-chat .room-modal .bottom-bar > a {
  text-align: center;
  width: 20px;
}
.sd-chat-wrapper .sd-chat .room-modal .message-bar {
  border-top: 1px solid #D4D4D4;
  padding: 5px 10px;
  resize: none;
  font-weight: 500 !important;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar {
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  position: relative;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar:after {
  content: "";
  height: 1.25rem;
  display: block;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .date-divider {
  width: 100%;
  margin: 10px 0;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-gap: 2px;
  align-items: center;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .date-divider .line {
  height: 0;
  border-bottom: 1px solid #E6E6E6;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .date-divider .date {
  text-align: center;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  line-height: 20px;
  font-size: 14px;
  padding: 3px 30px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 0 10px;
  position: relative;
  padding: 0 20px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container.with-avatar {
  margin-top: 17px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container.with-avatar .default-user-avatar {
  width: 50px;
  height: 50px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .actions {
  position: absolute;
  top: -18px;
  right: 0;
  opacity: 0;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .actions:hover {
  opacity: 1;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .actions .message-body {
  margin-bottom: 4px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .actions .message-body p {
  margin-bottom: 0 !important;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .avatar.time {
  opacity: 0;
  font-size: 12px;
  color: #aaa;
  font-family: Roboto Slab;
  align-self: center;
  justify-self: center;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container:hover {
  background: #f6f6f6;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container:hover .avatar.time {
  opacity: 1;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container:hover .actions {
  opacity: 1;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .message-head {
  font-size: 18px;
  font-weight: bold;
  margin-top: -3px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .message-head .time {
  font-size: 12px;
  color: #aaa;
  font-family: Roboto Slab;
  font-weight: 300;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .message-head .actions {
  position: static;
  display: flex;
  flex-direction: row;
  float: right;
  opacity: 1;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .message-head .actions > a {
  flex: 1 1 18px;
  margin-left: 5px;
  padding: 2px;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .typing-block {
  position: absolute;
  left: 5px;
  right: 5px;
  color: #ccc;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .typing-block > span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  font-size: 2em;
  line-height: 0.5;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .typing-block > span:nth-child(2) {
  animation-delay: 0.2s;
}
.sd-chat-wrapper .sd-chat .room-modal .main-bar .typing-block > span:nth-child(3) {
  animation-delay: 0.4s;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar {
  grid-row: 2/span 2;
  background: #fff;
  padding: 20px;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar label {
  font-size: 18px;
  display: inline-block;
  width: 100%;
  font-weight: normal;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar #channel-name {
  border: 1px solid #E8E8E8;
  height: 35px;
  margin-bottom: 20px;
  font-weight: 500 !important;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar .members-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar .members-list .more {
  line-height: 44px;
  border: 1px dashed #ccc;
  text-align: center;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar .members-list chat-avatar img {
  width: 50px;
  height: 50px;
}
.sd-chat-wrapper .sd-chat .room-modal .settings-bar .manage-members-button {
  margin-top: 20px;
  border: 1px solid #ccc;
  color: #555;
  width: 100%;
  font-size: 18px;
  border-radius: 10px;
}

.sd-chat-modal.modal .modal-dialog .modal-content {
  border-radius: 0;
  border: 2px solid #E6E6E6;
  padding: 30px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .form-control {
  box-shadow: none !important;
  border: 1px solid #808080;
  border-radius: 6px;
  font-size: 14px;
  line-height: 38px;
  height: 40px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .btn.submit-button, .sd-chat-modal.modal .modal-dialog .modal-content .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.submit-button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-chat-modal.modal .modal-dialog .modal-content button.submit-button, .sd-chat-modal.modal .modal-dialog .modal-content .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.submit-button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-chat-modal.modal .modal-dialog .modal-content button.submit-button {
  background: #E6E6E6;
  border: 1px solid #808080;
  height: 40px;
  line-height: 38px;
  font-size: 18px;
  font-weight: bold !important;
  padding: 0 15px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .modal-title {
  font-size: 24px;
  margin-bottom: 20px !important;
}
.sd-chat-modal.modal .modal-dialog .modal-content .search-field {
  width: 100%;
  margin-bottom: 20px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list {
  width: 100%;
  overflow-y: auto;
  height: 500px;
  padding: 0 5px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card {
  padding: 15px 5px;
  grid-template-columns: 52px 1fr;
  grid-gap: 10px;
  width: 100%;
  min-height: 82px;
  cursor: pointer;
  border-bottom: 1px solid #E6E6E6;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .status {
  left: 0;
  top: 40px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .user-head {
  position: relative;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .user-head .remove-icon {
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .user-head .user-name {
  font-size: 19px;
  line-height: 24px;
  height: 24px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .user-head .user-name .user-company {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  font-size: 12px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .user-head .user-name .user-company:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000;
  margin: 4px 10px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .user-list .chat-user-card .user-head .slogan {
  font-size: 12px;
  margin-top: 5px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .create-channel-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
.sd-chat-modal.modal .modal-dialog .modal-content .create-channel-form .note {
  display: inline-block;
}
.sd-chat-modal.modal .modal-dialog .modal-content .create-channel-form .checkbox-option > label {
  width: 100%;
  font-weight: normal;
}
.sd-chat-modal.modal .modal-dialog .modal-content .create-channel-form .checkbox-option > label .switchery {
  float: right;
}

.expand-message-window .sd-chat-wrapper:not(.collapse-modal) {
  width: calc(100% - 14.375rem);
  border-left: none;
}
.expand-message-window .sd-chat-wrapper:not(.collapse-modal) .sd-chat {
  width: 17.5rem;
  float: right;
  position: static;
}
.expand-message-window .sd-chat-wrapper:not(.collapse-modal) .sd-chat .room-modal {
  left: 0px;
  right: 17.5rem;
  width: auto;
  top: 0px;
  height: auto;
}

.current-user-status-dropdown {
  transform: initial !important;
  top: 80px !important;
  left: -5px !important;
  width: 98% !important;
}

.sd-chat-modal.modal .form-control {
  font-weight: 500 !important;
}

.modal-include-wrapper.include-loading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 3.5714285714em 0;
}
.modal-include-wrapper.include-loading em {
  margin: auto;
}
.modal-include-wrapper .d-none-modal {
  display: none;
}

body.modal-open {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.modal {
  -webkit-overflow-scrolling: touch;
}
.modal .modal-include-wrapper .card:not(.dynamicProfileItems__item.card):not(.editing-disabled-alert),
.modal .card.ignore-card-modal {
  border: none;
  padding: 0 !important;
  box-shadow: none !important;
}
.modal .modal-include-wrapper .card:not(.dynamicProfileItems__item.card):not(.editing-disabled-alert) .btn-list-offset,
.modal .card.ignore-card-modal .btn-list-offset {
  display: none;
}
.modal .modal-include-wrapper .card:not(.dynamicProfileItems__item.card):not(.editing-disabled-alert) .card-header,
.modal .card.ignore-card-modal .card-header {
  display: none;
}
.modal .modal-include-wrapper .card:not(.dynamicProfileItems__item.card):not(.editing-disabled-alert) .card-header.associated-tasks-header,
.modal .card.ignore-card-modal .card-header.associated-tasks-header {
  display: block;
}
.modal .modal-include-wrapper .card:not(.dynamicProfileItems__item.card):not(.editing-disabled-alert) .card-block,
.modal .card.ignore-card-modal .card-block {
  padding: 0;
}
.modal .modal-loading-block {
  padding: 10px 10px 20px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.modal.reminders-settings-container .modal-dialog.modal-RightBar {
  max-width: 100%;
}
@media (min-width: 768px) {
  .modal.reminders-settings-container .modal-dialog.modal-RightBar {
    width: 645px;
    max-width: unset;
  }
}
.modal .modal-dialog {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .modal .modal-dialog {
    max-width: 640px;
  }
}
@media (max-width: 576px) {
  .modal .modal-dialog.modal-lg {
    margin: 0;
  }
}
@media (min-width: 576px) {
  .modal .modal-dialog.modal-lg {
    max-width: 900px;
  }
}
.modal .modal-dialog.modal-fs {
  margin: 0;
  max-width: 100%;
}
@media (min-width: 576px) {
  .modal .modal-dialog.modal-fs {
    height: 100%;
    margin: 0;
  }
  .modal .modal-dialog.modal-fs .modal-content {
    height: 100%;
  }
  .modal .modal-dialog.modal-fs .modal-content .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.modal .modal-dialog.modal-RightBar {
  max-width: 100%;
  max-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .modal .modal-dialog.modal-RightBar {
    max-width: 520px;
  }
}
.modal .modal-dialog .modal-content {
  -webkit-overflow-scrolling: touch;
  padding: 0;
  border-radius: 7px;
  border: none;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.06);
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 15px 18px;
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-include-wrapper {
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal {
  max-height: 90svh;
  overflow: auto;
}
.modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal ng-include {
  display: block;
  max-height: calc(90svh - 30px);
  overflow: hidden;
}
@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal ng-include {
    max-height: calc(90svh - 50px);
  }
}
.modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal .scrollable-content-container,
.modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal #appointment-form {
  padding: 0;
  max-height: calc(90svh - 30px);
}
@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal .scrollable-content-container,
  .modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal #appointment-form {
    max-height: calc(90svh - 50px);
  }
}
.modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal #appointment-form {
  overflow: auto;
}
.modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal .scrollable-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 600px;
}
@media (max-width: 560px) {
  .modal .modal-dialog .modal-content .modal-include-wrapper.viewport-height-modal .scrollable-content {
    max-height: 200px;
  }
}
.modal .modal-dialog .modal-content .modal-include-wrapper.event-modal-add {
  overflow: visible;
}
.modal .modal-dialog .modal-content .modal-include-wrapper #note-times-form textarea.form-control {
  border-color: #555;
}
.modal .modal-dialog .modal-content .modal-header {
  justify-content: space-between;
  column-gap: 25px;
  padding: 15px 18px;
  margin: 0;
  position: relative;
  border-bottom: 4px solid #e9ecef;
}
@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-header {
    padding: 15px 30px 15px 18px;
  }
}
.modal .modal-dialog .modal-content .modal-header.three-columns-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  flex-grow: 1;
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.modal .modal-dialog .modal-content .modal-header .modal-close-btn {
  position: relative;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
}
.modal .modal-dialog .modal-content .modal-header .data-view-actions-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-header .data-view-actions-wrapper {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    padding: 15px 0;
  }
}
.modal .modal-dialog .modal-content .modal-header-content {
  margin-left: auto;
}
.modal .modal-dialog .modal-content .modal-btn {
  float: right;
  display: block;
}
.modal .modal-dialog .modal-content .modal-btn.modal-close-btn {
  height: 24px;
  width: 24px;
}
.modal .modal-dialog .modal-content .modal-btn.modal-close-btn .material-icons {
  height: 24px;
  width: 24px;
}
.modal .modal-dialog .modal-content .modal-btn.modal-export-btn, .modal .modal-dialog .modal-content .modal-btn.modal-import-btn {
  margin-right: 20px;
}
.modal .modal-dialog .modal-content .modal-btn.modal-export-btn *, .modal .modal-dialog .modal-content .modal-btn.modal-import-btn * {
  height: 20px;
  line-height: 16px;
  display: inline-block;
}
.modal .modal-dialog .modal-content .modal-btn.modal-export-btn i, .modal .modal-dialog .modal-content .modal-btn.modal-import-btn i {
  margin-right: 3px;
}
.modal .modal-dialog .modal-content .modal-btn i {
  font-size: 24px;
  margin-right: -3px;
}
.modal .modal-dialog .modal-content .form-actions-wrapper {
  padding: 15px;
}
.modal .modal-dialog .modal-content .form-actions {
  margin-top: 10px;
}
.modal .modal-dialog .modal-content .form-actions.form-actions-bottom {
  border-top: 1px solid #e9ecef;
  padding: 15px 25px;
  margin-left: -20px;
  margin-right: -20px;
  bottom: 100px;
}
.modal .modal-dialog .modal-content .form-actions .reminders-settings__forms-block {
  padding: 0;
}
.modal .modal-dialog .modal-content .form-actions .btn, .modal .modal-dialog .modal-content .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button, .modal .modal-dialog .modal-content .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button {
  margin-bottom: 0;
}
.modal .modal-dialog .modal-content .form-actions .btn.btn-secondary, .modal .modal-dialog .modal-content .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-secondary, .modal .modal-dialog .modal-content .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-secondary, .modal .modal-dialog .modal-content .form-actions .btn.btn-default, .modal .modal-dialog .modal-content .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-default, .modal .modal-dialog .modal-content .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-default {
  color: #292b2c;
}
.modal .modal-dialog .modal-content #invoices-form .top-logo-block {
  align-items: center;
}
.modal .modal-dialog .modal-content #invoices-form .top-logo-block .logo {
  max-width: 60px;
  width: 60px;
  height: 60px;
  margin: 5px 0px 5px 15px;
  overflow: hidden;
}
.modal .modal-dialog .modal-content #invoices-form .top-logo-block .logo figure {
  margin: 0;
  border-radius: 50%;
}
.modal .modal-dialog .modal-content #invoices-form .top-logo-block .form-title {
  padding-bottom: 5px;
}
.modal .modal-dialog .modal-content #invoices-form .top-logo-block .details-textarea-wrap {
  margin-bottom: 0;
}

.ddv-import-label {
  line-height: 20px;
  margin-left: 3px;
}
@media (max-width: 700px) {
  .ddv-import-label {
    display: none;
  }
}

.ddv-export-label {
  line-height: 20px;
  margin-left: 3px;
}
@media (max-width: 700px) {
  .ddv-export-label {
    display: none;
  }
}

.modal-content-title {
  font-size: 18px;
  margin-bottom: 15px !important;
}

.cke_editor_Mailbox_body_dialog .cke_dialog_close_button {
  top: 15px;
  right: 10px;
  position: absolute;
  height: 28px;
  width: 28px;
  background-size: 24px !important;
  top: 14px;
}
.cke_editor_Mailbox_body_dialog .cke_dialog_contents {
  width: 600px;
  max-width: 100%;
}

.cke_dialog_body .cke_dialog_title,
.cke_dialog_body .cke_dialog_footer {
  background: #fff !important;
}
.cke_dialog_body .cke_dialog_title {
  padding: 15px 40px 15px 25px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
}
.cke_dialog_body .cke_dialog_footer {
  padding: 15px 25px 15px 25px;
  text-align: left;
}
.cke_dialog_body .cke_dialog_footer .cke_dialog_footer_buttons {
  margin: 0;
}
.cke_dialog_body .cke_dialog_footer .cke_dialog_ui_button {
  font-size: 0.9375rem;
  line-height: 30px;
  padding: 5px 25px;
  background: #000;
  color: #fff;
  border: 0;
  box-shadow: none !important;
  text-shadow: none !important;
}
.cke_dialog_body .cke_dialog_footer .cke_dialog_ui_button .cke_dialog_ui_button {
  padding: 0;
  font-size: 0.9375rem;
}
.cke_dialog_body .cke_dialog_ui_input_select,
.cke_dialog_body .cke_dialog_ui_select,
.cke_dialog_body .cke_dialog_ui_input_text {
  width: 100% !important;
}
.cke_dialog_body .modal-include-wrapper {
  padding: 15px 25px;
}
.cke_dialog_body .cke_dialog_ui_labeled_label,
.cke_dialog_body .label.cke_required {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 0;
}
.cke_dialog_body input.cke_dialog_ui_input_text,
.cke_dialog_body input.cke_dialog_ui_input_password,
.cke_dialog_body textarea.cke_dialog_ui_input_textarea,
.cke_dialog_body select.cke_dialog_ui_input_select {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.cke_dialog_body input.cke_dialog_ui_input_text:focus,
.cke_dialog_body input.cke_dialog_ui_input_password:focus,
.cke_dialog_body textarea.cke_dialog_ui_input_textarea:focus,
.cke_dialog_body select.cke_dialog_ui_input_select:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.cke_dialog_body input.cke_dialog_ui_input_text[disabled], .cke_dialog_body input.cke_dialog_ui_input_text[readonly]:not([auto-select]),
.cke_dialog_body input.cke_dialog_ui_input_password[disabled],
.cke_dialog_body input.cke_dialog_ui_input_password[readonly]:not([auto-select]),
.cke_dialog_body textarea.cke_dialog_ui_input_textarea[disabled],
.cke_dialog_body textarea.cke_dialog_ui_input_textarea[readonly]:not([auto-select]),
.cke_dialog_body select.cke_dialog_ui_input_select[disabled],
.cke_dialog_body select.cke_dialog_ui_input_select[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .cke_dialog_body input.cke_dialog_ui_input_text,
  .cke_dialog_body input.cke_dialog_ui_input_password,
  .cke_dialog_body textarea.cke_dialog_ui_input_textarea,
  .cke_dialog_body select.cke_dialog_ui_input_select {
    min-height: 42px;
    font-size: 14px;
  }
  .cke_dialog_body input.cke_dialog_ui_input_text:not(textarea),
  .cke_dialog_body input.cke_dialog_ui_input_password:not(textarea),
  .cke_dialog_body textarea.cke_dialog_ui_input_textarea:not(textarea),
  .cke_dialog_body select.cke_dialog_ui_input_select:not(textarea) {
    height: auto !important;
  }
}
.cke_dialog_body input.cke_dialog_ui_input_text.standard-multiselect,
.cke_dialog_body input.cke_dialog_ui_input_password.standard-multiselect,
.cke_dialog_body textarea.cke_dialog_ui_input_textarea.standard-multiselect,
.cke_dialog_body select.cke_dialog_ui_input_select.standard-multiselect {
  height: auto !important;
}
.cke_dialog_body input.cke_dialog_ui_input_text,
.cke_dialog_body input.cke_dialog_ui_input_password,
.cke_dialog_body select.cke_dialog_ui_input_select {
  height: 30px !important;
}
.cke_dialog_body select.cke_dialog_ui_input_select {
  padding: 0.25rem 0.6rem;
}
.cke_dialog_body textarea.cke_dialog_ui_input_textarea {
  width: 100%;
  height: auto;
  min-height: 100px;
}

.modal-user-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border: 1px solid transparent;
}
.modal-user-info > * {
  min-width: 0;
}
.modal-user-info > * {
  min-width: 0;
}
.modal-user-info .img-wrap {
  flex: 0 0 50px;
  margin-right: 10px;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.modal-user-info .img-wrap .logo {
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  min-width: 0;
  min-height: 0;
  border: 0;
  box-shadow: none;
}
.modal-user-info .img-wrap .logo svg {
  width: 50px;
  height: 50px;
}
.modal-user-info .img-wrap img,
.modal-user-info .img-wrap svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal-user-info .info-wrap {
  flex: 0 1 auto;
}
.modal-user-info .info-wrap .assign-info {
  font-size: 10px;
  line-height: 14px;
  color: #bbb;
}
.modal-user-info .info-wrap .user-name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.modal-user-info .project-users {
  position: absolute;
  top: 100%;
  z-index: 1;
}
.modal-user-info .project-users .dropdown .dropdown-menu {
  width: auto !important;
  padding: 0.7142857143em 0;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3571428571em 0.7142857143em;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item > * {
  min-width: 0;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item:last-child {
  padding-bottom: 0;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item .avatar {
  -webkit-box-flex: 0 1 50px;
  -moz-box-flex: 0 1 50px;
  -webkit-flex: 0 1 50px;
  -ms-flex: 0 1 50px;
  flex: 0 1 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 0.7142857143em;
  margin-top: auto;
  margin-bottom: auto;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item .avatar figure {
  margin: 0;
}
.modal-user-info .project-users .dropdown .dropdown-menu .dropdown-item .name {
  margin-top: auto;
  margin-bottom: auto;
}

.modal-user-info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modal-user-info-row > * {
  min-width: 0;
}
.modal-user-info-row .modal-user-info {
  flex: 1 1 auto;
}
@media (max-width: 575px) {
  .modal-user-info-row .modal-user-info {
    margin-bottom: 20px;
  }
}
.modal-user-info-row .aside-btns-wrap {
  flex: 0 0 auto;
}

.footer-for-pager {
  background-color: transparent;
}

.swal2-shown {
  overflow-y: visible !important;
  height: 100% !important;
}

.swal2-container {
  z-index: 1071 !important;
}
@media (max-width: 575px) {
  .swal2-container .swal2-modal {
    padding: 30px !important;
  }
}
@media (min-width: 992px) {
  .swal2-container .swal2-modal.swal-wide {
    width: 55%;
  }
}
.swal2-container .swal2-modal .swal2-title {
  font-size: 1.375em;
  line-height: 2rem;
  word-break: break-word !important;
}
@media (max-width: 575px) {
  .swal2-container .swal2-modal .swal2-actions {
    flex-wrap: wrap;
  }
}

.view-submission-modal .top {
  border-bottom: 1px solid #e9ecef;
  align-items: center;
}
.view-submission-modal .top div {
  padding: 10px 15px;
}
.view-submission-modal .top div p {
  margin: 0;
}
.view-submission-modal .blue-band, .view-submission-modal .brand-band {
  margin-left: -26px;
  margin-right: -26px;
  padding: 10px 25px;
}
.view-submission-modal .blue-band p, .view-submission-modal .brand-band p {
  margin: 0;
  color: #fff;
}
.view-submission-modal .blue-band {
  background-color: #8099b8;
}
.view-submission-modal .border-bottom {
  border-bottom: 1px solid #e9ecef;
  margin: 0 -26px;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% + 52px);
}
.view-submission-modal .border-bottom p {
  margin: 0;
}
.view-submission-modal .form-group .row:nth-child(even) {
  background: #FCFCFC;
}

.custom-fields-modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
}
.custom-fields-modal-overlay .custom-fields-modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  height: 500px;
}
.custom-fields-modal-overlay .custom-fields-modal-body.modal-sticky-footer {
  position: static;
}
.custom-fields-modal-overlay .custom-fields-modal-body.modal-sticky-footer .form-actions.btn-list {
  z-index: 100;
}

.new-modal-size {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .new-modal-size {
    max-width: 640px;
  }
}
@media (max-width: 576px) {
  .new-modal-size {
    max-width: 100%;
  }
}

.new-modal-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 32px;
}
.new-modal-header .modal-title {
  margin-top: 104px !important;
}
.new-modal-header .modal-close-btn {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 40px;
  height: 40px;
  line-height: 24px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}

.send-sms-container .sms-type-block {
  min-height: 130px;
  border: solid 2px #ddd;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.send-sms-container .sms-type-block .link-title {
  margin: 0 !important;
}
.send-sms-container .sms-type-block h6 {
  font-weight: 400;
  border-bottom: solid 1px #ddd;
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
}
.send-sms-container .sms-type-block .link-btns {
  right: -15px !important;
  top: -20px !important;
}
.send-sms-container .sms-type-block .sms-icon {
  font-size: 70px;
  color: #999999;
  padding: 10px;
}
.send-sms-container .sms-type-block.active {
  border-color: #3F3F3F;
}
.send-sms-container .sms-type-block.active .sms-icon {
  color: #3F3F3F;
}
.send-sms-container .redactor-box.redactor-styles-on .redactor-toolbar {
  display: grid !important;
}
.send-sms-container .redactor-box.redactor-styles-on .redactor-toolbar a {
  padding: 5px 8px;
  display: flex;
  align-items: center;
}
.send-sms-container .redactor-box.redactor-styles-on .redactor-toolbar a span {
  font-size: 11px;
  margin-left: 3px;
  margin-top: 1px;
  color: #333333;
  font-weight: 300;
}
.send-sms-container .redactor-box.redactor-styles-on .redactor-toolbar a:hover span {
  color: #fff;
}
.send-sms-container .redactor-description {
  font-size: 10px;
  color: #777777;
}
.send-sms-container input[type=text],
.send-sms-container input[type=password],
.send-sms-container select,
.send-sms-container textarea {
  border: 1px solid #e4e9f0;
}
.send-sms-container input[type=text],
.send-sms-container input[type=password] {
  height: 40px !important;
}
.send-sms-container .at-label {
  margin-left: -15px;
  margin-right: 15px;
}
.send-sms-container .sd-switchery-wrapper label {
  font-weight: 400;
}

.static-modal-content .modal-include-wrapper {
  padding: 25px 0px 10px 0px;
}

.modal .modal-dialog .modal-content .livestream-email-modal .modal-header {
  padding: 25px;
  padding-right: 15px;
}

.livestream-email-modal {
  margin: -25px -25px 0px;
}
.livestream-email-modal .campaign-preview-body .head {
  padding: 15px 25px;
  border-bottom: 1px solid rgba(71, 71, 71, 0.25);
}
.livestream-email-modal .campaign-preview-body .head > div:first-child {
  margin-bottom: 5px;
}
.livestream-email-modal .campaign-preview-body .head > div .title {
  font-weight: 400 !important;
  font-family: Inter;
  font-style: italic;
  color: #000;
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 16px;
}
.livestream-email-modal .campaign-preview-body .head > div .value {
  font-weight: 400 !important;
  font-family: Inter;
  color: #000;
  margin-right: 5px;
  font-size: 15px;
}
.livestream-email-modal .campaign-preview-body .body-container {
  padding: 15px 25px 50px;
}
.livestream-email-modal .campaign-preview-body .body-container .user-container {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.livestream-email-modal .campaign-preview-body .body-container .user-container .left {
  margin-right: 15px;
}
.livestream-email-modal .campaign-preview-body .body-container .user-container .left .logo {
  min-width: 39px;
  width: 39px;
  padding: 0;
  border: none;
  margin: 0;
  margin-top: 5px;
}
.livestream-email-modal .campaign-preview-body .body-container .user-container .right {
  display: flex;
  flex-direction: column;
  font-family: Inter;
  color: #000;
}
.livestream-email-modal .campaign-preview-body .body-container .user-container .right .title {
  font-size: 18px;
  font-weight: 400 !important;
}
.livestream-email-modal .campaign-preview-body .body-container .user-container .right .email {
  font-size: 12px;
}
.livestream-email-modal .campaign-preview-body .body-container h3 {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 30px;
}
.livestream-email-modal .campaign-preview-body .body-container .message-body {
  overflow: hidden;
}
.livestream-email-modal .campaign-preview-body .body-container .message-body .email-container {
  max-width: 100%;
}

.add-recurring-profile-modal,
.add-proposal-modal {
  padding: 25px 15px;
}
.add-recurring-profile-modal .add-recurring-profile,
.add-proposal-modal .add-recurring-profile {
  max-width: 100%;
}
.add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item,
.add-proposal-modal .add-recurring-profile .add-recurring-profile__item {
  display: flex;
}
.add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a,
.add-proposal-modal .add-recurring-profile .add-recurring-profile__item a {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
}
.add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a .type-select-description,
.add-proposal-modal .add-recurring-profile .add-recurring-profile__item a .type-select-description {
  margin: 0.4em 0 0 0;
  font-size: 0.875rem;
  color: #555555;
  font-weight: 300;
}
.add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a svg,
.add-proposal-modal .add-recurring-profile .add-recurring-profile__item a svg {
  max-height: 240px;
  fill: #333333;
}
@media (max-width: 576px) {
  .add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a svg,
  .add-proposal-modal .add-recurring-profile .add-recurring-profile__item a svg {
    max-height: 100px;
  }
}
.add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a:hover,
.add-proposal-modal .add-recurring-profile .add-recurring-profile__item a:hover {
  background-color: #ECECEC;
  transition: all 0.3s ease-in-out;
}
.add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a .type-select-header,
.add-proposal-modal .add-recurring-profile .add-recurring-profile__item a .type-select-header {
  margin: 1em 0 0 0;
  font-size: 1.125rem;
  color: #990707;
  font-weight: 500;
}

.modal .modal-dialog .modal-content #choiceForm .form-actions {
  border-top: none;
}

@media (min-width: 576px) {
  .modal .modal-dialog.modal-xl {
    max-width: 900px;
  }
}
@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-include-wrapper {
    padding: 25px;
    padding-bottom: 25px;
  }
  .modal .modal-dialog .modal-content .modal-header {
    padding: 15px 25px;
  }
}
@media (min-width: 1440px) {
  .modal .modal-dialog.modal-xl {
    max-width: 1283px;
  }
}
@media (max-width: 768px) {
  .add-proposal-modal .add-recurring-profile .add-recurring-profile__item a svg {
    width: 70px;
    height: 70px;
  }
}
.swal-sd-important {
  line-height: 28px;
  font-size: 15px;
  text-align: center;
  color: #555;
}

.swal-sd-checkbox-label label {
  font-weight: 400 !important;
  font-size: 13px;
  font-style: italic;
  margin-left: 10px;
  line-height: 1.5em;
}
.swal-sd-checkbox-label label input {
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -2px;
}

.modal-preview .modal-include-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  padding: 0 !important;
}
.modal-preview .modal-include-wrapper ng-include {
  width: 100%;
}
.modal-preview .modal-include-wrapper ng-include .preview-frame {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
}

#custom-menu-visibility .sd-switchery-wrapper .switchery.switchery-small + label {
  padding-right: 0 !important;
}

#teams-form .createTeamChat label {
  margin-bottom: 0 !important;
}

.registration-card--organizationLaunchpad .my-companies__item .default-user-avatar-container {
  display: flex;
  width: 100% !important;
  height: 100% !important;
}
.registration-card--organizationLaunchpad .my-companies__item .default-user-avatar-container .default-user-avatar {
  width: 100% !important;
  height: 100% !important;
  font-size: 46px;
  font-weight: 600;
}

.type-select-modal {
  padding: 5px 25px !important;
  min-height: unset !important;
}
.type-select-modal .form.fluid {
  padding-top: 20px;
  padding-bottom: 60px;
}

.type-select-menu .type-select-item {
  position: relative;
}
.type-select-menu .type-select-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -25px;
  right: -25px;
  height: 1px;
  background-color: #eee;
}
.type-select-menu .type-select-item:last-child::before {
  display: none;
}
.type-select-menu .type-select-item .type-select-link {
  gap: 25px;
  padding: 0.625rem;
  padding-right: 0;
}
.type-select-menu .type-select-item .icon {
  width: 40px;
  height: 40px;
}
.type-select-menu .type-select-item .type-select-header {
  font-size: 16px;
}
.type-select-menu .type-select-item .type-select-description {
  font-size: 12px;
}
.type-select-menu .type-select-item .arrow-container {
  margin-left: auto;
  margin-right: 0;
  width: 25px;
  height: 25px;
}

.modal .modal-dialog .modal-content .chooseSchedulesModal .modal-header {
  margin: 0 -25px;
}

.type-select-modal.modal-sticky-footer.hideHeader .modal-header {
  display: none;
}

.modal-no-header .modal-dialog {
  margin-top: 120px;
  max-width: 800px;
  width: 800px;
}
@media (max-width: 800px) {
  .modal-no-header .modal-dialog {
    margin: 50px 0;
    max-width: 100%;
    width: 100%;
  }
}
.modal-no-header .modal-content .close {
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 100;
}

.modalOverflowVisible {
  overflow: visible !important;
}

.addToCommunityModal .form-group_customized-input-label-block {
  flex: 1 1 auto !important;
  max-width: calc(100% - 35px) !important;
}
@media (max-width: 768px) {
  .addToCommunityModal .form-group_customized-input-label-block {
    padding: 0 !important;
  }
}
.addToCommunityModal .form-group_customized-input-label-block ul.select2-selection__rendered {
  max-width: 100%;
}
.addToCommunityModal .form-group_customized-input-label-block ul.select2-selection__rendered li.select2-selection__choice {
  max-width: 100%;
}
.addToCommunityModal .form-group_customized-input-label-block ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__display {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.addToCommunityModal .form-group_customized-input-btns {
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .addToCommunityModal .form-group_customized-input-btns {
    position: static !important;
  }
}

.modal-dialog .RightBar .file-upload-field-input .btn-list {
  margin-top: 10px;
  padding: 0 1rem;
}

.hsds-beacon .lcyIqL {
  z-index: 1600 !important;
}

.warning-modal-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 20px;
}
.warning-modal-message .warning-modal-message__icon {
  width: 90px;
  height: 90px;
}
.warning-modal-message .warning-modal-message__icon svg {
  width: 100%;
  height: 100%;
  fill: #ff4f4f;
}

.rx-modal {
  max-height: 600px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.sidebar-menu,
.content-dropdowns-menu,
.sidebar-menu-widget,
.content-dropdowns {
  width: initial;
  float: none;
}

.someElement {
  color: rgba(22, 188, 174, 0.8);
  color: rgba(22, 188, 188, 0.8);
  color: rgba(26, 171, 176, 0.6);
  color: rgba(0, 170, 170, 0.3);
  color: #00ada4;
  color: #007888;
}

.sidebar-menu .sidebar-menu__header .sidebar-menu__header-wrap {
  gap: 0.5rem;
}
.sidebar-menu .sidebar-menu__header .sidebar-menu__header-wrap .sidebar-menu__header-title-text {
  line-height: 1.2;
}
.sidebar-menu .menu .menu-item {
  overflow: hidden;
}
.sidebar-menu .menu .menu-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.sidebar-menu .menu .menu-item.selected {
  overflow: hidden;
}

.pager,
.pagination {
  list-style: none;
  padding: 0;
  margin: 10px 0px 20px 15px;
}
.pager > li > a, .pager > li > button,
.pagination > li > a,
.pagination > li > button {
  color: #364859;
  transition: all 0.3s ease;
}
.pager > li.active > a,
.pager > li.active > button,
.pager > li.active > a:hover,
.pager > li.active > button:hover,
.pager > li.active > a:focus,
.pager > li.active > button:focus,
.pager > li > a:focus,
.pager > li > button:focus,
.pager > li > a:hover,
.pager > li > button:hover,
.pagination > li.active > a,
.pagination > li.active > button,
.pagination > li.active > a:hover,
.pagination > li.active > button:hover,
.pagination > li.active > a:focus,
.pagination > li.active > button:focus,
.pagination > li > a:focus,
.pagination > li > button:focus,
.pagination > li > a:hover,
.pagination > li > button:hover {
  background: #364859;
  border-color: #364859;
  color: #fff;
}
.pager .material-icons,
.pagination .material-icons {
  font-size: 0.75rem;
  vertical-align: middle;
}
.pager li,
.pagination li {
  float: left;
}

#manageUsers-grid .circle-all-users + h5 {
  margin-top: 1rem;
}
#manageUsers-grid .pagination {
  margin: 0;
}

.pager {
  display: flex;
}
.pager li.spacer {
  flex: 1;
}

.page-item.active .page-link {
  background-color: #364859;
  border-color: #364859;
}

@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.sd-grid-view .table .users-avatar .logo-sm {
  margin: 8px 0;
}
.sd-grid-view .table tfoot tr td {
  height: 60px !important;
}
.sd-grid-view .table tfoot .checkbox-column {
  position: relative !important;
  height: 35px;
  vertical-align: middle;
}

.gridview-footer .bulk-options {
  padding-left: 16px;
  padding-right: 16px;
}

.table {
  table-layout: fixed;
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 0 0 7px 7px;
}
.table .progress {
  top: 0.94em;
}
.table .centerCol {
  text-align: center;
  vertical-align: middle;
}
.table .centerCol .sort-link {
  justify-content: center;
}
.table thead th {
  text-overflow: ellipsis;
  overflow: hidden;
}
.table thead th:hover, .table thead th *:hover {
  cursor: default;
}
.table thead th.text-center a.sort-link {
  justify-content: center;
}
.table thead th > a,
.table thead th > .sorting-box .sorting-list a {
  position: relative;
  display: inline-block;
  width: 100%;
}
.table thead th > a:hover,
.table thead th > .sorting-box .sorting-list a:hover {
  cursor: pointer;
}
.table thead th > a.sort-link,
.table thead th > .sorting-box .sorting-list a.sort-link {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.table thead th > a.sort-link span,
.table thead th > .sorting-box .sorting-list a.sort-link span {
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.3571428571em;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.table thead th > a.sort-link:after,
.table thead th > .sorting-box .sorting-list a.sort-link:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0dc";
  font-size: 0.875rem;
  margin-top: auto;
  margin-bottom: auto;
}
.table thead th > a.sort-link.asc:after,
.table thead th > .sorting-box .sorting-list a.sort-link.asc:after {
  content: "\f0de";
}
.table thead th > a.sort-link.desc:after,
.table thead th > .sorting-box .sorting-list a.sort-link.desc:after {
  content: "\f0dd";
}
.table.table-hover tbody tr:hover {
  background-color: #fcfcfc;
}
.table td.small-column,
.table th.small-column {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table td.checkbox-column,
.table th.checkbox-column {
  text-align: center;
}
.table td .btn, .table td .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .table td button, .table td .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .table td button,
.table th .btn,
.table th .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .table th button,
.table th .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .table th button {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table .staff-list {
  text-align: left;
}
.table .staff-list .logo {
  display: inline-block;
  margin-right: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.invoiceTable {
  table-layout: auto;
  min-width: 1000px;
}
@media (max-width: 576px) {
  .invoiceTable td,
  .invoiceTable th {
    white-space: nowrap;
    width: auto !important;
  }
}
.invoiceTable .row_del {
  padding: 0;
  text-align: center;
}
.invoiceTable .invoice_items textarea {
  width: 100%;
}
.invoiceTable .invoice_items .description_item {
  margin-top: 10px;
}
.invoiceTable .ui-spinner.ui-widget input {
  padding: 0 23px 0 0;
  width: 100%;
}

#extensions-grid colgroup {
  display: none;
}

.friendly-url-tab td {
  word-break: break-word;
}

#recurringProfile-grid_c4 a {
  justify-content: center;
}

.update-invoice .form,
.create-invoice .form,
.update-recurring-profile .form,
.update-accumulating-profile .form,
.form .table-responsive {
  position: relative;
  overflow: hidden;
}

#invoiceProfiles-form .table-responsive {
  overflow: auto;
}

#accumulatingProfile-grid .profile-type-title,
#recurringProfile-grid .profile-type-title,
#proposals-grid .profile-type-title,
#marketingCampaignTpl-grid .profile-type-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#accumulatingProfile-grid .profile-type-title svg,
#recurringProfile-grid .profile-type-title svg,
#proposals-grid .profile-type-title svg,
#marketingCampaignTpl-grid .profile-type-title svg {
  width: 25px;
  height: 25px;
  margin-right: 1rem;
}
#accumulatingProfile-grid .card-image svg,
#recurringProfile-grid .card-image svg,
#proposals-grid .card-image svg,
#marketingCampaignTpl-grid .card-image svg {
  width: 50px;
  height: 50px;
}

#crm-goals-visibility-grid table {
  background-color: #fff;
  border-radius: 7px;
}
#crm-goals-visibility-grid table tr {
  border-top: 1px solid #efefef;
}
#crm-goals-visibility-grid table td {
  border: none !important;
}

#pm-sprints-view-tasks-grid .sort-link::after {
  margin-left: 5px;
}

#notes-grid .row-clickable.note-date {
  text-align: center;
}

.dataTable thead tr.filters input {
  height: calc(2.5rem + 2px) !important;
  background-color: #fff !important;
  border-radius: 4px !important;
}
.dataTable thead .sort-link {
  padding-right: 18px !important;
}

@media (max-width: 375px) {
  #recurringProfile-grid .card-image svg {
    width: 30px;
    height: 30px;
  }
}
#Notices-grid table td {
  text-align: left;
}

.check-column .checkbox {
  width: 18px;
  height: 18px;
}
.check-column .checkbox label {
  width: 18px;
  height: 18px;
}
.check-column .checkbox .label-text {
  padding: 0;
  width: 18px;
  height: 18px;
}

.dataTableResp.sd-grid-view .table {
  background-color: #fff;
  border-radius: 0 0 7px 7px;
}

.invoiceTable.invoiceTableSummary tfoot {
  width: 100%;
}
.invoiceTable.invoiceTableSummary tfoot td.sd-billing-ledger-values {
  text-align: right;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items {
  height: unset;
  min-height: calc((50px + 1.5rem) * 0.65);
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items:last-child {
  border-bottom: 1px solid #eee;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .item_lock.item_field ~ span.label-text {
  display: block !important;
  width: 1rem;
  height: 1rem;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0;
  background-image: url("../img/svg/lock-open.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .item_lock.item_field ~ span.label-text::after {
  display: none;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .item_lock.item_field:checked + span.label-text {
  background-color: transparent !important;
  border: none !important;
  background-image: url("../img/svg/lock.svg");
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .item_lock.item_field:checked + span.label-text::after {
  display: none;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary > a:hover,
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary > a:focus {
  cursor: pointer;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container {
  margin-left: -0.25rem;
  min-height: calc((50px + 1.5rem) * 0.65);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem 0.75rem 0.75rem !important;
  gap: 0.4rem;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container .billing-load-items__summary-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - (50px + 1.5rem));
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container .billing-load-items__summary-text .item_dynamic {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container .billing-load-items__summary-text .item_dynamic span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container > i[class^=fa]:not(.item-dragable) {
  font-size: 1rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: unset;
  margin-left: unset;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container .svg-icon-invoice {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  margin-left: unset;
  color: #333;
  stroke: #333;
  fill: #333;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-img {
  display: inline-flex;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-img .item-picture {
  display: block;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title,
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-description {
  margin-bottom: 0;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title {
  font-weight: 700;
  font-size: 14px;
  color: #333;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title + .item-description {
  margin-top: 0 !important;
}
.invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-description {
  font-weight: 300;
  font-size: 11px;
  line-height: 1.4em;
  color: #555;
}
.invoiceTable.invoiceTableSummary .item_field.item_name {
  font-weight: 700 !important;
  font-size: 14px;
  padding: 0 0.25rem;
  min-height: auto;
  height: auto !important;
  transition: all 0.2s ease-in-out;
}
.invoiceTable.invoiceTableSummary .item_field.item_name + .description_item {
  margin-top: 0;
}
.invoiceTable.invoiceTableSummary .item_field.item_name:not(:focus) {
  border-color: transparent;
  box-shadow: none;
  color: #333;
  transition: all 0.25s ease-in-out;
}
.invoiceTable.invoiceTableSummary .item_field.item_name:not(:focus):hover {
  cursor: pointer;
  border-color: #eee;
}
.invoiceTable.invoiceTableSummary .item_field.item_name:focus {
  transition: all 0.25s ease-in-out;
}
.invoiceTable.invoiceTableSummary .item_field.description_item {
  padding: 0 0.25rem;
  font-weight: 300;
  font-size: 11px;
  line-height: 1.4;
  min-height: 12px !important;
  transition: all 0.2s ease-in-out;
}
.invoiceTable.invoiceTableSummary .item_field.description_item:not(:focus) {
  border-color: transparent;
  box-shadow: none;
  color: #555;
  resize: none;
  transition: all 0.25s ease-in-out;
}
.invoiceTable.invoiceTableSummary .item_field.description_item:not(:focus):hover {
  cursor: pointer;
  border-color: #eee;
}
.invoiceTable.invoiceTableSummary .item_field.description_item:focus {
  transition: all 0.25s ease-in-out;
}
.invoiceTable.invoiceTableSummary .item_field.item_qty, .invoiceTable.invoiceTableSummary .item_field.item_price, .invoiceTable.invoiceTableSummary .item_field.item_discountValue {
  text-align: right !important;
  font-size: 14px;
  padding: 0.25rem;
  margin-right: 0 !important;
}
.invoiceTable.invoiceTableSummary .item_field.item_qty:not(:focus), .invoiceTable.invoiceTableSummary .item_field.item_price:not(:focus), .invoiceTable.invoiceTableSummary .item_field.item_discountValue:not(:focus) {
  height: unset;
  transition: all 0.25s ease-in-out;
  color: #555;
}
.invoiceTable.invoiceTableSummary .item_field.item_qty:not(:focus):hover, .invoiceTable.invoiceTableSummary .item_field.item_price:not(:focus):hover, .invoiceTable.invoiceTableSummary .item_field.item_discountValue:not(:focus):hover {
  cursor: pointer;
  border-color: #eee;
}
.invoiceTable.invoiceTableSummary .item_field.item_qty:focus, .invoiceTable.invoiceTableSummary .item_field.item_price:focus, .invoiceTable.invoiceTableSummary .item_field.item_discountValue:focus {
  transition: all 0.25s ease-in-out;
  height: 1.75rem;
}
.invoiceTable.invoiceTableSummary .item_field.item_discountType + .select2.select2-container.select2-container--default {
  height: unset;
  min-height: unset;
}
.invoiceTable.invoiceTableSummary .item_field.item_discountType + .select2.select2-container.select2-container--default .select2-selection--single {
  height: unset !important;
  min-height: unset;
  padding-right: 13px;
  padding-left: 6px;
}
.invoiceTable.invoiceTableSummary .item_field.item_discountType + .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 4px !important;
}
.invoiceTable.invoiceTableSummary .item_field.item_discountType + .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 0px;
}
.invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) {
  min-height: unset;
}
.invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) .select2-selection.select2-selection--single {
  padding: 0;
  height: unset !important;
  transition: all 0.25s ease-in-out;
  color: #555;
}
.invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) .select2-selection.select2-selection--single .select2-selection__rendered {
  color: #555;
  padding: 0 3rem 0 0.5rem;
}
.invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) .select2-selection.select2-selection--single:hover {
  cursor: pointer;
  border-width: 1px;
  border-color: #eee;
}
.invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:focus {
  transition: all 0.25s ease-in-out;
  height: 1.75rem;
}
.invoiceTable.invoiceTableSummary thead tr td,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td {
  background: transparent;
  text-align: right;
  vertical-align: top;
}
.invoiceTable.invoiceTableSummary thead tr td:first-child, .invoiceTable.invoiceTableSummary thead tr td.inv_accum_col_name, .invoiceTable.invoiceTableSummary thead tr td.billing-load-items__summary-name,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td:first-child,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.inv_accum_col_name,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__summary-name {
  text-align: left;
}
.invoiceTable.invoiceTableSummary thead tr td:last-child,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td:last-child {
  border-left: 0;
}
.invoiceTable.invoiceTableSummary thead tr td .invoice-item-container,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td .invoice-item-container {
  align-items: flex-start;
}
.invoiceTable.invoiceTableSummary thead tr td .invoice-item-container.invoice-item-container--Qty,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td .invoice-item-container.invoice-item-container--Qty {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}
.invoiceTable.invoiceTableSummary thead tr td .invoice-item-container.invoice-item-container--Qty .round-check,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td .invoice-item-container.invoice-item-container--Qty .round-check {
  margin-left: auto;
}
.invoiceTable.invoiceTableSummary thead tr td .invoice-item-container.invoice-item-container--Qty .round-check .checkbox,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td .invoice-item-container.invoice-item-container--Qty .round-check .checkbox {
  width: 1rem;
  height: 1rem;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .billing-load-items__actions-inner-wrapper,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .billing-load-items__actions-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .billing-load-items__actions-inner-wrapper .lock,
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .billing-load-items__actions-inner-wrapper .unlock,
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .billing-load-items__actions-inner-wrapper .row_del,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .billing-load-items__actions-inner-wrapper .lock,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .billing-load-items__actions-inner-wrapper .unlock,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .billing-load-items__actions-inner-wrapper .row_del {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .lock svg,
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .unlock svg,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .lock svg,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .unlock svg {
  width: 1rem;
  height: 1rem;
  fill: #555;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .unlock svg,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .unlock svg {
  opacity: 0.4;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .row_del,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .row_del {
  margin-top: auto;
  padding: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .tipS.remove-row,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .tipS.remove-row {
  margin: 0;
  padding: 0;
  width: 0.75rem;
  height: 0.75rem;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .tipS.remove-row::before, .invoiceTable.invoiceTableSummary thead tr td.billing-load-items__actions .tipS.remove-row::after,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .tipS.remove-row::before,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .tipS.remove-row::after {
  left: 5px;
}
.invoiceTable.invoiceTableSummary thead tr td.billing-load-items__summary-name .billing-load-items__summary-container > .drag-row:before,
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__summary-name .billing-load-items__summary-container > .drag-row:before {
  position: static;
  transform: none;
}
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) {
  border-top: 0;
}
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td:not(:first-child):not(:last-child.row_del) {
  border-top: 1px solid #eee;
}
.invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.row_del {
  padding: 0 !important;
}
.invoiceTable.invoiceTableSummary thead tr td {
  border-top: 3px solid #eee;
  border-bottom: 1px solid #eee;
}
.invoiceTable.invoiceTableSummary tbody tr {
  border-top: 1px solid #eee;
}
.invoiceTable.invoiceTableSummary tbody tr .sd-billing-ledger-values {
  font-weight: 400;
  font-size: 1rem;
  text-align: right !important;
  color: #555;
}
.invoiceTable.invoiceTableSummary tbody tr .sd-billing-ledger-values .item_total {
  font-weight: inherit;
  font-size: inherit;
  text-align: inherit;
  justify-content: flex-end;
}
.invoiceTable.invoiceTableSummary tbody tr.selectedRow td:not(.billing-load-items__summary) {
  visibility: hidden;
  border-left: 0;
}
.invoiceTable.invoiceTableSummary .invoice_items td .tipS.remove-row {
  padding: 15px;
  margin: 15px;
}
.invoiceTable.invoiceTableSummary .invoice_items td .tipS.remove-row:before, .invoiceTable.invoiceTableSummary .invoice_items td .tipS.remove-row:after {
  background-color: #A30F0F;
  width: 1px;
  height: 14px;
}
.invoiceTable.invoiceTableSummary .sortable-placeholder {
  width: 100%;
  height: 75px !important;
  overflow: hidden;
  border: 2px dashed #555 !important;
}
@media (min-width: 768px) and (max-width: 767px) {
  .invoiceTable.invoiceTableSummary {
    display: block;
    position: relative;
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .invoiceTable.invoiceTableSummary thead {
    display: none;
    width: 100px;
    position: absolute;
    z-index: -9999;
    left: -999px;
  }
  .invoiceTable.invoiceTableSummary tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 100%;
    position: relative;
    overflow-x: auto;
    border: 1px solid #eee !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    height: unset;
    min-width: 100%;
    align-self: stretch;
    border-top: 1px solid #eee !important;
    border-right: 2px solid #eee !important;
    padding-top: 50px;
    position: relative;
  }
  .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del) {
    display: block;
    width: 100%;
    height: unset;
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: calc(100px + 2rem) !important;
    min-height: 42px;
    white-space: normal;
    text-align: left;
    /* Now like a table header */
    /* simulate the right border for header titles*/
  }
  .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del):before {
    content: attr(aria-label);
    position: absolute;
    top: 6px;
    left: 6px;
    width: 100px;
    padding-left: 10px;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    color: #333;
  }
  .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del):after {
    position: absolute;
    height: 100%;
    width: 1px;
    background: #eee;
    content: "";
    top: 0;
    left: calc(100px + 1rem);
  }
  .invoiceTable.invoiceTableSummary tbody tr td.billing-load-items__summary {
    padding: 0 0 0 calc(100px + 2rem) !important;
    border-top: 1px solid #eee !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.billing-load-items__summary .billing-load-items__summary-container {
    width: 100%;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.row_del {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    border-top: 0;
    border-left: 1px solid #eee !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.row_del .tipS.remove-row {
    margin: 0;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.row_del .tipS.remove-row:before, .invoiceTable.invoiceTableSummary tbody tr td.row_del .tipS.remove-row:after {
    left: 15px;
    top: 8px;
  }
  .invoiceTable.invoiceTableSummary tbody tr .billing-load-items__summary-container {
    padding: 0.25rem 0.25rem 0.25rem 0;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list {
    padding-left: 0 !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li {
    padding-left: 0;
  }
  .invoiceTable.invoiceTableSummary tfoot {
    display: table;
  }
}
@media (max-width: 767px) {
  .invoiceTable.invoiceTableSummary {
    display: block;
    position: relative;
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .invoiceTable.invoiceTableSummary thead {
    display: none;
    width: 100px;
    position: absolute;
    z-index: -9999;
    left: -999px;
  }
  .invoiceTable.invoiceTableSummary tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 100%;
    position: relative;
    overflow-x: auto;
    border: 1px solid #eee !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    height: unset;
    min-width: 100%;
    align-self: stretch;
    border-top: 1px solid #eee !important;
    border-right: 2px solid #eee !important;
    padding-top: 30px;
    position: relative;
  }
  .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del) {
    display: block;
    width: 100%;
    height: unset;
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 8px !important;
    padding-top: 42px !important;
    min-height: 84px;
    white-space: normal;
    text-align: left;
    /* Now like a table header */
    /* simulate the right border for header titles*/
  }
  .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del):before {
    content: attr(aria-label);
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 100%;
    padding: 3px 8px;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: #333;
  }
  .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del):after {
    position: absolute;
    height: 2px;
    width: 100%;
    background: #eee;
    content: "";
    top: 32px;
    left: 0;
  }
  .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items td.billing-load-items__summary {
    padding: 42px 0 0 0 !important;
    border-top: 1px solid #eee !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items td.billing-load-items__summary .billing-load-items__summary-container {
    width: 100%;
    padding: 0 0.25rem 0.25rem 0.25rem !important;
    gap: 4px;
  }
  .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items td.billing-load-items__summary .billing-load-items__summary-img {
    width: 30px;
    height: 30px;
    margin-top: 4px;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.row_del {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    border-top: 0;
    border-left: 1px solid #eee !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.row_del .tipS.remove-row {
    margin: 0;
  }
  .invoiceTable.invoiceTableSummary tbody tr td.row_del .tipS.remove-row:before, .invoiceTable.invoiceTableSummary tbody tr td.row_del .tipS.remove-row:after {
    left: 15px;
    top: 8px;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list {
    width: 100%;
    list-style: none;
    margin: 0;
    padding-left: 44px !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list:not(:has(img)) {
    padding-left: 22px !important;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a {
    padding: 0.25rem 0.25rem 0.25rem 0;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    min-height: 32px;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a:before {
    height: 1px;
    width: 100%;
    background: #eee;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a:first-child {
    border-top: 1px solid #eee;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a:last-child {
    border-bottom: 0;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a .item-package__img {
    display: table-cell;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    overflow: hidden;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a .item-package__img:not(:has(img)) {
    width: 0;
    height: 0;
    visibility: hidden;
    display: none;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a .item-package__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a .item-title {
    font-size: 12px;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a .item-description {
    font-size: 10px;
  }
  .invoiceTable.invoiceTableSummary tbody tr .item-package-list li a .item-package__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .invoiceTable.invoiceTableSummary tfoot {
    display: table;
  }
  .invoiceTable.invoiceTableSummary .drag-row {
    display: none;
  }
}
@media (min-width: 768px) {
  .invoiceTable.invoiceTableSummary {
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items {
    min-height: calc(50px + 1.5rem) !important;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items:last-child {
    border-bottom: 1px solid #eee;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container {
    min-height: 50px;
    padding: 0 2.5rem 0.75rem 0 !important;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container .billing-load-items__summary-text {
    max-width: calc(100% - (50px + 1.5rem));
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container:not(:has(img)) {
    max-width: 100%;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-img {
    display: inline-flex;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    flex: none;
    margin-top: 1px;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-img .item-picture {
    display: block;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title,
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-description {
    margin-bottom: 0;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title {
    font-weight: 700;
    font-size: 14px;
    color: #333;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title + .item-description {
    margin-top: 0 !important;
  }
  .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-description {
    font-weight: 300;
    font-size: 11px;
    line-height: 1.4em;
    color: #555;
  }
  .invoiceTable.invoiceTableSummary .item-package-list {
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin: 0;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .invoiceTable.invoiceTableSummary .item-package-list {
    padding-left: 86px;
  }
  .invoiceTable.invoiceTableSummary .item-package-list:not(:has(img)) {
    padding-left: 50px;
  }
}
@media (min-width: 768px) {
  .invoiceTable.invoiceTableSummary .item-package-list li a {
    padding: 0.25rem;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.5rem;
    width: 100%;
    min-height: calc(30px + 1.5rem);
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a:before {
    height: 1px;
    width: 100%;
    background: #eee;
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a:first-child {
    border-top: 1px solid #eee;
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a:last-child {
    border-bottom: 0;
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a .item-package__img {
    display: table-cell;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    overflow: hidden;
    flex: none;
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a .item-package__img:not(:has(img)) {
    display: none;
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a .item-package__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .invoiceTable.invoiceTableSummary .item-package-list li a .item-package__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .invoiceTable.invoiceTableSummary .billing-load-items__summary-container > .drag-row {
    display: none;
    font-size: 25px;
    width: 1.25rem;
    height: 50px;
    color: #555;
    padding: 0.25rem;
    position: relative;
  }
  .invoiceTable.invoiceTableSummary .billing-load-items__summary-container > .drag-row:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .invoiceTable.invoiceTableSummary.billing-load-items__summary-name .billing-load-items__summary-container > .drag-row:before {
    position: static;
    transform: none;
  }
  .invoiceTable.invoiceTableSummary .billing-load-items__summary-container:not(:has(img)) > .drag-row {
    height: 30px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .invoiceTable.invoiceTableSummary tbody.ui-sortable .billing-load-items__summary-container > .drag-row {
    display: block;
  }
}
@media (min-width: 768px) {
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems {
    position: relative;
    overflow: auto !important;
    height: 100%;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr {
    clear: left;
    height: 100px !important;
    overflow: hidden;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems .item_field.description_item {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: -9999px;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.sortable-placeholder,
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.ui-sortable-helper {
    display: table-row;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.sortable-placeholder td,
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.ui-sortable-helper td {
    vertical-align: top;
    font-size: 32px;
    font-weight: 700;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.sortable-placeholder td:first-child div,
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.ui-sortable-helper td:first-child div {
    opacity: 0.5;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.ui-sortable-helper {
    display: table;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #555;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems .item-package-list {
    position: absolute;
    z-index: -99;
    left: -999;
    height: 0;
    padding: 0;
    visibility: collapse;
  }
  .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems:not(:has(img)) tr {
    height: 75px !important;
  }
}

.pdf-body .invoice .invoice-billing-td {
  position: relative;
  min-height: 50px;
  padding: 0 !important;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  min-height: 50px;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .billing-load-items__summary-img {
  width: 32.5px;
  height: 32.5px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  flex: none;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .billing-load-items__summary-img .item-picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .billing-load-items__summary-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .item-title {
  color: #333;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  display: inline;
  margin-bottom: 0 !important;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .item-desc {
  color: #555;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 400;
  display: inline-flex;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary > i[class^=fa] {
  font-size: 0.75rem;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .svg-icon-invoice {
  position: absolute;
  top: 0.5rem;
  right: 0;
  width: 0.75rem;
  margin-left: unset;
  color: #333;
  stroke: #333;
  fill: #333;
}
.pdf-body .invoice .invoice-billing-td .item-package-list {
  padding-left: 50px;
  list-style: none;
  margin-bottom: 0;
}
.pdf-body .invoice .invoice-billing-td .item-package-list:not(:has(img)) {
  padding-left: 0;
}
.pdf-body .invoice .invoice-billing-td .item-package-list li a a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 0.75rem 0.75rem 0;
  min-height: calc(30px + 1rem);
  border-bottom: 1px solid #eee;
  width: 100%;
}
.pdf-body .invoice .invoice-billing-td .item-package-list li a:before {
  height: 1px;
  width: 100%;
  background: #eee;
}
.pdf-body .invoice .invoice-billing-td .item-package-list li a:first-child a {
  border-top: 1px solid #eee;
}
.pdf-body .invoice .invoice-billing-td .item-package-list li a:last-child a {
  border-bottom: 0;
}
.pdf-body .invoice .invoice-billing-td .item-package-list .item-package__img {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  margin-right: 0.5rem;
  flex: none;
}
.pdf-body .invoice .invoice-billing-td .item-package-list .item-package__img:not(:has(img)) {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.pdf-body .invoice .invoice-billing-td .item-package-list .item-package__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pdf-body .invoice .invoice-billing-td .item-package-list .item-package__text {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pdf-body .invoice .invoice-billing-td .item-package-list .item-package__text .item-title {
  color: #333;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.4;
  display: inline;
  margin-bottom: 0;
}
.pdf-body .invoice .invoice-billing-td .item-package-list .item-package__text .item-description {
  color: #555;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 400;
  display: inline;
  margin-bottom: 0;
}

.pdf-wrapper .pdf-body .item-table .item-body .billing-load-items__actions {
  padding: 0.5rem !important;
}

.billing-load-items__actions .billing-load-items__actions-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.billing-load-items__actions .billing-load-items__actions-inner-wrapper .lock,
.billing-load-items__actions .billing-load-items__actions-inner-wrapper .unlock,
.billing-load-items__actions .billing-load-items__actions-inner-wrapper .row_del {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.billing-load-items__actions .lock svg,
.billing-load-items__actions .unlock svg {
  width: 1rem;
  height: 1rem;
  fill: #555;
}
.billing-load-items__actions .unlock svg {
  opacity: 0.4;
}
.billing-load-items__actions .row_del {
  margin-top: auto;
  padding: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.billing-load-items__actions .tipS.remove-row {
  margin: 0;
  padding: 0;
  width: 0.75rem;
  height: 0.75rem;
}
.billing-load-items__actions .tipS.remove-row::before, .billing-load-items__actions .tipS.remove-row::after {
  left: 5px;
}

.cell-qty .lock svg {
  width: 1rem;
  height: 1rem;
  fill: #555;
}

.pdf-wrapper table.item-estimate-dynamic {
  border: none;
}
.pdf-wrapper table.item-estimate-dynamic .billing-load-items__actions {
  border-left: none !important;
  border-bottom: none !important;
  border-top: none !important;
}
.pdf-wrapper table.item-estimate-dynamic tr {
  border-bottom: none !important;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description {
  text-align: left !important;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description .invoice-billing-td-summary {
  display: flex;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description .invoice-billing-td-summary .billing-load-items__summary-img {
  flex: 0 0 auto;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description .invoice-billing-td-summary .billing-load-items__summary-text {
  flex: 1 1 auto;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description .item-package-list li a {
  display: flex;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description .item-package-list li a .item-package__img {
  flex: 0 0 auto;
}
.pdf-wrapper table.item-estimate-dynamic .cell-description .item-package-list li a .item-package__text {
  flex: 1 1 auto;
}
.pdf-wrapper table.item-estimate-dynamic input.item_qty {
  height: 30px !important;
}

.pdf-wrapper .pdf-body .item-table thead tr .item-table-header.billing-load-items__actions-header {
  background-color: transparent;
  border: none;
}

@media (max-width: 1200px) {
  .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td.billing-load-items__actions .billing-load-items__actions-inner-wrapper {
    align-items: flex-end;
  }
}
#pm-project-grid .project-status .sd-update-select-by-click {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  z-index: 5;
}
#pm-project-grid .project-status .sd-update-select-by-click .sd-update-select-by-click-view-value {
  padding: 4px 6px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
#pm-project-grid .project-status .sd-update-select-by-click .project-status-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  border-radius: 4px;
  z-index: 0;
}
#pm-project-grid .project-status .sd-update-select-by-click .dropdown-block {
  width: 100%;
}

@media (max-width: 767px) {
  .pm-calendar-block #calendarFilter {
    display: none !important;
  }
}
.pm-calendar-block .fc-event {
  transition: none;
  background-color: #e3f6ff !important;
  border: 1px solid #cdeeff !important;
}
.pm-calendar-block .fc-event .fc-title {
  color: #016ea4 !important;
}
.pm-calendar-block .fc-event .appointment-modal-title__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.pm-calendar-block .fc-toolbar {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.pm-calendar-block .fc-toolbar .fc-left,
.pm-calendar-block .fc-toolbar .fc-right {
  float: unset;
  display: flex;
  justify-content: center;
}
.pm-calendar-block .fc-toolbar .fc-center {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0;
  transform: translate(-50%, -50%);
}
.pm-calendar-block .fc-toolbar .fc-clear {
  display: none;
  clear: unset;
}
.pm-calendar-block .fc-popover.fc-more-popover {
  max-height: 100%;
}
.pm-calendar-block .fc-popover.fc-more-popover .fc-body.fc-widget-content {
  max-height: 70vh;
  overflow-y: auto;
  background: #fff;
}
.pm-calendar-block .fc-popover.fc-more-popover .fc-body.fc-widget-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background-color: #eee;
}
.pm-calendar-block .fc-popover.fc-more-popover .fc-body.fc-widget-content::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
.pm-calendar-block .fc-popover.fc-more-popover .fc-body.fc-widget-content::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  background-color: #999;
}

.appt-status-tag {
  padding: 3px 10px 5px 10px !important;
  border-radius: 7px;
}

.fc-title {
  color: #fff;
}
.fc-title .calendar-event {
  display: flex;
  gap: 0.2rem;
}

.fc-event-container .fc-content .fc-time {
  display: none !important;
  visibility: hidden !important;
}

.fc-day-grid-event .fc-time {
  font-weight: 700;
  color: #fff;
  padding: 5px;
}

.fc-day-grid-event .sd-title-subtitle-modal-pill {
  margin-top: 4px;
  margin-left: -2px;
  margin-bottom: 2px;
}

.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: white;
}

.fc .fc-button-group > :first-child {
  margin-left: 0;
  background: white;
}

.fc-toolbar button {
  position: relative;
  background: white;
}

.fc-state-active, .fc-state-down {
  border: 1px solid #34A6F4;
  box-shadow: none;
}

.fc-event {
  border: none;
}

.fc-day-grid-event {
  padding: 8px 10px 7px;
  border-radius: 8px;
  margin: 3px 5px 0 5px;
  min-height: 31px;
}
@media (max-width: 767px) {
  .fc-day-grid-event.google-calendar-event, .fc-day-grid-event.azure-calendar-event {
    padding: 4px;
  }
  .fc-day-grid-event.google-calendar-event .google-calendar-event-modal-title, .fc-day-grid-event.azure-calendar-event .google-calendar-event-modal-title {
    display: flex;
    justify-content: center;
    padding: 0;
  }
  .fc-day-grid-event.google-calendar-event .google-calendar-event-modal-icon, .fc-day-grid-event.azure-calendar-event .google-calendar-event-modal-icon {
    position: static;
    transform: none;
  }
  .fc-day-grid-event.google-calendar-event .gcemt__summary, .fc-day-grid-event.azure-calendar-event .gcemt__summary {
    display: none;
  }
}

.noUi-connect {
  background: cornflowerblue !important;
}

.sd-info-appointment-duration {
  padding: 16px 25px 16px 20px;
  color: #555555;
  font-size: 20px;
}

.appointment-schedule-container-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.intakeForm-modal-body .appointment-schedule-container-block {
  max-height: 400px;
  overflow: auto;
}
@media (max-width: 560px) {
  .intakeForm-modal-body .appointment-schedule-container-block {
    max-height: 200px;
  }
}

.appointment-schedule-date-column-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent !important;
  border-radius: 6px;
  padding: 30px 5px 5px;
  border: none;
  width: 100%;
}

.appointment-date-head-text {
  position: absolute;
  left: 50%;
  top: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  background: #a6b8c6;
  border-radius: 4px;
  transform: translate(-50%, 0);
  padding: 0.3rem;
}

.fc-unthemed td.fc-today {
  background: #F0FEFE !important;
}

.appointment-date-day-of-week {
  color: #858585;
  font-size: 14px;
  font-weight: 500;
}

#appointmentFormWrapper {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
}
#appointmentFormWrapper #appointmentForm {
  width: 95%;
  margin: 30px auto;
  background-color: white;
  border-radius: 10px;
  max-height: 90svh;
}
#appointmentFormWrapper #appointmentForm .intakeForm-modal-header {
  margin: 0;
  position: relative;
}
#appointmentFormWrapper #appointmentForm .intakeForm-modal-header .intakeForm-modal-title {
  flex-grow: 1;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
#appointmentFormWrapper #appointmentForm .intakeForm-modal-header .intakeForm-modal-close-btn {
  position: relative;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
}
#appointmentFormWrapper #appointmentForm .intakeForm-modal-body {
  max-height: calc(90svh - 58px);
  overflow: auto;
}
#appointmentFormWrapper #appointmentForm #appointmentCalendarSlotDurationContainer {
  max-width: 90%;
  margin: 0 auto;
}
#appointmentFormWrapper #appointmentForm #appointmentCalendarSlotDurationContainer .font-weight-bold,
#appointmentFormWrapper #appointmentForm #appointmentCalendarSlotDurationContainer #appointmentCalendarSlotDurationTime,
#appointmentFormWrapper #appointmentForm #appointmentCalendarSlotDurationContainer #appointmentCalendarSlotStaff {
  font-size: 14px;
}
#appointmentFormWrapper #appointmentForm .appointment-schedule-pagination-button {
  font-weight: bold;
  text-decoration: none;
}
#appointmentFormWrapper #appointmentForm #appointmentdescription {
  font-size: 14px;
}

.appointment-date-schedule-container.hidden {
  display: none;
}

.appointment-hide-other {
  display: none !important;
}

.appointment-intake-form-field-block {
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.appointment-intake-form-field-block input.btn {
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 767px) {
  .appointment-intake-form-field-block {
    flex-wrap: wrap;
  }
}

.appointment-intake-form-wrapper {
  background: #f3f3f3;
  border-radius: 6px;
  border: 2px dashed #aaa;
  padding: 10px 15px;
}

.appointment-schedule-date-column {
  position: relative;
  flex-grow: 0;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 29%;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 6px;
}
.appointment-schedule-date-column:first-child {
  padding-left: 0;
}
.appointment-schedule-date-column:last-child {
  padding-right: 0;
}

.appointment-schedule-date-column:hover {
  background-color: #eeeeee;
}

.appointment-schedule-date-column .appointment-date.text-secondary {
  color: #333333 !important;
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
}

.appointment-slot-timer-container {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 15px;
  width: 100%;
  font-size: 14px;
  color: #0c0c0c;
  font-weight: 600;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  text-transform: uppercase;
}

.appointment-slot-timer-container a {
  display: flex;
  width: 100%;
  font-size: 14px;
}

.appointment-slot-timer-container a {
  justify-content: center;
  color: #0c0c0c !important;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none !important;
}

.appointment-slot-timer-container:hover a {
  color: #fff !important;
}

.appointment-date-no-availability,
.appointment-date-no-availability span {
  display: block;
  box-sizing: border-box;
}

.appointment-date-no-availability span {
  width: 100%;
  padding: 0 5px;
}

#appointmentTimeZoneSelect {
  margin-top: 20px;
}

#ContactIntake_appointmentType .select2 {
  margin-top: 10px;
}

.appointment-assignment-btn-header-block {
  margin: 0 0 20px;
  align-items: center;
  row-gap: 20px;
}

.appointment-assignment-btn-header-block .col-sm-4,
.appointment-assignment-btn-header-block .col-sm-8 {
  flex: unset;
  max-width: unset;
  width: unset;
  padding: 0;
}

.appointment-assignment-btn-header-block .col-sm-4 {
  margin-right: 20px;
}

.appointment-assignment-btn-header-block .col-sm-4 .overwrite-btn-block {
  margin-bottom: 0;
}

.appointment-assignment-btn-header-block .col-sm-8 {
  justify-content: flex-start !important;
}

.appointment-assignment-btn-header-block .col-sm-8 p {
  margin-bottom: 0;
}

.form.fluid.filters.calendar-filters {
  margin: 0;
  max-width: 100%;
  width: 100%;
}

.form-oscar .form-group.calendar-filter-container {
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 30px;
}

.calendar-filter-container .col-2 {
  padding: 0;
  width: 15%;
  flex: unset;
}

.calendar-filter-container .col-2 .select2.select2-container.select2-container--default,
.calendar-filter-container .col-2 .select2-selection.select2-selection--single {
  height: 100%;
}

body.sd-dark-mode .appointment-slot-timer-container a {
  background-color: #232332;
}

body.sd-dark-mode .appointment-slot-timer-container:hover {
  background-color: #5b5f70;
}

body.sd-dark-mode .appointment-schedule-date-column:hover {
  background-color: #313345;
}

body.sd-dark-mode .appointment-schedule-date-column .appointment-date.text-secondary {
  color: #fff !important;
}

@media (min-width: 467px) {
  .appointment-schedule-date-column {
    flex-grow: 1;
    width: 13.5%;
  }
}
@media (max-width: 990px) {
  .appointment-assignment-btn-header-block .overwrite-btn-block .btn-sm {
    margin-bottom: 0 !important;
  }
  .appointment-schedule-page .appointment-slot-timer-container {
    padding: 5px;
    font-size: 10px;
  }
  .appointment-schedule-page .appointment-slot-timer-container a {
    font-size: 10px;
  }
}
@media (min-width: 990px) {
  .appointment-schedule-date-column {
    padding-left: 10px;
    padding-right: 10px;
  }
  .appointment-schedule-date-column:first-child {
    padding-left: 0;
  }
  .appointment-schedule-date-column:last-child {
    padding-right: 0;
  }
  .appointment-date-head-text {
    font-size: 12px;
  }
  .appointment-date-day-of-week {
    font-size: 18px;
  }
  .appointment-schedule-date-column .appointment-date.text-secondary {
    font-size: 36px;
  }
  .appointment-date-day-of-week {
    font-size: 18px;
  }
  .appointment-date-no-availability span {
    padding: 15px;
  }
  .appointment-date-no-availability,
  .appointment-date-no-availability span {
    width: 100%;
  }
}
.google-calendar-event-modal-title {
  position: relative;
  padding-left: 24px;
}
.google-calendar-event-modal-title .gcemt__summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.google-calendar-event-modal-title .google-calendar-event-modal-text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.google-calendar-event-modal-title .google-calendar-event-modal-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
}
.google-calendar-event-modal-title .google-calendar-event-modal-icon img {
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .google-calendar-event-modal-title .google-calendar-event-modal-text {
    max-width: 420px;
  }
}

.widget-bg-sd-calendar .google-calendar-event-modal-title {
  padding-left: 24px;
}
.widget-bg-sd-calendar .google-calendar-event-modal-title .google-calendar-event-modal-icon {
  width: 16px;
}

.modal .google-calendar-event-modal-title {
  padding-left: 40px;
}
.modal .google-calendar-event-modal-title .google-calendar-event-modal-icon {
  width: 26px;
}

.DefaultAppointmentSchedule {
  padding: 1.5rem 1.25rem;
}
.DefaultAppointmentSchedule .form-actions.btn-list .btn, .DefaultAppointmentSchedule .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .DefaultAppointmentSchedule .form-actions.btn-list button, .DefaultAppointmentSchedule .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .DefaultAppointmentSchedule .form-actions.btn-list button {
  margin: 0;
}
.DefaultAppointmentSchedule .form-actions.btn-list .pull-right {
  margin-left: auto;
}
.DefaultAppointmentSchedule .form-group-row {
  column-gap: 3%;
}
.DefaultAppointmentSchedule .form-group-row .info-col-content {
  padding: 0;
}
.DefaultAppointmentSchedule .form-group-row .info-col {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0;
}
.DefaultAppointmentSchedule .form-group-row .content-col {
  flex: 0 0 57%;
  max-width: 57%;
}
.DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day {
  margin-bottom: 0;
}
.DefaultAppointmentSchedule .form-group-row .appointment-schedule-day__header .appointment-schedule-add-availability {
  margin-bottom: 0 !important;
}
.DefaultAppointmentSchedule .form-group-row .appointment-schedule-row {
  justify-content: space-between;
  padding-bottom: 40px;
}
.DefaultAppointmentSchedule .form-group-row .appointment-schedule-range-element {
  flex: 0 0 48%;
  margin-left: 30px;
}
.DefaultAppointmentSchedule .form-group-row .appointment-schedule-range-display {
  flex: 0 0 30%;
}
.DefaultAppointmentSchedule .form-group-row .appointment-schedule-range-display {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 769px) {
  .widget-bg-sd-calendar .fc-day-grid-event.event-calendar-event {
    background-color: #dcffee !important;
    border: 1px solid #baffdd;
  }
  .widget-bg-sd-calendar .fc-day-grid-event.event-calendar-event .fc-title {
    color: #005a2e !important;
  }
  .widget-bg-sd-calendar .fc-day-grid-event.appointment-calendar-event {
    background-color: #fff9cf !important;
    border: 1px solid #fbf19d;
  }
  .widget-bg-sd-calendar .fc-day-grid-event.appointment-calendar-event .fc-title {
    color: #928100 !important;
  }
  .widget-bg-sd-calendar .fc-day-grid-event.task-calendar-event {
    background-color: #e3f6ff !important;
    border: 1px solid #cdeeff;
  }
  .widget-bg-sd-calendar .fc-day-grid-event.task-calendar-event .fc-title {
    color: #016ea4 !important;
  }
}
@media (max-width: 768px) {
  .pm-calendar-block .fc-toolbar {
    flex-direction: column;
    row-gap: 16px;
  }
  .pm-calendar-block .fc-toolbar .fc-center {
    position: static;
    transform: none;
  }
  .fc-scroller.fc-day-grid-container {
    height: unset !important;
  }
  .DefaultAppointmentSchedule {
    padding: 1rem 0.8rem;
  }
  .DefaultAppointmentSchedule .form-actions.btn-list {
    flex-wrap: wrap;
    row-gap: 12px;
    margin-bottom: 2rem !important;
  }
  .DefaultAppointmentSchedule .form-actions.btn-list .btn, .DefaultAppointmentSchedule .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .DefaultAppointmentSchedule .form-actions.btn-list button, .DefaultAppointmentSchedule .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .DefaultAppointmentSchedule .form-actions.btn-list button {
    margin: 0;
  }
  .DefaultAppointmentSchedule .form-actions.btn-list .pull-right {
    margin-left: auto;
  }
  .DefaultAppointmentSchedule .form-group-row {
    flex-direction: column;
    column-gap: 0;
  }
  .DefaultAppointmentSchedule .form-group-row .content-col .card {
    border-radius: 7px;
    margin: 0;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-day__header {
    flex-wrap: wrap;
    row-gap: 8px;
    margin-bottom: 40px !important;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row {
    position: relative;
    flex-wrap: wrap;
    row-gap: 15px;
    padding-bottom: 20px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-element {
    flex: 0 0 80%;
    margin-left: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-display {
    position: static;
    flex: 0 0 80%;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-display .text-lg-right {
    line-height: 0.9;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-display .btn-delete-range-wrap {
    position: absolute;
    right: 0;
    top: -3px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .noUi-value {
    font-size: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .noUi-marker-horizontal.noUi-marker-large {
    height: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .noUi-pips-horizontal {
    padding: 3px 0;
    height: 25px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .card-block {
    padding: 0.6rem;
  }
  .DefaultAppointmentSchedule .form-group-row .info-col-content {
    padding: 0;
  }
  .DefaultAppointmentSchedule .form-group-row .info-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .DefaultAppointmentSchedule .form-group-row .info-col .description {
    font-size: 12px;
  }
  .DefaultAppointmentSchedule .form-group-row .content-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .widget-bg-sd-calendar .fc-more {
    font-size: 8px;
    white-space: nowrap;
  }
  .widget-bg-sd-calendar .google-calendar-event,
  .widget-bg-sd-calendar .event-calendar-event,
  .widget-bg-sd-calendar .task-calendar-event,
  .widget-bg-sd-calendar .appointment-calendar-event {
    height: 15px;
    font-size: 0;
    box-sizing: border-box;
  }
  .widget-bg-sd-calendar .google-calendar-event .category-pill,
  .widget-bg-sd-calendar .event-calendar-event .category-pill,
  .widget-bg-sd-calendar .task-calendar-event .category-pill,
  .widget-bg-sd-calendar .appointment-calendar-event .category-pill {
    display: none;
  }
  .fc-day-grid-event {
    padding: 4px;
  }
  .fc-title .appointment-modal-title {
    justify-content: center !important;
  }
  .appointment-modal-title .sd-cal-indicator {
    margin: 0 !important;
  }
  .fc-title .appointment-modal-title .appointment-modal-title__content {
    display: none;
  }
  .fc-popover.fc-more-popover .fc-event-container .event-calendar-event,
  .fc-popover.fc-more-popover .fc-event-container .appointment-calendar-event,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event,
  .fc-popover.fc-more-popover .fc-event-container .task-calendar-event {
    font-size: 12px;
  }
  .fc-popover.fc-more-popover .fc-event-container .gcemt__interval {
    display: none;
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title {
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .google-calendar-event-modal-icon,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .google-calendar-event-modal-icon,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .google-calendar-event-modal-icon {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .google-calendar-event-modal-icon img,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .google-calendar-event-modal-icon img,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .google-calendar-event-modal-icon img {
    width: 16px;
    height: 16px;
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .appointment-modal-title__content,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .appointment-modal-title__content,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .appointment-modal-title__content {
    gap: 0;
    line-height: 1;
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .appointment-modal-title__content,
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .gcemt__summary,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .appointment-modal-title__content,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .gcemt__summary,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .appointment-modal-title__content,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .gcemt__summary {
    display: flex;
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .gcemt__summary,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .gcemt__summary,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .gcemt__summary {
    max-width: calc(100% - 24px);
  }
  .fc-popover.fc-more-popover .fc-event-container .appointment-modal-title .google-calendar-event-modal-text,
  .fc-popover.fc-more-popover .fc-event-container .google-calendar-event-modal-title .google-calendar-event-modal-text,
  .fc-popover.fc-more-popover .fc-event-container .azure-calendar-event-modal-title .google-calendar-event-modal-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 350px) {
  .DefaultAppointmentSchedule {
    padding: 1rem 0.8rem;
  }
  .DefaultAppointmentSchedule .form-actions.btn-list {
    flex-wrap: wrap;
    row-gap: 12px;
    margin-bottom: 2rem !important;
  }
  .DefaultAppointmentSchedule .form-actions.btn-list .btn, .DefaultAppointmentSchedule .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .DefaultAppointmentSchedule .form-actions.btn-list button, .DefaultAppointmentSchedule .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .DefaultAppointmentSchedule .form-actions.btn-list button {
    margin: 0;
  }
  .DefaultAppointmentSchedule .form-actions.btn-list .pull-right {
    margin-left: auto;
  }
  .DefaultAppointmentSchedule .form-group-row {
    flex-direction: column;
    column-gap: 0;
  }
  .DefaultAppointmentSchedule .form-group-row .content-col .card {
    border-radius: 7px;
    margin: 0;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-day__header {
    flex-wrap: wrap;
    row-gap: 8px;
    margin-bottom: 40px !important;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row {
    flex-wrap: wrap;
    row-gap: 60px;
    padding-bottom: 20px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-element {
    flex: 0 0 90%;
    margin-left: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-display {
    flex: 0 0 100%;
    align-items: center;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-display .text-lg-right {
    line-height: 0.9;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .appointment-schedule-range-display .btn-delete-range-wrap {
    position: static;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .noUi-value {
    font-size: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .noUi-marker-horizontal.noUi-marker-large {
    height: 10px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .appointment-schedule-row .noUi-pips-horizontal {
    padding: 3px 0;
    height: 25px;
  }
  .DefaultAppointmentSchedule .form-group-row .card.appointment-schedule-day .card-block {
    padding: 0.6rem;
  }
  .DefaultAppointmentSchedule .form-group-row .info-col-content {
    padding: 0;
  }
  .DefaultAppointmentSchedule .form-group-row .info-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .DefaultAppointmentSchedule .form-group-row .info-col .description {
    font-size: 12px;
  }
  .DefaultAppointmentSchedule .form-group-row .content-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .dashboard-wrapper .widget-list {
    margin-top: 0;
  }
}

#sd-dashboard .sd-dashboard {
  max-width: 100%;
}
#sd-dashboard .sd-dashboard .toolbar-wrap {
  min-height: 0;
}
#sd-dashboard .sd-dashboard .toolbar-wrap.edit-mode {
  min-height: 100px;
}
#sd-dashboard .sd-dashboard .toolbar-wrap.edit-mode .toolbar {
  height: auto !important;
}
#sd-dashboard .sd-dashboard .toolbar-wrap .toolbar {
  max-width: 100%;
  background-color: transparent;
  box-shadow: none;
  height: 0 !important;
}
#sd-dashboard .sd-dashboard .toolbar-wrap .toolbar.fixed {
  background-color: white;
  top: 5.625rem;
}
#sd-dashboard .sd-dashboard.edit-mode .sdd-widget-dock.empty .temporary-slip.available {
  display: none;
}
#sd-dashboard .sd-dashboard.edit-mode .sdd-widget-dock .widget-slip.temporary-slip {
  border: 2px dashed #b3b3b3;
}
#sd-dashboard .sd-dashboard.edit-mode .sdd-widget-dock .widget-slip.available {
  border: 2px dashed #b3b3b3;
}
#sd-dashboard .sd-dashboard .sdd-widget-dock.empty {
  height: 35.7142857143em;
}
#sd-dashboard .sd-dashboard .sdd-widget-dock.empty .widget-slip.temporary-slip {
  width: 100% !important;
  height: 100%;
}
#sd-dashboard .sd-dashboard .available-widgets .sd-widget-list .sd-widget [sd-ignore-mousedown] {
  pointer-events: all;
  cursor: pointer;
}
#sd-dashboard .sd-dashboard .available-widgets .sd-widget-list .sd-widget [sd-ignore-mousedown] * {
  pointer-events: all;
  cursor: pointer;
}
#sd-dashboard .sd-dashboard .available-widgets .sd-widget-list .sd-dash-widget-enable-line {
  margin: 10px 0 0 0;
}
#sd-dashboard .sd-dashboard .widget-slip .widget-heading {
  margin: 0 0 1.4285714286em 0;
}

.data-table-wrap .gridview-header {
  column-gap: 4px;
  row-gap: 16px;
  padding: 20px;
  margin: 0;
  background-color: #fff;
  border-radius: 7px 7px 0 0;
}
.data-table-wrap .gridview-header .grid-actions {
  display: flex;
  column-gap: 4px;
}
.data-table-wrap .gridview-header .sd-btn-wide-primary-add-36px,
.data-table-wrap .gridview-header .sd-btn-wide-action-24px {
  margin: 0;
  gap: 4px;
  color: currentColor;
}
.data-table-wrap .gridview-header .sd-btn-wide-primary-add-36px svg,
.data-table-wrap .gridview-header .sd-btn-wide-action-24px svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
@media (max-width: 700px) {
  .data-table-wrap .gridview-header {
    padding: 20px 15px !important;
    column-gap: 4px;
    row-gap: 16px;
  }
}
.data-table-wrap .dataTableResp .table tr td:first-child,
.data-table-wrap .dataTableResp .table tr th:first-child {
  padding-left: 20px !important;
  min-height: 49px;
}
.data-table-wrap .dataTableResp .table tr td:last-child,
.data-table-wrap .dataTableResp .table tr th:last-child {
  padding-right: 16px !important;
}

.split-view-wrapper .bulk-options,
.split-view-wrapper div.pagination,
.data-table-wrap .bulk-options,
.data-table-wrap div.pagination {
  padding: 10px 25px 5px 15px;
}
.split-view-wrapper div.pagination,
.data-table-wrap div.pagination {
  text-align: right;
}
.split-view-wrapper div.pagination nav,
.data-table-wrap div.pagination nav {
  display: block;
  width: 100%;
}
.split-view-wrapper div.pagination nav::after,
.data-table-wrap div.pagination nav::after {
  display: block;
  clear: both;
  content: "";
}
.split-view-wrapper div.pagination nav ul.pagination,
.data-table-wrap div.pagination nav ul.pagination {
  position: relative;
  float: right;
}
.split-view-wrapper div.pagination nav ul.pagination li a,
.data-table-wrap div.pagination nav ul.pagination li a {
  white-space: nowrap;
}

.available-widgets {
  height: auto !important;
}
.available-widgets .sd-widget-list .sd-widget {
  width: auto !important;
  height: auto !important;
  padding: 10px 10px 10px 10px !important;
  margin-left: 0 !important;
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}

.widget-content-wrap .title {
  display: none;
}
.widget-content-wrap .table {
  width: auto;
}
.widget-content-wrap .items .empty {
  padding: 15px 0;
}

.refresh-reporting-btn {
  position: absolute;
  z-index: 100;
  top: 35px;
  right: 5px;
  font-size: 20px;
  transition: all 0.3s ease;
}
.refresh-reporting-btn.refresh {
  transform: rotate(360deg);
}

#sdLiveStream .live-stream-bottom {
  padding-top: 15px;
}
#sdLiveStream select {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
  width: 140px;
  margin-top: 10px;
}
#sdLiveStream select:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
#sdLiveStream select[disabled], #sdLiveStream select[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  #sdLiveStream select {
    min-height: 42px;
    font-size: 14px;
  }
  #sdLiveStream select:not(textarea) {
    height: auto !important;
  }
}
#sdLiveStream select.standard-multiselect {
  height: auto !important;
}
@media (max-width: 575px) {
  #sdLiveStream select {
    height: 30px !important;
    padding: 0;
  }
}

.dashboard-livestream-wrapper .select2-container--default.select2 {
  max-width: 130px !important;
}
.dashboard-livestream-wrapper .live-stream-bottom {
  padding-left: 15px;
}
@media (max-width: 500px) {
  .dashboard-livestream-wrapper .select2 .select2-selection--single {
    height: 25px !important;
  }
  .dashboard-livestream-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 25px !important;
    line-height: 25px !important;
  }
}

.liveStream-avatar {
  width: 50px;
  height: 50px;
}

.projects-widget-wrap .title,
.tasks-widget-wrap .title {
  font-size: 20px;
  margin-bottom: 15px !important;
}
.projects-widget-wrap .table-wrap,
.projects-widget-wrap .btn-submit,
.tasks-widget-wrap .table-wrap,
.tasks-widget-wrap .btn-submit {
  margin-bottom: 15px;
}

.projects-widget-wrap {
  padding-bottom: 15px;
}

.edit-mode-static-button > * {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
}
.edit-mode-static-button .material-icons {
  font-size: 16px;
}
.edit-mode-static-button.btn-edit-mode {
  opacity: 0;
}

.redactor-modal-box,
.redactor-dropdown {
  z-index: 1061;
}

.widget-docks {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sdd-widget-dock {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: height ease 0.2s;
  transition: height ease 0.2s;
}
.sdd-widget-dock:first-child {
  margin-top: 0;
}
.sdd-widget-dock.temp-dock {
  height: 2.1428571429em;
  margin-top: 0;
  margin-bottom: 0;
  border: 2px dashed #ccc;
}
.sdd-widget-dock.temp-dock.colliding {
  height: 7.1428571429em;
  border: 0 none;
}
.sdd-widget-dock.temp-dock.colliding .first-slip.last-slip.available.colliding {
  border: 2px dashed #ccc !important;
}
.sdd-widget-dock.temp-dock .first-slip.last-slip {
  width: 100% !important;
  min-height: initial !important;
  border-color: transparent !important;
}
.sdd-widget-dock.empty {
  height: 10.7142857143em;
}

.main-wrapper .floating-slip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  background-color: white;
  opacity: 1;
  z-index: 2000;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  border: 2px dashed #ccc;
  overflow: hidden;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.main-wrapper .floating-slip * {
  pointer-events: none;
}
.main-wrapper .floating-slip .widget-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.main-wrapper .floating-slip .widget-wrapper .widget-heading {
  margin: auto;
  padding: 0;
}
.main-wrapper .floating-slip .widget-wrapper .widget-heading h1 {
  font-size: 1.2857142857em;
}
.main-wrapper .floating-slip .widget-wrapper .widget-config, .main-wrapper .floating-slip .widget-wrapper .widget-content {
  display: none;
}
.main-wrapper .widget-slip {
  padding: 0 !important;
  border: 2px dashed transparent;
}

#sd-dashboard .sd-dashboard .sdd-widget-dock {
  max-width: 100% !important;
}

#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip {
  border-radius: 7px;
  border: 1px solid #efefef;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  max-width: 100% !important;
}
#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip h1 {
  margin: 1rem 0 0.25rem 0 !important;
}
#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip h3, #sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip h4, #sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip h5 {
  margin: 0 !important;
}

.widget-h-tags {
  font-family: "Inter", sans-serif !important;
}

.announcement {
  border-radius: 7px;
}
.announcement .announcement-menu .menu-wrapper {
  border-radius: 5px !important;
  padding: 2px 3px !important;
}

.sticky-announcement {
  border-radius: 7px;
}
.sticky-announcement .announcement-menu .menu-wrapper {
  border-radius: 5px !important;
  padding: 2px 3px !important;
}
.sticky-announcement .sort-controls {
  line-height: 17px;
  width: 15px;
}
.sticky-announcement .sort-controls a {
  font-size: 21px !important;
}
.sticky-announcement .ann-controls a {
  font-size: 21px !important;
}

.widget-heading-buttons {
  top: -6px !important;
}
.widget-heading-buttons .btn, .widget-heading-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .widget-heading-buttons button, .widget-heading-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .widget-heading-buttons button {
  position: relative;
  width: 28px;
  height: 28px;
  line-height: 26px;
  margin: 0;
}
.widget-heading-buttons .btn .list-icon, .widget-heading-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .widget-heading-buttons button .list-icon, .widget-heading-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .list-icon, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .widget-heading-buttons button .list-icon {
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.widget-heading h1 {
  padding: 1px 0 15px 0 !important;
}

.report-card {
  box-shadow: none !important;
  border-radius: 10px;
}

.reporting-tabs tab {
  padding-bottom: 10px;
}

.dashboard-widget-list .list-view .items > .row {
  border-bottom: 1px solid #dcdcdc;
}
.dashboard-widget-list .list-view.list-loading {
  position: relative;
  background: none;
}
.dashboard-widget-list .list-view.list-loading::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 4;
}
.dashboard-widget-list .list-view.list-loading:before {
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 100px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "replay";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  color: black;
  left: 45%;
  top: 40%;
  -webkit-transform-origin: 50% 54%;
  -moz-transform-origin: 50% 54%;
  -ms-transform-origin: 50% 54%;
  transform-origin: 50% 54%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.dashboard-widget-list .task-status-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAAUpElEQVR4Xu2beZQddZXHP7W9tfv1vqZDSGeDhKNRcJyDDG5wDiAybGHJcEbcYXSQcVAZwZk5A86cEZQdEwkKDAMqriCojBIWgUAShAAiIStZOk3v/fot9Wr5zbnV/WsebUgXJOHkj1RO571XVe9V/e73973fe+/vlsHB7YCygHFA3c3Bm+EgIAfYJDgIyEFADjALHGC3s1uGuK6rXnvtNRzHwTRNbNvG87zocxiGKKX2ahjTfd8wDOQvCILompVKJbqefK+1tRXLsmIxe23p52qpu5Ilg7X0h6PsbDDJhElsw6EpD8OpYK/G4Roquk9zwvPLTRnhhG1CRY2RpVeVyaRLjBnQPFhLPWUem1XmPv6eVvuovxjHbgf26quvqt7eXhKJxOQNi1EEGDGKZVl7NZDpANHX8H0/AkQ2Gbh87ujooK2tLRYg1+1arr7kPcU/syiaWINpk6RnEPiKhkLISM7cq3EYthPZIxpPOP5qqPF7la2mYjJkQzbpMWpCk9vIWHkry+x13G2dw7mdZ8QDZOvWrWpkZISWlhYymcwkQwQIYYgMbn9uYvhkMhkxQ64lAxwbG0NYKwzp6OiIBcgdPXeqS8rP8cuOs+hOzqCETQ02FTyalIFv7OXEwohA0NaImD3xT+wj18ljkaFCP4ocjTxXWMV5u+7gtuwSTuo4IR4gmzdvVmKAQw89lJqamjfYfrrZHQcoPYPe7FwBRLNRnysTZNOmTcIOZsyYEQuQG4ZvU195bS3PzvkSC9RsMEzwASG+7xHadpzbfdNzjEBcK0wiUnWmOC4j9FHYGH5IaJrIPF7treOD277NrW1nsTR3cjxAtm/froaGhpg9ezbpdHpSM7Sr2ltQpgNEj0vrlVxXJsjGjRs55JBDaGxsjAXIf4Yr1Ne3rOKPs7/GYrpxfRNHwYgTksYnpV53yW8LmXDiW1PuRjyY2Khi+xRDk0ZlUDGE6fC4v5oP77qaZTPP4QLj9HiACEMEkPnz508CEonXfnZVU40igxJQBJDh4WFeeeWVCJD29vZYgNw4crP68qtP8tK8S+k25oCRBAV+IsTGI2Bcn97uZhGiUIRKEcg7Q35enNa4E0sS4Ic2diUE2wLf5JlgFcf2fodbOpewNH1WPECEIQMDAyxcuDByHXqrNtDbHYR8bzqGSXQlE6A6eBCGvPzyy8ycOTO2qF87+D11Se8anp9/MYcZs1BGBsNTFB1FIvSw2TuXFSm43iIwQEgz+eq7BFaSTFBBRQGAw1P+03y05wZubT2LpelT4gGybdu2KOw97LDDSKVS0SytBmZvwIgDiIARRSwT0Ypcf3R0dNJltba2xmLIdX3/o/5l+FnWzL2QBaoT30hjeeA7kBTL7WVsEoY+hmlGIEgAHRBS9F1KbjlKE2bXNBPYNlbo4kbexWG1v5aPbL2OFS3n8om6k+IBImGvMGTBggVvcFnamFFkMcV9TYZ/E2hNDY+r9UBOkc+y6d/J5/OR0WUgXV1dkxNAR3XCEHFZwpCWlpZYgCwfvl19fuwhNjR+nTnJ+WD6BNgToIxhUEMlcMESbMzI/ci/hLgyBZ4RkMTCCCaCAS3glg8qwDUdBjGRsCcbyG+4PFhaxRk9K2jsSPJk8AU6c++mbJgU5Bxgnfs47++5nnvrPsspjcfvG0CmMuTNRDpuiFwoFOjv76dUKkWsyOVyUcgtrNRAlstlNmzYIPoRW0Nu6r9VfaH4MBuaL98tIHZYM+5fxkMiMEUTDAJJSieCschiyhw/J5pBEITjE8oR0XANKpVhEvVJbi89zSdf+zHHYPKCuYsmcy5Xzzib4825ZMaykDBY765hwfDV/KLufE6tO3HfAKIBqNaC3YEiN62z7moQtTuS48ViMRJsYYDsl0RQWFJfXy/RVJSPyCbniIZI5Bc3Mbyxb4X6YukRNrZ8g+7EPJTpEeJgVcBL5CGsxRGTjPub8f8sRWgrQgzswEZ0wjdFtInEWjIXM4qiJjyeVBFUkbvN1Swd/Rl/lbfoamxgZGSI31sDzPLbuabxWE7LHQulJp5w13BCYRk3tpzMJ5Kn7RtAJnVswsfrz2Lgar2p1gEdEOjjApQwoq+vD2GIsEEqA1G4WKlEvyNJqTBFQm8NyNy5c2lubo7lsm4e+L76h/KjbG6+nEPtOYRGBWUkIkAqiVFCctGty48JASTmilJFX9yYCa6DcqBiCXMirHDC19mSt6GWArcPPcT57k85umTTXdtI0VM0Ojkq5UF+4u2g2JTg7nAJJ+dOZmN5PYu9q3hAnchJDTGjrOk05M0AqQamWmO0vlSzRcAQI4t2iPEFDPlO5AocB3FR8idgSLlEIi5xWZIYxhX17w7+QF0ogDRdxqHWHEJzAhAffHsM209EYVGQSOBN3LzEXbYKQIWR+isLPEuIEmKXPAzDHg9hxXVZBe4cfJxPDf2QY0oVZs5qZUe5QNLP0BzUknOK9GYsfrZzNXbNYvo6v0Wq0kd6/Re55Yhz+ay5ZN8wZHfuaSobqt3a1CBAQJCgQdyVuCTtpjQYwhZhjTClrq6Ozs7OCKiXXnopKp10dnbGYkikIeVH2dh0Gd32PJQ94bI0IKELFQXJuogfgdDAlLJUiG2EGL4dARIaIDpOxYeEwrUr9FLgN8OPc0H//Rxv1XBI2qZH5Sk019HWa9DgZ9ng9LIuqBAkE3xHncip7SdRGvgT7WP/xV2tS1ia2UcuS2auGFGHwtod7S55rAZKtEGMLCG1gCFbNpuNZr/sl3OFKfq9uCwBQK4lIL744ouRhsRODEVDyo+yoeky5jjz3wDImNHPSms9CddgcfIw2qgD14z8l2+GhLbYPkRSyKiKKyKixIsVeJ4d/D7/Ry7t/Skfs9uxcmlK5QI5I0UuTLLN9OksJ/lVpgdroIZrm09gadOxoNKszK/knPz/ck3jmfxd7T4S9c2bN0eGlGhIXMqbbVNzCalHiZsSQMXwAqgkgToR1G5OBF5cU1NT0yTo8l1xWbNmzYod9moN2dR0GbPtuShrnCESgw6ErzJj57+x0G3my4efzunOUdS6zri42wo/YUTZvB/YmFKlGFd1ttq9/DD/MN//030c2p0hoxKEgY1TU4eVDzCKHsVcgvvVTsJKhQdmfoUTWUAwqrBqUqxRT/C+nVezMvGPfLj9I/FcliSGUn6XTF3XsmT2u64bhac6IpJjEgnV1tZOYiLGlRkvr7pSK+8FCA2GJJs6+auOxHRQIGAIO6rL/wKILp3EjbJW9NylPpN+mI21F9EdHI5yTAwf/lB4ltMqN5ErjrEz7ZAtZLmp4eOcXX80I6SpU0koQyEN2RKElkc+4TLMANcM3cdP+5+iO5WmxWrBrriojIVneiR9k7wX8pJfYKQ2w5+y36CVBlTawyARYf1s/mmOGrqOnzQt5cyamMXFLVu2KEnS5syZEwEixhN3o12NFl/ZL4YTPy+M0YmjAKDdmVRupS6mxVuDJPv14pcAIW5KXJNmnmiLHNcs0wyRWlZsUR+4Q31lZCWPdFzMwtS7SIUFvrvrD3x75FFKmY0sSrdQ79SybnSYrcrgztazOCM8koFEQG2ijoQPPZToUFB2hrgg/yse6H2KdymHWU1N5MtSlTYwy6VoYWpXXZJVg/0sLLdw/aJzOCxcQF2QBUdCBud1QIav5yeN58YHRNZDNCBacOWzzHDZ9KKRGF6Hp8IUAUdA0gmhGFPEWwARALSbkv3yXZ2p66xdmNbQ0BCBWV02kfcCqGZIXED+O79cXdb7BLu6vgnJNr438AvuyK+ilAlpqcnz3pEW+o0Kvqf4s+GyNYBrksdxYe44+jJJrCCg0VD0h7u4vOc+flR5lgXpLO8y6xgKypimwaBfYH6yjm1emfu9fk5Iv5trak5ifmYWZSNJypeo7HVAnhtbzZHCkLcCyI4dO9SuXbtYtGhR5H527NgRibAAoRepdOFP3JgYVGa2GFNeZWbLfp3wacboZVn9XdmvVwUlERRN0mBrH6hdoAZEyipxXda3Cjepr46uodJyLT2VkOO2X8krxkZOaVxAwhnFGEjjOCYBAelkknsr/RRch+/Xn8q5DUdFbuaVYCdfH3iAB0ee4UPJBtoyNWwJStSWDYZrAuZWUjxnF3i2MsbZ4RFc0fZxDnG6Ja6m7PgRIMquTLqsdYU1vHfoOu6pP5sltR+PryHino444ogIgJ07d04mb/JZuxExvBhMr3nLYpbMcp3IiZvRoawGUgu4GFwzSYAQhlWvt1RrjOwXQNavXx/VueJGWbcO3Kw+7a3lubb/oJt27hm7lxtGfo9bLrMoERIk2jGVh2X4FKjQZtfxVCnPtoLHj+pPoauhnat6VvJb90Vm1qWYZyYxSgFjhkmQTBGkFCOex4bRUT6SWMBVHX9Ll3EI/YFFs2FTtsYBCS0X05BiPDxfXMt7Bq7hx/Vnc1YuZrV306ZN0YrhvHnzojxBZrEYd3BwMDKiiLJ2ORog0RgBSNySzHJhiNaJqCgxIfL6mA5xhRmiQdpFyXnVhUm9HqIBmTFjRuwl3Lu2L1fnh6t5rP1SFjtzSNDH70ovsHxoDX8MXqAj20mD61MPFEMXy7AxQocdbhkrkaXTqmF7ZYBmE2qSFtvNIkkc2skypEJ6ywX+rCp82ljMlc0nEGTa6MemS8r6AbhWhYyfIDDLWGbq7QMiC1RiAClT6LBWDKNFvbqyK4BUz2Zd36rOSabmKQKegCpACKN0uKt/dyogclwD8lbWQ5a9dpu62H2MV5q+Rqc9D5SLaRn8ofgy/166hw3lHj5qdzBouijfw5IFMQOazBTrkkUyRcmLbGoNh2bPIrAMNqc9isqnbdTg5bESn2k7hnNq/poZ9qEouU9JIiW/cksUk1YEyF+4rMFruafhnPguSzSkp6eHww8/PBJq7Vpk9gpLJPStLnUIA3RUpUNXLe5iXDkmf8IYKZkIiBLaCjs0e6oXo6bmL29X1K8cul1dXnyInY1fpcNeSHl84uKEii3Bk1yx414eD/vobugg5yn8conWRIohVUBFVUeThGcwZpuMhQGtRYtOI816e4zf+Nv4WvpDfKHtZLpox3WTJGXJIyp6VShbZSCzb0R9ulqWzkV0a5AYU4ytq7ViQPmsgdQM0oaWcHq6rRoUOVeiPEkM34qo3zCyXH2p/xle7rqI2Yk5WH4SNQGKTcjQ8BY+V3mQ+7w1vC9hMt9K0+f6jAVp0ulGMPKEY4WoUyVhJcg4aV4oDbG1XOK8riP5VvZzexyGj4/t2VHYKxm/VJBfLD3D4teu5ucNSzmtLqaoTweI3IWEssIWHc5q0da6oau6utFNNEVEv7m5eY/ZvR7hOwHIAAWGvJ1c1f9r7vLXckS6lsVBjoGKx6hl4zkOrX5AEBZJJmxWqTylEYMr0sfxsa4P0ErngQGIdkeSY8jM1R2Ger981usYOizWOcaeSi3Vo3snACkTkvJctlQ2c2nxd/zOe4lFvs1CK8NYIkSVcvQaIyzMpvmlu4mtQcCNNWfy+cSHsK1W6WI4cADRWbnkGsIWnWnrcocwRGpWwhgJa0Uz9HrHm60wvtOA4JkEth8lgNvVTi4d+jUPFJ9hoWnynmSWUS9Fg5VghbcRRZLluZM5o/4YDJqiMolU4ve0vWMuS6IkbXiZyQKIACPGF9clx4Q5AooUCOVPXNfuVg/jFCb3l4ZIz6FurbICj55wB/869lvuH13NvLJHU3sjjwz14wcN3NRyJuel3i9lCgrSYxVJ9gECiE7qqkNbAUBcmKxj6BxDwlpJ+KrBi8MOzb7qc/eHqAdIlg7uhHGtisuI3ct3Rh/mxoHHGLSHQNXxy7pPcUrmA7hJSErwJM0SCQ+LN690yxjeMYZordBJmzacMEX+pMwizQjCDG1cnWvoUsiBEGVJW2neUiQMa3ytXPocKiWGU0N8Y+RRbup5mLVzL+RwZuLQGJ0zrALqpR8rrEBizxx5xwDRQEzNIWS/ZPiiJ1LT2p2A61D4gADEC8BwpOwU5Q+2rCQ6UnkvUFP22aSGqU830Rg6yBpvKWnjY0WpRk4eOzD3vHC5zwCRxFDWQ6RRrno9RM/26Yy5t8d359bEZemuk7h9WXf33azOHXma52dezEJnPr1GmsYgHE/gvBJ+YnzJYH9tBpL9S+uES79h0oTDqsITHN1/Lf/X9EmOr30LjXLSDSK9vTpT1zWr6rLG/hpIdQFSX08vUElHflxArh5doS4Ze4FNHV9mdrELlTYwZOU4DRUTEnv3vM60wy9YkJW1eA+ko0i6Jp81n+c9g9dwa/3ZfDr7Fh5H0M3WeuFp2qvv5xO0qEtxMW61d1nfDeqfRtfxXPfFzHO78JM57HC87218hUL3muyfm/dwpCcCDJcyJqnQ4RnW8Ddbv82duSWc3hzzgR3J1GVGdnd3RwypLibun1t/46/q8Lhab6S4KM+HvJXOxe/1f1dd3Pc0Kw+7iCPDQ/CDFElDIqOJ7jhpKdmfm+52TBQYwiVDjifCpzh9/fXc1noepzbFLL/LEq4YQBoK9IJTXDHel+PT2bq8ygTZtm1bVHqJ2wZ0RelOdeWONfx2zoV8UMocXmr8oR1Deq0Ujr+fAYmyHBPsPKEfENo5HmQtZ76yjKtmnscX0zGbHORxBHER0oKjH2nTTzXpyGpfGn7qb+kKcXVdTEJp0TW5p6amplh9WbeO3KIu2fYIF3QezSKjFVNZjDhG1JQ4VClSJ2/241bxTJxECjeRJzMGGbuZdcUX+MHAY9zc/VmWZD4Wb8Vw48aNUfe7RFg6f5AyiBb2vX3oczobyLX0wpgu8wtIsl+a5uIyZNnoLeqikSfJBQ7lfAE7k2IkC/WhSej5hCIo+3FLB0lcx2IknSc7YpIt1mE6o4xlXW5s/gTnOzFFvVgsTj4WLfcroOiq7jvBENEQ3U6qO090Y4SIui2tHjE21TukHmodpossRn6U5lSKHUaB2kqAGbUETVf8iHGRPZ5SpBiEjNVUmOnVEpTrKGSLvGqO8uHRRRh1U5qjJ9Rtb6968Pv70AKxZto+vN7Bn5rGAgcBOcCmyEFADgJygFngALud/wetJr/n2hpTzgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  display: block;
  float: right;
}
.dashboard-widget-list .task-status-not-complete {
  width: 40px;
  height: 40px;
  background-position: -5px -5px;
}
.dashboard-widget-list .task-status-complete {
  width: 40px;
  height: 40px;
  background-position: -55px -5px;
}
.dashboard-widget-list .dashboard-widget-list-row {
  padding: 5px 0;
}

.dashboard-widget-list-sorting {
  list-style: none;
  float: right;
}
.dashboard-widget-list-sorting > li {
  display: inline-block;
  margin-left: 10px;
}
.dashboard-widget-list-sorting > li a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0dc";
  font-size: 1rem;
  margin: auto 5px auto 0;
}
.dashboard-widget-list-sorting > li a.asc:before {
  content: "\f0de";
}
.dashboard-widget-list-sorting > li a.desc:before {
  content: "\f0dd";
}

#my-tasks-dashboard-widget .widget-task-title {
  flex: 1 1 auto;
  width: 100px;
  margin-right: 10px;
}

.dashboard-livestream-wrapper .select2 .select2-selection--single {
  position: relative;
}

.dashboard-livestream-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
  height: 16px;
}

.sd-gettingstarted-widget .lifesaver-hover {
  position: relative;
  padding-left: 45px;
}
.sd-gettingstarted-widget .lifesaver-hover svg {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  fill: #333;
}
.sd-gettingstarted-widget .lifesaver-hover:hover svg {
  fill: #26313d;
  transform: scale(1.2, 1.2) rotateZ(25deg);
  transition: all 0.4s ease-in-out;
}

#sd-dashboard .sd-dashboard .toolbar-wrap.edit-mode .toolbar {
  padding: 15px !important;
}
#sd-dashboard .sd-dashboard .toolbar-wrap.edit-mode .toolbar-btns {
  height: auto !important;
}

@media (max-width: 900px) {
  #sd-dashboard .sd-dashboard .toolbar-wrap.edit-mode .toolbar-btns .select2-container {
    max-width: 155px !important;
    min-width: 155px !important;
  }
}
@media (max-width: 575px) {
  .widget-docks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .widget-docks .sdd-widget-dock {
    height: auto !important;
  }
  .sdd-widget-dock {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sdd-widget-dock .widget-slip {
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: initial !important;
    width: auto !important;
    max-width: 100%;
    padding: 0 !important;
  }
  .toolbar {
    padding: 0 !important;
  }
  .sd-widget-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
  }
  .sd-widget-list .sd-widget {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .widget-heading-buttons .toggle-edit {
    display: none;
  }
}
.sd-dashboard .close-dashboard-btn {
  padding-right: 30px;
  padding-bottom: 5px;
}

.announcements .announcement, .announcements .sticky-announcement, .stickied-announcements .announcement, .stickied-announcements .sticky-announcement {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #efefef;
  margin-top: 15px;
}

.close-dashboard-btn,
.edit-dashboard-btn {
  display: none;
}

.has-temporary-slips + .edit-dashboard-btn {
  display: block;
}

.edit-mode .close-dashboard-btn {
  display: block !important;
}
.edit-mode .edit-dashboard-btn {
  display: none !important;
}

#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip {
  background-color: #fefefe;
}

#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip {
  margin-bottom: 15px;
}

.sdd-widget-dock .widget-slip .slip {
  padding: 0 15px 15px 15px !important;
}

.widget-editor-role-select {
  height: 35px !important;
  vertical-align: super;
}

.toolbar-btns .select2-container {
  max-width: 20% !important;
  margin-top: -10px !important;
}

#my-invoices-dashboard-widget .invoice-amount {
  margin-right: 10px;
}
#my-invoices-dashboard-widget .pill-prefix {
  padding: 2px 7px;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.07em;
  font-size: 10px;
}
#my-invoices-dashboard-widget .btn, #my-invoices-dashboard-widget .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #my-invoices-dashboard-widget button, #my-invoices-dashboard-widget .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #my-invoices-dashboard-widget button {
  min-width: 95px;
}

#my-tasks-dashboard-widget .task-status-icon {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

#my-invoices-dashboard-widget .pm-task-title,
#my-tasks-dashboard-widget .pm-task-title {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-slip.first-slip #my-invoices-dashboard-widget .col-9, .widget-slip.last-slip #my-invoices-dashboard-widget .col-9 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.widget-slip.first-slip #my-invoices-dashboard-widget .col-3, .widget-slip.last-slip #my-invoices-dashboard-widget .col-3 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
@media (max-width: 1400px) {
  .widget-slip.first-slip #my-invoices-dashboard-widget .col-9, .widget-slip.last-slip #my-invoices-dashboard-widget .col-9 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .widget-slip.first-slip #my-invoices-dashboard-widget .col-3, .widget-slip.last-slip #my-invoices-dashboard-widget .col-3 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
}
.widget-slip.first-slip #my-tasks-dashboard-widget .col-9, .widget-slip.last-slip #my-tasks-dashboard-widget .col-9 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.widget-slip.first-slip #my-tasks-dashboard-widget .col-3, .widget-slip.last-slip #my-tasks-dashboard-widget .col-3 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
@media (max-width: 1430px) {
  .widget-slip.first-slip #my-tasks-dashboard-widget .col-9, .widget-slip.last-slip #my-tasks-dashboard-widget .col-9 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .widget-slip.first-slip #my-tasks-dashboard-widget .col-3, .widget-slip.last-slip #my-tasks-dashboard-widget .col-3 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
}

.default-user-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  max-width: 100%;
  max-height: 100%;
  font-size: 1.2em;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  transition: width 0.5s, height 0.5s, font-size 0.5s;
}

.sidebar-collapse .side-user .default-user-avatar {
  font-size: 1.2em;
  width: 45px !important;
  height: 45px !important;
  transition: width 0.5s, height 0.5s, font-size 0.5s;
}

#crm-contacts-grid .logo .default-user-avatar {
  max-height: 50px;
}

.new-card-view .dataTableResp .data-table-item-mobile .avatar-wrap figure .default-user-avatar,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header .info-wrap .default-user-avatar {
  border-radius: 0;
}

.new-card-view #circles-grid.dataTableResp .data-table-item-mobile .avatar-wrap figure .default-user-avatar {
  height: 47px !important;
}

#contactDetails .profile-content.avatar-block .img-responsive {
  font-size: 40px;
}
#contactDetails .profile-content.avatar-block .img-responsive .default-user-avatar-container {
  display: block;
  padding-top: 100%;
}
#contactDetails .profile-content.avatar-block .img-responsive .default-user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px;
}

.new-card-view .dataTableResp .data-table-item-mobile .avatar-wrap .default-user-avatar {
  max-height: 60px;
}

.side-user .default-user-avatar {
  max-width: 3.75rem;
  max-height: 3.75rem;
  font-size: 1.7em;
}

html .navbar-nav .avatar .default-user-avatar {
  max-width: 3.75rem;
  max-height: 3.75rem;
  font-size: 1.7em;
}
@media (max-width: 575px) {
  html .navbar-nav .avatar .default-user-avatar {
    max-width: 2.5rem;
    max-height: 2.5rem;
    font-size: 1.2em;
  }
}

#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .ls-avatar {
  /*width: 15%;*/
  width: 50px;
}

#sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip.first-slip.last-slip .ls-avatar {
  /*width: 5%;*/
}

.task-followers-wrapper .task-followers .follower-list ul li.task-follower .follower-thumb .default-user-avatar-container {
  font-size: 10px;
}

.sd-chat-wrapper .sd-chat .current-user .default-user-avatar {
  font-size: 1.7em;
}

.message-users-list .message-users-list-item .avatar-col .logo .default-user-avatar {
  padding-top: 1px;
}

.circle-all-users .logo .default-user-avatar,
.contract-history-view .logo .default-user-avatar {
  max-height: 45px;
}

.new-card-view .dataTableResp .data-table-item-mobile .link-block .default-user-avatar {
  border-top: 2px solid #fff;
}

#sdLiveStream .ls-actionName span {
  padding-left: 10px !important;
  text-align: left !important;
}

.new-card-view #circles-grid.dataTableResp .data-table-item-mobile .show-more.link-block {
  width: unset;
  min-width: 50px;
  border-top: none !important;
}

.new-card-view #circles-grid.dataTableResp .data-table-item-mobile .show-more.link-block .circles-users-more {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 5px solid #333;
}

@media (max-width: 767px) {
  .new-card-view #circles-grid.dataTableResp .data-table-item-mobile .show-more.link-block {
    min-width: unset !important;
  }
  .new-card-view .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more {
    height: 30px !important;
    min-width: 30px;
    width: unset !important;
  }
  .new-card-view #circles-grid.dataTableResp .data-table-item-mobile .avatar-wrap,
  .new-card-view #circles-grid.dataTableResp .data-table-item-mobile .avatar-wrap figure .default-user-avatar {
    width: 30px !important;
    height: 27px !important;
    font-size: 12px;
  }
  .new-card-view #circles-grid.dataTableResp .data-table-item-mobile .avatar-wrap {
    margin-right: 8px;
    height: 30px !important;
  }
}
.dashboard-page-content .wysiwyg-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.dashboard-page-content .content-block-editor-wrapper {
  background: #fff;
  border-radius: 7px;
}

.dashboard-box {
  overflow: hidden;
}
.dashboard-box .dashboard-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #e4e9f0;
}
.dashboard-box .dashboard-item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px 20px;
}
@media (min-width: 576px) {
  .dashboard-box .dashboard-item {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.dashboard-box .dashboard-item + .dashboard-item {
  border-top: 1px solid #e4e9f0;
}
.dashboard-box .dashboard-item__left {
  width: 100%;
  margin-right: auto;
}
.dashboard-box .dashboard-item__left .pm-task-title {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.dashboard-box .dashboard-item__left .pm-task-title .pills {
  flex-direction: row;
}
.dashboard-box .dashboard-item__left .title + .pills {
  margin-top: 5px;
}
.dashboard-box .dashboard-item__left .pill-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.dashboard-box .dashboard-item__left .pill-prefix {
  padding: 0 5px;
}
.dashboard-box .dashboard-item__right {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.dashboard-box .dashboard-item__right .btn, .dashboard-box .dashboard-item__right .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .dashboard-box .dashboard-item__right button, .dashboard-box .dashboard-item__right .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .dashboard-box .dashboard-item__right button {
  margin-left: 8px;
}
@media (min-width: 576px) {
  .dashboard-box .dashboard-item__right {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    margin-left: auto;
    margin-top: 0;
  }
}
.dashboard-box__footer {
  display: flex;
  padding: 20px;
  width: 100%;
}
.dashboard-box__livestream {
  overflow: hidden;
}
.dashboard-box .dashboard-ls {
  width: 100%;
}
.dashboard-box .dashboard-ls__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px 0;
}
.dashboard-box .dashboard-ls__item {
  width: 100%;
  padding: 5px 20px;
  border-bottom: 1px solid #e4e9f0;
}
.dashboard-box .dashboard-ls__item:last-child {
  border-bottom: 0;
}
.dashboard-box .dashboard-ls__link {
  color: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 576px) {
  .dashboard-box .dashboard-ls__link {
    flex-wrap: nowrap;
  }
}
.dashboard-box .dashboard-ls__date {
  margin-left: auto;
}
.dashboard-box .dashboard-ls__avatar {
  margin-right: 8px;
}
.dashboard-box .dashboard-ls__avatar-box {
  display: block;
  width: 50px;
  height: 50px;
}
.dashboard-box .dashboard-ls__avatar-box figure,
.dashboard-box .dashboard-ls__avatar-box ng-bind-html {
  width: 100%;
  height: 100%;
}
.dashboard-box .dashboard-ls__avatar-box figure {
  overflow: hidden;
  border-radius: 50%;
}
.dashboard-box .dashboard-ls__avatar-box figure img {
  width: 100%;
  height: 100%;
}
.dashboard-box .dashboard-ls__avatar .default-user-avatar {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.dashboard-box .dashboard-ls__actionName {
  margin-right: 8px;
  width: auto;
}
@media (min-width: 576px) {
  .dashboard-box .dashboard-ls__actionName {
    width: 30%;
    min-width: 150px;
  }
}
.dashboard-box .dashboard-ls__body {
  margin-top: 8px;
  width: 100%;
  order: 4;
}
@media (min-width: 576px) {
  .dashboard-box .dashboard-ls__body {
    order: 0;
    margin-top: 0;
    margin-right: 8px;
  }
}
.dashboard-box .dashboard-anns {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.dashboard-box .dashboard-anns + .dashboard-anns {
  margin-top: 20px;
}
.dashboard-box .dashboard-anns__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dashboard-box .dashboard-anns__list + .dashboard-anns__list {
  margin-top: 20px;
}
.dashboard-box .dashboard-anns__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e4e9f0;
  border-left-width: 3px;
  border-radius: 15px;
}
.dashboard-box .dashboard-anns__item + .dashboard-anns__item {
  margin-top: 20px;
}
.dashboard-box .dashboard-anns__head {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 20px;
  position: relative;
  border-bottom: 1px solid #e4e9f0;
}
.dashboard-box .dashboard-anns__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 20px;
}
.dashboard-box .dashboard-anns__body p {
  margin-bottom: 1rem;
}
.dashboard-box .dashboard-anns__title {
  font-size: 22px;
  line-height: 25px;
}
.dashboard-box .dashboard-anns__date {
  font-size: 12px;
  color: #868686;
}

.dashboard-introducing-wrapper__update {
  margin: 0;
}

.dashboard-introducing-wrapper__view {
  margin: 0;
}

.dashboard-introducing-wrapper__view2 {
  padding: 0 15px;
}

.dashboard-introducing-wrapping {
  padding: 0;
}
.dashboard-introducing-wrapping .dashboard-introducing {
  width: 100%;
  min-height: 70px;
  border: 1px solid #eee;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 768px) {
  .dashboard-introducing-wrapping .dashboard-introducing {
    flex-direction: row;
    justify-content: space-between;
  }
}
.dashboard-introducing-wrapping .dashboard-introducing--desc {
  padding: 15px;
}
.dashboard-introducing-wrapping .dashboard-introducing--desc .note {
  line-height: 18px;
  color: #888;
}
.dashboard-introducing-wrapping .dashboard-introducing--actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .dashboard-introducing-wrapping .dashboard-introducing--actions {
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .dashboard-introducing-wrapping .dashboard-introducing--actions {
    max-width: 50%;
  }
}
.dashboard-introducing-wrapping .dashboard-introducing--text {
  display: flex;
  align-items: self-end;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  color: #D41000;
  padding: 25px;
  text-align: right;
}
@media (min-width: 1200px) {
  .dashboard-introducing-wrapping .dashboard-introducing--text {
    width: 50%;
    white-space: inherit;
    padding: 16px;
  }
}
.dashboard-introducing-wrapping .dashboard-introducing--text a {
  text-decoration: underline;
  color: #101d04;
}
.dashboard-introducing-wrapping .dashboard-introducing--action {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #101d04;
  color: #fff;
  padding: 25px;
}
@media (min-width: 1200px) {
  .dashboard-introducing-wrapping .dashboard-introducing--action {
    width: 50%;
    padding: 16px;
  }
}
.dashboard-introducing-wrapping .dashboard-introducing--action:hover {
  color: #fff;
  text-decoration: underline;
}
.dashboard-introducing-wrapping .dashboard-introducing--action:active {
  color: #fff;
  text-decoration: underline;
}
.dashboard-introducing-wrapping .dashboard-introducing--action:focus {
  color: #fff;
  text-decoration: underline;
}
.dashboard-introducing-wrapping .dashboard-introducing--action:visited {
  color: #fff;
  text-decoration: underline;
}
.dashboard-introducing-wrapping .dashboard-introducing--action:target {
  color: #fff;
  text-decoration: underline;
}
.dashboard-introducing-wrapping .dashboard-introducing--icon {
  font-size: 24px;
  margin: 0 15px;
  height: 35px;
}
.dashboard-introducing-wrapping .dashboard-introducing--icon svg {
  width: 35px;
  height: 35px;
}
.dashboard-introducing-wrapping .dashboard-introducing .right-sidebar-togler-container {
  top: 105px !important;
}

.dashboard-widget-holder .dashboard-introducing-wrapping {
  padding-top: 1em;
}

.cbe-content #sdReporting {
  position: relative;
}
.cbe-content #sdReporting .sd-reporting-tabs .dropdown .reporting-tab-active,
.cbe-content #sdReporting .sd-reporting-tabs .dropdown .currency-active {
  position: relative;
  padding-right: 30px;
}
.cbe-content #sdReporting .sd-reporting-tabs .dropdown .reporting-tab-active:after,
.cbe-content #sdReporting .sd-reporting-tabs .dropdown .currency-active:after {
  color: #555555;
  content: "\e313";
  font-family: "Material Icons";
  position: absolute;
  right: 5px;
  top: 0;
  line-height: 0.8em;
  font-size: 1.6em;
}
.cbe-content #sdReporting .sd-reporting-tabs .dropdown.show .reporting-tab-active:after, .cbe-content #sdReporting .sd-reporting-tabs .dropdown.show .currency-active:after {
  content: "\e316";
}
.cbe-content #sdReporting .sd-reporting-tabs .dropdown .dropdown-menu {
  left: calc(100% - 30px) !important;
  right: 0;
  min-width: 7rem;
  width: 7rem;
}
.cbe-content #sdReporting .sd-reporting-tabs .dropdown .dropdown-menu li {
  padding: 3px 10px;
}
.cbe-content #sdReporting .sd-reporting-tabs .reporting-title {
  padding: 0 20px;
  margin: 0;
  font-weight: 400;
}
.cbe-content #sdReporting .sd-reporting-tabs .reporting-tabs-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px 0 20px;
}
.cbe-content #sdReporting .sd-reporting-tabs .reporting-tabs-options .reporting-tabs {
  padding: 0;
  margin: 0 0 0 -5px;
}
.cbe-content #sdReporting .sd-reporting-tabs .reporting-tabs-options .dropdown .reporting-tab-active:after {
  font-size: 1.6em;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane {
  padding: 10px;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .reporting-list {
  list-style: none;
  padding: 15px 0;
  margin: 0;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .reporting-list .report-property {
  padding: 5px 0;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .reporting-list .report-property .property-parent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .reporting-list .report-property .property-parent .property-data {
  -webkit-box-flex: 0 0 80px;
  -moz-box-flex: 0 0 80px;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .reporting-list .report-property .property-parent .property-title {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-title {
  font-size: 18px;
  vertical-align: bottom;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data {
  font-size: 30px;
  font-weight: 500;
  padding-right: 3px;
  line-height: 1;
  text-align: right;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data .currency-active {
  display: flex;
  font-size: 0.5em;
  font-weight: 400;
  line-height: 1.3em;
  margin-left: 5px;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data .dropdown-menu {
  left: 0 !important;
  min-width: 5rem;
  width: 5rem;
  font-weight: 400;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data-mixed {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data-mixed .property-data {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data-mixed .property-data.sm {
  font-size: 1.4em;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data-mixed .property-title {
  width: 30px !important;
  margin: 0 15px;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .pane-report-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .report-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 0 200px;
  -moz-box-flex: 1 0 200px;
  -webkit-flex: 1 0 200px;
  -ms-flex: 1 0 200px;
  flex: 1 0 200px;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
  border: 1px solid #ccc;
  padding: 30px;
  margin: 0.5rem;
  text-align: center;
  position: relative;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .report-card span.select2 {
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 130px;
  outline: none;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .report-card span.select2 * {
  outline: none;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .report-card .property-data, .cbe-content #sdReporting .reporting-panes .reporting-pane .report-card .property-title {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .report-card .property-data {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 36px;
  margin-bottom: 10px;
  padding: 0;
}
.cbe-content #sdReporting .reporting-panes .reporting-pane .report-card .property-title + .property-data {
  margin-top: 10px;
}
.cbe-content #sdReporting .refresh-reporting-btn {
  top: 5px;
  right: 5px;
}

#dashboard-form .dashboard-box .dashboard-item__left .pill-item.dueDate {
  border: 1px solid #ddd;
}
#dashboard-form .dashboard-box .dashboard-item__left .pill-item.dueDate .category-pill__text {
  color: #333 !important;
}

[uib-accordion-group].panel .accordion-toggle {
  display: block;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.5rem + 2px);
}
select.form-control {
  padding: 0.25rem 0.6rem !important;
}

.chosen-container {
  width: 100% !important;
  max-width: 100% !important;
}
.chosen-container.chosen-container-single .chosen-single span {
  padding-right: 0 !important;
}

.chosen-container .chosen-drop {
  border-radius: 0 0 4px 4px;
}

.chosen-container .chosen-results li {
  padding: 6px !important;
  line-height: 22px !important;
}

.select2-container--default {
  min-height: calc(2.5rem + 2px);
}
.select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center;
  padding: 0 2.5rem 0 0.625rem;
  height: calc(2.5rem + 2px) !important;
  border-color: #EEE;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  display: inline-block;
  width: 10px !important;
  height: 7px !important;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 1px;
  bottom: 1px;
  transform: rotate(45deg);
  border: 2px solid #555;
  border-radius: 2px;
  border-left: none;
  border-top: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  display: flex;
  align-items: center;
  height: calc(2.5rem + 2px);
  line-height: calc(2.5rem + 2px);
  margin-right: 1.25rem;
  font-size: 1.8em;
  font-weight: 400 !important;
  border: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear span {
  position: relative;
  height: 14px;
  width: 14px;
  font-size: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear span::before {
  content: "";
  position: absolute;
  right: 6px;
  top: -1px;
  width: 2px;
  height: 16px;
  background-color: #777777;
  transform: rotate(45deg);
}
.select2-container--default .select2-selection--single .select2-selection__clear span::after {
  content: "";
  position: absolute;
  right: 6px;
  top: -1px;
  width: 2px;
  height: 16px;
  background-color: #777;
  transform: rotate(-45deg);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #bbb;
  font-weight: 300;
}
.select2-container--default .select2-selection--multiple {
  border-radius: 0.25rem;
  padding: 0 0 0 0.625rem;
  min-height: calc(2.5rem + 2px) !important;
  height: auto;
  line-height: 1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #EEE;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  margin: 0.4166666667em 0.1666666667em;
  border-radius: 3px;
  font-size: 0.75rem;
  line-height: 1;
  padding-right: 0.625rem;
  background: #FFFFFF;
  color: #303030;
  border: 1px solid #ccc;
}
.select2-container--default .select2-selection--multiple .select2-search__field {
  position: relative;
}
.select2-container--default .select2-selection--multiple .select2-search__field:before {
  width: 100%;
  height: 100%;
  border: 1px solid #EEE !important;
}
.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: #bbb;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  font-family: var(--default-font-family);
  opacity: 1;
}
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  position: relative;
}
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
  margin: 0 0 0 4px;
  padding: 0;
  max-width: 90% !important;
  height: 24px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
  margin: 2px 4px;
  padding: 0 9px 0 6px !important;
  height: 20px;
  border-radius: 0.1875rem;
  font-size: 0.75rem;
  line-height: 0.9;
  background: #FFFFFF;
  color: #303030;
  border: 1px solid #ccc;
}
@-moz-document url-prefix() {
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 9px 1px 6px !important;
  }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  min-width: 12px;
  text-align: center;
  color: #fff;
  opacity: 1 !important;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
  position: relative;
  width: 12px;
  height: 12px;
  font-size: 0 !important;
}
@-moz-document url-prefix() {
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-top: 1px;
  }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  position: absolute;
  display: block;
  margin: 0 !important;
  width: 11px;
  height: 11px;
  top: 0;
  left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove ::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  display: block;
  width: 1px;
  height: 10px;
  background-color: #303030;
  transform: rotate(45deg);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove ::after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  left: 5px;
  width: 1px;
  height: 10px;
  background-color: #303030;
  transform: rotate(135deg);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  padding: 0;
  opacity: 1;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  max-width: calc(100% - 16px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-container--default.select2-container--open .select2-selection__arrow::before {
  transform: rotate(225deg);
  bottom: -2px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #7f7f7f;
  color: #fff;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  opacity: 0.5;
}
.select2-container--default .selection .select2-selection--multiple {
  padding: 8px !important;
}
.select2-container--default .selection .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
  display: inline;
  vertical-align: middle;
}
.select2-container--default .selection .select2-selection--multiple .select2-selection__rendered li {
  margin: 2px 4px;
  vertical-align: middle;
  height: 20px;
  max-width: 100%;
}
.select2-container--default .selection .select2-selection--multiple .select2-search__field {
  height: 24px;
  margin: 0 0 0 8px;
  vertical-align: middle;
}
.select2-container--default .selection .select2-search__field {
  padding: 0 10px;
  height: calc(2.5rem + 2px);
  border-color: #EEE !important;
  border-radius: 0.25rem;
}

.select2-container--open {
  z-index: 1075;
}

.select2-selection__clear {
  top: 50%;
  transform: translateY(-50%);
  position: absolute !important;
  right: 0.9375rem;
}

.login .select2-container .select2-selection--single .select2-selection__clear {
  height: 30px;
  margin-right: 18px;
  font-size: 1.8em;
  font-weight: 400 !important;
  border: none;
}

.sd-content-block-template .cbe-open-block-content::placeholder {
  color: #fff;
}

.filters .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  overflow: hidden;
}
.filters .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice span {
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::placeholder, .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-moz-placeholder, .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-moz-placeholder, .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-ms-input-placeholder, .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1 !important;
}
.filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input:focus {
  display: inline !important;
}
.filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input:placeholder-shown {
  display: inline !important;
  width: 100% !important;
}

.gridview-header .grid-actions .select2-container--default {
  min-height: 1.75rem;
}
.gridview-header .grid-actions .select2-selection--single {
  height: 1.75rem !important;
  padding: 1px 30px 0 10px !important;
}

.gridview-footer .bulk-options .select2-container--default {
  min-height: 1.75rem;
}

.grid-actions .select2-container--default.select2 {
  width: 80% !important;
}
.grid-actions .select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.125);
  max-height: 24px;
  background-color: #fdfdfd;
  box-shadow: none;
  /*.select2-selection__arrow {
      right: .3rem;
  }*/
}
.grid-actions .select2-container--default .select2-selection--single span {
  line-height: 22px !important;
  font-size: 12px;
}

.gridview-footer-wrap .bulk-options {
  padding: 10px 25px 5px 13px;
}
.gridview-footer-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #999 !important;
  line-height: 26px !important;
}
.gridview-footer-wrap .select2-selection--single {
  border: 1px solid #EEE;
  max-height: 28px;
  background-color: #fff;
  box-shadow: none;
  color: #555;
}
.gridview-footer-wrap .select2-selection--single span {
  line-height: 22px !important;
  font-size: 12px;
  color: #999 !important;
}
.gridview-footer-wrap .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}

.select2-selection__choice__remove:hover {
  background-color: #F7F7F7 !important;
}

.switchery-small {
  min-width: 33px;
  height: 9px;
  margin-right: 5px;
}
.switchery-small > small {
  top: -5px;
  left: -2px !important;
  height: 18px;
  width: 18px;
  transform: rotate(45deg) scale(0.9);
  transition-property: left, transform, background-color !important;
  transition-duration: 0.2s, 0.3s, 0.4s !important;
  transition-timing-function: linear, linear, linear !important;
  transition-delay: 0s, 0.3s, 0.4s !important;
}
.switchery-small > small:before, .switchery-small > small:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s ease-in-out 0.3s;
}
.switchery-small > small:before {
  width: 2px;
  height: 9px;
  left: 9px;
  top: 3px;
}
.switchery-small > small:after {
  width: 3px;
  height: 2px;
  left: 6px;
  top: 10px;
}
.switchery-small.switchery-active > small {
  left: 17px !important;
  transform: rotate(45deg) scale(1.125);
  transition-property: left, background-color, transform !important;
  transition-duration: 0.2s, 0.3s, 0.3s !important;
  transition-timing-function: linear, linear, linear !important;
  transition-delay: 0s, 0.3s, 0.4s !important;
}
.switchery-small.switchery-active > small:before, .switchery-small.switchery-active > small:after {
  transition: all 0.3s ease-in-out 0.3s;
}

.ui-select-multiple.ui-select-bootstrap.form-control {
  height: auto !important;
  min-height: calc(2.5rem + 2px);
  font-size: 14px;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 0 !important;
}
.ui-select-multiple.ui-select-bootstrap.form-control > div {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px;
}
.ui-select-multiple.ui-select-bootstrap.form-control.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-select-multiple.ui-select-bootstrap.form-control input.ui-select-search {
  display: inline;
  width: 100% !important;
  max-width: 100%;
  min-height: 24px;
  padding: 0.4rem 0.6rem 0.4rem 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
}
.ui-select-multiple.ui-select-bootstrap.form-control input::placeholder {
  color: #bbb;
}
.ui-select-multiple.ui-select-bootstrap.form-control .dropdown-menu {
  margin: 0 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #aaa;
  scrollbar-width: thin;
}
.ui-select-multiple.ui-select-bootstrap.form-control .dropdown-menu::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
.ui-select-multiple.ui-select-bootstrap.form-control .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #999;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.ui-select-multiple.ui-select-bootstrap.form-control .ui-select-match {
  display: inline-flex;
  width: auto;
  max-width: 100%;
}
.ui-select-multiple.ui-select-bootstrap.form-control .ui-select-match > span {
  margin: 2px 4px;
}
.ui-select-multiple.ui-select-bootstrap.form-control .ui-select-match > span .ui-select-match-item {
  margin: 0;
}
.ui-select-multiple.ui-select-bootstrap.form-control .ui-select-match-item {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-search--dropdown {
  padding: 0;
}

.select2-container--default .selection .select2-selection--multiple {
  padding: 0;
  min-height: 42px !important;
}

.lms-sidebar .select2-container--default .select2-selection--multiple {
  min-height: 42px !important;
}

.column1-form.has-container .columns-form-wrap {
  max-width: 100%;
  margin: 0 auto;
}
.column1-form .tabs-card {
  margin-top: 19px;
}
.column1-form .title-row {
  padding: 0;
  margin-bottom: 14px;
}
.column1-form .title-row a {
  position: relative;
  margin-left: 5px;
}
.column1-form .title-row .title {
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
}
.column1-form .title-row .description {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}
.column1-form .disable-btn-style {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.column1-form .columns-form-wrap .title-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .column1-form .columns-form-wrap .title-container {
    flex-direction: row;
  }
}
.column1-form .columns-form-wrap .title-container .switcher-with-padding {
  padding-right: 25px;
}
@media screen and (max-width: 991px) {
  .column1-form .columns-form-wrap .title-container .switcher-with-padding {
    padding-right: 40px;
  }
}

.form-group-row.full-width {
  padding-top: 40px;
}
.form-group-row .info-col-content {
  padding: 15px 15px 0;
}
@media (max-width: 767px) {
  .form-group-row .info-col-content {
    padding: 0;
  }
}
.form-group-row .info-col .title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px !important;
  z-index: 1;
}
.form-group-row .info-col .title sd-tr {
  font-size: inherit;
}
.form-group-row .info-col .description {
  position: relative;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  margin-bottom: 16px;
  z-index: 1;
}
@media (max-width: 767px) {
  .form-group-row .info-col .description {
    line-height: 1.6;
  }
}
.form-group-row .info-col.crm-company {
  padding-top: 0;
}
.form-group-row .info-col-vert-tabs {
  padding-top: 15px;
}
.form-group-row .info-col-vert-tabs .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px !important;
}
.form-group-row .info-col-vert-tabs .description {
  font-size: 14px;
  color: #555;
  font-weight: 300;
}
.form-group-row .content-col .description {
  font-size: 14px;
  color: #555;
  font-weight: 300;
}
.form-group-row .content-col .form-group--phone {
  position: relative;
}
.form-group-row .content-col .form-group--phone .functional-btn {
  top: 46px;
  right: 15px;
}
.form-group-row .content-col .form-group--phone .functional-btn i,
.form-group-row .content-col .form-group--phone .functional-btn .fa,
.form-group-row .content-col .form-group--phone .functional-btn .material-icons {
  font-size: 22px;
  color: #777;
}
@media (max-width: 767px) {
  .form-group-row .info-col + .content-col {
    margin-top: 1rem;
  }
}

.back-btn-row {
  margin-top: 0;
  margin-bottom: 11px;
}
.back-btn-row .back-link {
  display: inline-block;
  color: #555;
  position: relative;
  left: -5px;
}
.back-btn-row .back-link:hover, .back-btn-row .back-link:focus {
  color: #222222;
}
.back-btn-row .back-link > * {
  line-height: 20px;
  vertical-align: middle;
}

.borderTopBot {
  margin-bottom: 15px;
}

.add-new-element-btn {
  padding-right: 15px;
}
.add-new-element-btn .btn-sm {
  padding: 0.3rem 0.85rem 0.2rem 0.4rem;
}
@-moz-document url-prefix() {
  .add-new-element-btn .btn-sm {
    padding: 0.2rem 1rem 0.18rem 0.3rem !important;
  }
}
.add-new-element-btn .material-icons {
  padding-right: 4px !important;
}
.add-new-element-btn,
.add-new-element-btn span {
  font-weight: 400 !important;
}
.add-new-element-btn > * {
  vertical-align: middle;
}

.addCategoryDiv .add-new-element-btn {
  position: relative;
  padding: 0 !important;
  width: 55px;
  height: 32px;
}
.addCategoryDiv .add-new-element-btn .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 !important;
  transform: translate(-50%, -50%);
}

.modal .modal-content .form-group-row {
  margin-left: -25px;
  margin-right: -25px;
  padding-left: 25px;
  padding-right: 25px;
}

.form.grey-template-container {
  margin: -21px;
  width: calc(100% + 42px);
  background: #fbfbfb;
}
.form.grey-template-container form {
  max-width: 95%;
  margin: 0 auto;
}

.widget-holder:not(.column1-w-back-container) .form-oscar .form-group-row {
  padding: 0 0 1rem 0;
}
.widget-holder:not(.column1-w-back-container) .form-oscar .form-group-row.collapsed {
  padding-bottom: 0;
}

.column1-w-back-container {
  margin: 15px 0 0 0;
}
.column1-w-back-container .form-group-row {
  padding: 0 0 1rem 0;
}
.column1-w-back-container .form-group-row .row {
  margin-left: 0;
  margin-right: 0;
}

.navigation-col .card.functional-theme .card-header {
  padding: 0 14px;
}

.collapse-toggle-btn.collapsed .closeCollapseIcon {
  display: none;
}
.collapse-toggle-btn.collapsed .openCollapseIcon {
  display: inline-block;
}
.collapse-toggle-btn .closeCollapseIcon {
  display: inline-block;
}
.collapse-toggle-btn .openCollapseIcon {
  display: none;
}

.invitation-card {
  width: 500px;
  margin: 30px auto 20px;
  max-width: 100%;
}

.sd-no-box-shadow {
  box-shadow: none !important;
}

.card {
  border-radius: 7px;
  border: 1px solid #efefef;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}
.card .card-header {
  background-color: #fff;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}
.card .card-header h6 {
  margin: 0;
}
.card .gridview-header .grid-head-title {
  line-height: 24px;
  min-height: 24px;
  margin-top: 5px;
  padding-left: 5px;
  font-weight: 600;
}
.card.card-hide-x-borders {
  border-right: 0;
  border-left: 0;
}
.card.card-info-theme .card-header,
.card.card-info-theme .card-header .title {
  background-color: #03a9f3;
  color: #fff;
}
.card.card-dark-theme .card-header,
.card.card-dark-theme .card-header .title {
  background-color: #090b0e;
  color: #fff;
}
.card.data-table-card .card-block {
  padding: 0;
}
.card.data-table-card .card-block .gridview-header {
  margin-bottom: 0;
}
.card.data-table-card.data-table-card-sm .card-block .gridview-header {
  /*height: 50px;*/
}
.card.data-table-card.data-table-card-sm .card-block .gridview-header .grid-title {
  /*height: 38px;*/
}
.card.data-table-card.data-table-card-sm .card-block .gridview-header .grid-add-btn {
  min-height: 32px;
}
.card.data-table-card.data-table-card-sm .card-block .gridview-header .filter-btn {
  padding: 2px 0.5rem;
  margin-bottom: 0;
}
.card.data-table-card.data-table-card-sm .btn-list .btn-sm {
  margin-bottom: 0;
}
.card.card-nav-wrap .card-block {
  padding: 15px 0 0;
}
.card.card-nav-wrap .card-block .box-title {
  width: 100%;
  padding: 0 15px;
}
.card.card-nav-wrap .card-block .list-group {
  border: 0;
  border-radius: 0;
}
.card.card-nav-wrap .card-block .list-group-item {
  border-radius: 0 !important;
}
.card.functional-theme .tabs-wrap,
.card.functional-theme .card-header {
  position: relative;
  margin: 0;
  padding: 0 10px 0 20px;
  text-shadow: none;
  height: 45px;
  border-bottom: 0;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: #fff;
  color: #555;
  box-shadow: none;
  font-weight: 300;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}
.card.functional-theme .tabs-wrap:not(:first-child),
.card.functional-theme .card-header:not(:first-child) {
  border-top: 1px solid #eee;
}
.card.functional-theme .tabs-wrap:not(:last-child),
.card.functional-theme .card-header:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card.functional-theme .tabs-wrap > .left > h6,
.card.functional-theme .card-header > .left > h6 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card.functional-theme .card-header.tabs-wrap {
  padding: 0 15px 0 0;
  line-height: normal;
}
.card.functional-theme .tabs-wrap .nav-tabs {
  border: 0;
  list-style: none;
  padding: 0;
  align-self: stretch;
  margin-bottom: 0;
}
.card.functional-theme .tabs-wrap .nav-tabs .nav-item {
  padding: 0;
  display: inline-block;
  height: 100%;
}
.card.functional-theme .tabs-wrap .nav-tabs .nav-item .nav-link {
  border: 0;
  padding: 12px 12px 11px;
  font-size: 13px;
  color: #555;
  font-weight: 400;
  height: 100%;
}
.card.functional-theme .tabs-wrap .nav-tabs .nav-item .nav-link.active {
  color: #03A9F3 !important;
}
.card.functional-theme .tabs-wrap .nav-tabs .nav-item.active .nav-link {
  color: #fff !important;
  border-bottom: 4px solid #fff;
}
.card.functional-theme .card-header {
  display: flex;
  width: 100%;
  align-items: center;
}
.card.functional-theme .card-header.card-header-md .title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}
.card.functional-theme .card-header .side-button {
  float: none;
  margin-left: auto;
}
.card.functional-theme .card-header > * {
  min-width: 0;
}
.card.functional-theme .card-header .title {
  font-size: 14px;
}
.card.functional-theme .card-header .options-buttons .btn, .card.functional-theme .card-header .options-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .card.functional-theme .card-header .options-buttons button, .card.functional-theme .card-header .options-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .card.functional-theme .card-header .options-buttons button {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
}
.card.functional-theme .card-header .options-buttons .btn i, .card.functional-theme .card-header .options-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .card.functional-theme .card-header .options-buttons button i, .card.functional-theme .card-header .options-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .card.functional-theme .card-header .options-buttons button i {
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.card.functional-theme .options {
  display: flex;
  align-items: center;
}
.card.transparent-card {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.card.email-templates-card {
  margin-bottom: 15px;
}
.card.email-templates-card .card-block {
  min-height: 140px;
}
.card.email-templates-card .card-header .material-icons {
  font-size: 22px;
  top: -1 !important;
  margin-right: 5px;
  color: #555;
}
.card.email-templates-card .card-header h5 {
  margin: unset !important;
}
.card.email-templates-card .card-header h6 {
  margin-top: 4px;
  color: #555;
  font-weight: 600;
}
.card.email-templates-card .card-header h6 .material-icons {
  margin-top: -2px;
}
.card.invitation-to-join {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
}

.add-contract-card {
  position: relative;
}
.add-contract-card .remove-card-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
}
.add-contract-card .remove-card-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.template-view-header {
  margin-bottom: 15px;
}
.template-view-header .card-block {
  padding: 10px 15px;
}
.template-view-header .title-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.template-view-header .title-wrap > * {
  min-width: 0;
}
.template-view-header .title-wrap .title {
  display: inline-block;
  font-size: 22px;
  text-transform: uppercase;
  margin-right: 10px;
}
.template-view-header .title-wrap .badge {
  padding: 8px 14px;
}

.cg-notify-message .cg-notify-close {
  top: -5px;
  right: -17px;
  opacity: 0.5;
  filter: none;
  color: #000;
}
.cg-notify-message .cg-notify-close:hover, .cg-notify-message .cg-notify-close:focus {
  opacity: 1;
}
.cg-notify-message div.ng-binding {
  word-break: break-word;
}

.custom-links-group {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.custom-links-group li:not(:last-child) {
  margin-bottom: 10px;
}
.custom-links-group a {
  display: block;
  position: relative;
  color: #4a90e2;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  font-size: 15px;
  font-weight: 400;
}
.custom-links-group a::before {
  color: #4a90e2;
}
.custom-links-group a:focus, .custom-links-group a:hover {
  color: rgba(74, 144, 226, 0.8);
  text-decoration: none;
}
.custom-links-group a .custom-list-icon,
.custom-links-group a .custom-list-title {
  display: inline-block;
}
.custom-links-group a .custom-list-icon {
  margin-right: 10px;
  position: absolute;
  display: none;
  left: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
}

.card-block {
  padding: 1.25rem;
}

.card .checkbox-wrap {
  padding-left: 6px;
}

.grid-card-view .avatar-wrap {
  margin-left: 8px;
}
.grid-card-view .card .card-clickable-element {
  position: absolute;
  z-index: 999;
}

#pm-estimate-time-grid .info-wrap {
  margin-left: 10px;
}

.form-with-sidebar .main-content-wrap .card-header {
  min-height: 51px;
}
.form-with-sidebar .main-content-wrap .card-header .row {
  align-items: center;
}

.type-select-card {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 7px;
}
.type-select-card:hover {
  background-color: #ECECEC;
  transition: all 0.3s ease-in-out;
}
.type-select-card .type-select-header {
  font-size: 17px;
  margin-bottom: 0.2em;
  color: #990707;
  font-weight: 500;
}
.type-select-card .type-select-small {
  font-size: 11px;
  color: #000;
  margin-bottom: 1em;
  font-weight: 500;
}

.card-img-top img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.invoice-payment-result-message {
  text-align: center;
  color: #000000;
}
.card.activity-settings-container {
  overflow: hidden;
}

.title-settings {
  font-size: 0.9375rem;
  text-transform: uppercase;
  margin-top: 2px;
}

@media (max-width: 575px) {
  .grid-wrap-view.card {
    border: none;
    background-color: transparent;
  }
  .grid-wrap-view .dataTableResp {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
}

.dataTableResp.table-not-fixed .table {
  table-layout: inherit;
}

.data-table-card.card-view-card .grid-view {
  padding-top: 10px;
}
.data-table-card .data-grid-type {
  padding: 0 15px;
}

.grid-table-block .gridview-header,
.data-table-card .gridview-header {
  margin: 0;
  padding: 11px 10px;
}
.grid-table-block.static-pagination div.pagination nav,
.data-table-card.static-pagination div.pagination nav {
  height: auto;
}
.grid-table-block.static-pagination div.pagination nav ul.pagination,
.data-table-card.static-pagination div.pagination nav ul.pagination {
  top: 0;
}
.grid-table-block div.pagination,
.data-table-card div.pagination {
  padding: 0 15px;
  text-align: right;
}
.grid-table-block div.pagination nav,
.data-table-card div.pagination nav {
  display: block;
  width: 100%;
}
.grid-table-block div.pagination nav::after,
.data-table-card div.pagination nav::after {
  display: block;
  clear: both;
  content: "";
}
.grid-table-block div.pagination nav ul.pagination,
.data-table-card div.pagination nav ul.pagination {
  position: relative;
  justify-content: flex-end;
}
.grid-table-block .sd-grid-view .table tfoot tr td,
.data-table-card .sd-grid-view .table tfoot tr td {
  height: 60px !important;
}
.grid-table-block .sd-grid-view .table tfoot .checkbox-column,
.data-table-card .sd-grid-view .table tfoot .checkbox-column {
  position: relative !important;
  height: 35px;
  vertical-align: middle;
}
.grid-table-block .sd-grid-view .table tfoot .checkbox-column select,
.data-table-card .sd-grid-view .table tfoot .checkbox-column select {
  min-width: 150px;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.grid-table-block .sd-grid-view .table tfoot .checkbox-column select:focus,
.data-table-card .sd-grid-view .table tfoot .checkbox-column select:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.grid-table-block .sd-grid-view .table tfoot .checkbox-column select[disabled], .grid-table-block .sd-grid-view .table tfoot .checkbox-column select[readonly]:not([auto-select]),
.data-table-card .sd-grid-view .table tfoot .checkbox-column select[disabled],
.data-table-card .sd-grid-view .table tfoot .checkbox-column select[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .grid-table-block .sd-grid-view .table tfoot .checkbox-column select,
  .data-table-card .sd-grid-view .table tfoot .checkbox-column select {
    min-height: 42px;
    font-size: 14px;
  }
  .grid-table-block .sd-grid-view .table tfoot .checkbox-column select:not(textarea),
  .data-table-card .sd-grid-view .table tfoot .checkbox-column select:not(textarea) {
    height: auto !important;
  }
}
.grid-table-block .sd-grid-view .table tfoot .checkbox-column select.standard-multiselect,
.data-table-card .sd-grid-view .table tfoot .checkbox-column select.standard-multiselect {
  height: auto !important;
}

.grid-card-version .gridview-header {
  margin: 0;
}
.grid-card-version .gridview-header .grid-add-btn {
  padding-top: 2px;
  padding-bottom: 2px;
}
.grid-card-version .dataTable {
  margin-top: 0 !important;
}

.select2-billing-settings .select2 .select2-selection--single {
  height: 24px;
}
.select2-billing-settings .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 24px;
}

.dataTableResp .filters > * {
  width: 100%;
}
.dataTableResp .filters > * > * {
  width: 100%;
}
.dataTableResp .filters > * form {
  width: 100%;
}
.dataTableResp .ct-options-cell .dropdown {
  display: inline-block;
}
.dataTableResp .ct-options-cell .dropdown .dropdown-toggle {
  position: relative;
  white-space: nowrap;
}
.dataTableResp .ct-options-cell .dropdown .dropdown-toggle .caret {
  float: none;
}
.dataTableResp .ct-options-cell .dropdown .dropdown-menu {
  left: auto !important;
  right: 0 !important;
  top: 30px !important;
  transform: none !important;
}
.dataTableResp .ct-options-cell .dropdown .dropdown-menu > * {
  transition: all 0.3s ease;
  font-weight: 300;
}
.dataTableResp .table tr td:first-child,
.dataTableResp .table tr th:first-child {
  padding-left: 15px !important;
}
.dataTableResp tr td {
  vertical-align: middle;
}
.dataTableResp tr td .label {
  padding: 5px 10px;
  text-transform: uppercase;
}
.dataTableResp .task-title {
  white-space: inherit !important;
}

.editable-buttons.editable-buttons .ui-button {
  width: auto;
  text-indent: 0;
  font-size: 12px !important;
  padding: 3px 5px;
  color: #fff;
}
.editable-buttons.editable-buttons .ui-button:not(:last-child) {
  margin-right: 5px;
}
.editable-buttons.editable-buttons .ui-button .ui-button-icon,
.editable-buttons.editable-buttons .ui-button .ui-button-icon-space,
.editable-buttons.editable-buttons .ui-button .arrow-up {
  display: none;
}
.editable-buttons.editable-buttons .editable-submit {
  margin: 0;
  background: #88be60;
  border: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.editable-buttons.editable-buttons .editable-submit.ui-state-hover {
  border: none !important;
}
.editable-buttons.editable-buttons .editable-cancel {
  margin-left: 0;
  border: none;
  background: #ec4040;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.editable-buttons.editable-buttons .editable-cancel.ui-state-hover {
  border: none !important;
}

.dataTableResp .task-title-col {
  position: relative;
}
.dataTableResp .task-title-col .task-due-date {
  float: none !important;
  padding-left: 20px;
}

.data-table-custom-style .indexHeader {
  padding: 0 25px;
  text-align: right;
}
.data-table-custom-style .indexHeader .btn, .data-table-custom-style .indexHeader .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-custom-style .indexHeader button, .data-table-custom-style .indexHeader .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-custom-style .indexHeader button {
  margin-top: 10px;
  margin-bottom: 10px;
}
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-header-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-header-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-header-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-row,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-header-row {
  height: 35px;
}
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-header-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-header-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-header-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-row.datagrid-row-selected,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-header-row.datagrid-row-selected {
  background-color: rgba(3, 169, 243, 0.2);
}
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-header-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-header-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-header-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-header-row td {
  border-style: solid;
}
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-htable .datagrid-header-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-body .datagrid-btable .datagrid-header-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-htable .datagrid-header-row td,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-header .datagrid-btable .datagrid-header-row td {
  border-top: 1px solid #ccc;
}
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-body .datagrid-htable,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-body .datagrid-btable,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-header .datagrid-htable,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-header .datagrid-btable {
  width: 100%;
}
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-body .datagrid-htable .datagrid-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-body .datagrid-htable .datagrid-header-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-body .datagrid-btable .datagrid-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-body .datagrid-btable .datagrid-header-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-header .datagrid-htable .datagrid-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-header .datagrid-htable .datagrid-header-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-header .datagrid-btable .datagrid-row td:last-child,
.data-table-custom-style .datagrid-wrap .datagrid-view .datagrid-view2 .datagrid-header .datagrid-btable .datagrid-header-row td:last-child {
  border-right: 0;
}

.table-task-title-col {
  display: inline-block;
}
.table-task-title-col > * {
  float: none !important;
}

.modal-data-table {
  padding-bottom: 10px !important;
}
.modal-data-table .dataTableResp .gridview-header {
  padding: 0 15px;
}
.modal-data-table .dataTableResp .table thead tr th {
  color: #000 !important;
}

.mobile-gridview-header {
  /*@include media-breakpoint-down(xs) {
    display: block;
  }*/
}
@media (min-width: 576px) {
  .mobile-gridview-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .mobile-gridview-header > * {
    min-width: 0;
  }
}
@media (max-width: 575px) {
  .mobile-gridview-header .card-view-filters {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .mobile-gridview-header .cards-buttons-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .mobile-gridview-header .cards-buttons-wrap > * {
    min-width: 0;
  }
}
@media (min-width: 576px) {
  .mobile-gridview-header .cards-buttons-wrap {
    flex: 0 0 auto;
  }
  .mobile-gridview-header .card-view-filters {
    flex: 0 1 240px;
    margin-bottom: 0;
  }
}
.mobile-gridview-header .card-view-filters {
  position: relative;
  vertical-align: top;
}
.mobile-gridview-header .card-view-filters .fal,
.mobile-gridview-header .card-view-filters i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  font-size: 15px;
}
.mobile-gridview-header .card-view-filters label {
  display: block;
  margin-bottom: 0;
}
.mobile-gridview-header .card-view-filters input {
  padding-left: 35px;
  height: 30px !important;
  min-height: 30px !important;
  font-size: 0.9rem;
}

.card-view-progress {
  text-align: center;
}
.card-view-progress .progress {
  margin-bottom: 5px !important;
}
.card-view-progress .progress .progress-bar {
  min-width: 60px;
}
.card-view-progress .progress-content {
  color: #000;
}

.card-view-loading {
  position: relative;
  height: 220px;
  padding-bottom: 20px;
}
.card-view-loading .grid-view-loading {
  height: 100%;
}

.card-view-empty {
  display: flex;
  justify-content: center;
  min-height: 200px;
  padding: 25px 15px;
  text-align: center;
  font-size: 30px;
  background-color: white;
  border-radius: 7px;
}
.card-view-empty img {
  display: block;
  margin: 0 auto;
}

.gridview-empty-default .empty .empty-grid-svg {
  max-width: 250px;
  margin: 0 auto 20px;
}

.empty-grid svg.empty-grid,
.gridview-empty-default svg.empty-grid,
.card-view-empty svg.empty-grid {
  max-width: 300px;
  height: 165px;
  margin: 30px 0 50px 0;
  opacity: 0.5;
  --color-gray: #383838;
}

@media (min-width: 768px) {
  .data-view-custom-wrapper {
    position: relative;
  }
  .data-view-custom-wrapper .gridview-header .filter-btn .material-icons {
    margin-right: 3px;
  }
  .data-view-custom-wrapper .gridview-header .export-btn {
    font-weight: 300 !important;
  }
  .data-view-custom-wrapper .gridview-header .export-btn .material-icons {
    margin-right: 3px;
  }
}
@media (min-width: 768px) and (max-width: 575px) {
  .data-view-custom-wrapper .data-grid-type-desktop {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .data-view-custom-wrapper .data-grid-type-desktop .btn, .data-view-custom-wrapper .data-grid-type-desktop .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-view-custom-wrapper .data-grid-type-desktop button, .data-view-custom-wrapper .data-grid-type-desktop .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-view-custom-wrapper .data-grid-type-desktop button {
    height: 38px;
  }
  .data-view-custom-wrapper .data-grid-type-desktop .btn:last-child, .data-view-custom-wrapper .data-grid-type-desktop .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:last-child, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-view-custom-wrapper .data-grid-type-desktop button:last-child, .data-view-custom-wrapper .data-grid-type-desktop .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:last-child, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-view-custom-wrapper .data-grid-type-desktop button:last-child {
    margin-right: 0;
  }
  .data-view-custom-wrapper .data-grid-type-desktop .btn .material-icons, .data-view-custom-wrapper .data-grid-type-desktop .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-view-custom-wrapper .data-grid-type-desktop button .material-icons, .data-view-custom-wrapper .data-grid-type-desktop .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-view-custom-wrapper .data-grid-type-desktop button .material-icons {
    margin-right: 3px;
  }
}
@media (max-width: 767px) {
  .data-view-custom-wrapper .data-grid-type-desktop {
    display: none !important;
  }
}
@media (max-width: 570px) {
  .sd-list-card-switcher {
    margin-bottom: 1px;
  }
}

@media (max-width: 1024px) {
  .sd-list-card-switcher-label {
    display: none;
  }
}

.messagesDataTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 7px !important;
}
.messagesDataTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 7px !important;
}

.categories-table .table .row-clickable .category-pill {
  display: block;
  word-break: break-word;
}

@media (max-width: 560px) {
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px,
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px {
    margin-left: 0;
    padding: 0 12px;
    font-size: 10px;
  }
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px .fa-plus,
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px .fa-plus {
    display: block;
    position: relative;
    margin-right: 4px;
    width: 10px;
    height: 10px;
  }
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px .fa-plus::before,
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px .fa-plus::after,
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px .fa-plus::before,
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px .fa-plus::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 10px;
    top: 50%;
    left: 50%;
    background-color: #555;
    transform: translate(-50%, -50%);
  }
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px .fa-plus::after,
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px .fa-plus::after {
    height: 2px;
    width: 10px;
  }
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px span,
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px span {
    margin: 0;
    line-height: 0.9;
  }
  .data-table-card div.pagination {
    margin: 20px 0;
    padding: 0;
  }
  .data-table-card div.pagination nav ul.pagination {
    margin: 0;
    font-size: 10px;
    justify-content: center;
  }
}
@media (max-width: 374px) {
  #content-field-settings-grid .gridview-header .sd-btn-wide-primary-add-36px,
  #content-field-settings-grid .gridview-header .sd-btn-wide-action-24px {
    padding: 0 6px;
  }
}
.sd-oscar-file-upload-wrapper {
  padding-bottom: 10px;
}
.sd-oscar-file-upload-wrapper .drop-box {
  background: #F8F8F8;
  border: 2px dashed #DDD;
  width: 100%;
  text-align: center;
  padding: 50px 10px;
  cursor: pointer;
}
.sd-oscar-file-upload-wrapper .drop-box:focus, .sd-oscar-file-upload-wrapper .drop-box:hover {
  background: whitesmoke;
}
.sd-oscar-file-upload-wrapper .crop-area {
  background: #F8F8F8;
  border: 2px dashed #DDD;
  text-align: center;
  overflow: hidden;
  width: 100%;
  min-height: 14.2857142857em;
}
.sd-oscar-file-upload-wrapper .crop-area .crop-block {
  min-height: 14.2857142857em;
}
.sd-oscar-file-upload-wrapper .text-muted, .sd-oscar-file-upload-wrapper .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul, .sd-file-browser .browser-list .entity .title .inner-title .entity-meta .sd-oscar-file-upload-wrapper ul {
  font-size: 12px;
}

.iframe-modal-body {
  position: relative;
}
.iframe-modal-body .iframe-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button {
  padding: 3px 7px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
  line-height: 24px !important;
  box-shadow: none;
  height: auto;
  cursor: pointer;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_stop {
  color: #fff;
  background: #dc3545;
  border-color: #dc3545;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_stop:hover, #uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_stop:focus {
  background: #c82333;
  border-color: #bd2130;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_start {
  color: #fff;
  background: #007bff;
  border-color: #007bff;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_start:hover, #uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_start:focus {
  background-color: #0069d9;
  border-color: #0062cc;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_add {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_add:hover, #uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_add:focus {
  background-color: #218838;
  border-color: #1e7e34;
}
#uploader .plupload_content .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button.plupload_disabled {
  opacity: 0.5;
  cursor: auto;
}

@media (min-width: 768px) {
  .messages-content-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .messages-content-wrap > * {
    min-width: 0;
  }
}

.message-view-card .card-header {
  background: #fafafa !important;
  border-top: 1px solid #eee;
  border-radius: unset !important;
  border-bottom: 1px dashed #ccc !important;
}

.mailbox-menu-newmsg .btn-primary:active, .mailbox-menu-newmsg .btn-primary:focus {
  color: #fff !important;
  font-style: italic;
}

.mailMain .file-upload-attachment-modal-card {
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.mailMain .card-footer {
  border-top: 1px dashed #ccc !important;
}
.mailMain .card-footer button {
  margin-left: 5px;
}

.mailMenu,
.mailMain {
  float: none;
}
.mailMenu .widget,
.mailMain .widget {
  padding-bottom: 0;
}
.mailMenu .widget .whead,
.mailMain .widget .whead {
  box-shadow: none;
}

#trash-grid .gridview-header,
#sent-grid .gridview-header,
#messages-grid .gridview-header {
  padding: 8px 15px 7px 15px;
  margin: 0;
  min-height: 43px;
}

.mailMenu .card-header {
  height: 55px !important;
}

.mailMain .card.functional-theme .tabs-wrap,
.mailMain .card.functional-theme .card-header {
  height: auto;
  min-height: 55px;
}
.mailMain .card.functional-theme .tabs-wrap h6,
.mailMain .card.functional-theme .card-header h6 {
  min-width: auto;
}
.mailMain .card.functional-theme .tabs-wrap .card-header-buttons,
.mailMain .card.functional-theme .card-header .card-header-buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .mailMain .card.functional-theme .tabs-wrap .card-header-buttons,
  .mailMain .card.functional-theme .card-header .card-header-buttons {
    padding: 10px 0;
  }
  .mailMain .card.functional-theme .tabs-wrap .card-header-buttons .side-button,
  .mailMain .card.functional-theme .card-header .card-header-buttons .side-button {
    margin-left: inherit;
  }
}
.mailMain .card.functional-theme .tabs-wrap .card-header-buttons .btn, .mailMain .card.functional-theme .tabs-wrap .card-header-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .mailMain .card.functional-theme .tabs-wrap .card-header-buttons button, .mailMain .card.functional-theme .tabs-wrap .card-header-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .mailMain .card.functional-theme .tabs-wrap .card-header-buttons button,
.mailMain .card.functional-theme .card-header .card-header-buttons .btn,
.mailMain .card.functional-theme .card-header .card-header-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .mailMain .card.functional-theme .card-header .card-header-buttons button,
.mailMain .card.functional-theme .card-header .card-header-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .mailMain .card.functional-theme .card-header .card-header-buttons button {
  margin: 2px 5px 2px 0 !important;
  padding: 0.1rem 1rem !important;
}
@media (max-width: 767px) {
  .mailMain .card.functional-theme .tabs-wrap,
  .mailMain .card.functional-theme .card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px;
  }
  .mailMain .card.functional-theme .tabs-wrap > *,
  .mailMain .card.functional-theme .card-header > * {
    min-width: 0;
  }
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  height: auto;
  min-height: 45px;
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block #folders-col {
  width: 218px;
  min-height: 40px;
  padding-top: 3px;
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block .messages-bulk-action-options {
  width: 202px;
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block .createFolderCol {
  margin-bottom: 3px;
  margin-top: 3px;
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block .select2-container--default {
  min-height: unset;
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block .select2-selection {
  height: calc(2rem + 2px) !important;
}
.mailMain .messages-bulk-action-form .messages-bulk-action-block .select2-selection__rendered {
  line-height: calc(2rem + 2px) !important;
}

@media (min-width: 768px) {
  .mailMenu {
    flex: 0 0 300px;
    width: auto;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .mailMenu {
    margin-bottom: 20px;
    width: 100%;
  }
}
.mailMenu .card .mailbox-menu {
  margin-top: 0;
}
.mailMenu .card .mailbox-menu .add-button-wrap {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}
.mailMenu .card .mailbox-menu .mailbox-folder-actions .buttonXS {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.mailMenu .card .mailbox-menu .mailbox-folder-actions .buttonXS, .mailMenu .card .mailbox-menu .mailbox-folder-actions .buttonXS:hover, .mailMenu .card .mailbox-menu .mailbox-folder-actions .buttonXS:focus {
  color: #000;
  background: transparent;
  border: 0;
}
.mailMenu .card .mailbox-menu .mailbox-folder-actions .buttonXS span,
.mailMenu .card .mailbox-menu .mailbox-folder-actions .buttonXS i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
  flex: 1 1 auto;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field[disabled], .mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field {
    min-height: 42px;
    font-size: 14px;
  }
  .mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field:not(textarea) {
    height: auto !important;
  }
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .mailbox-folder-edit-field.standard-multiselect {
  height: auto !important;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename form {
  display: flex;
  align-items: center;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename form > * {
  min-width: 0;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS {
  flex: 0 0 auto;
  display: inline-block;
  font-weight: 600;
  line-height: 2em !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  padding: 0 0.3125rem;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS.bGreen {
  background: #58718C;
  border: 1px solid #4D6279;
  font-weight: 500 !important;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS.bGreen:hover, .mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS.bGreen:focus {
  background-color: #711d1d;
  border-color: #9a2626;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS.bRed {
  color: #292b2c;
  border: 1px solid #ccc;
  background-color: #fff;
}
.mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS.bRed:hover, .mailMenu .card .mailbox-menu .mailbox-folder-rename .buttonS.bRed:focus {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item a {
  display: flex;
  align-items: center;
  max-width: none;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item a span {
  line-height: 0.9;
  transition: all 0.3s ease;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item a:hover span, .mailMenu .card .mailbox-menu .mailbox-menu-item a:focus span {
  color: gray;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item .mailbox-new-msgs {
  display: flex;
  align-items: center;
  margin-left: 3px;
  transform: translate(0, 1px);
}
.mailMenu .card .mailbox-menu .mailbox-menu-item.mailbox-folder .mailbox-new-msgs {
  color: #595959;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item.mailbox-menu-current > a {
  border-left: 5px solid #303e4d;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item:last-child {
  border-bottom: 0;
}
.mailMenu .card .mailbox-menu .mailbox-menu-item .mail-link {
  padding: 10px;
  background-color: transparent;
}

.message-view-card.card {
  border: 0;
}
@media (max-width: 575px) {
  .message-view-card.card .card-header {
    padding: 5px 20px;
    height: auto;
    min-height: 45px;
    line-height: 35px;
  }
}
.message-view-card.card .original-message,
.message-view-card.card .cc-block {
  padding: 5px 20px;
}
.message-view-card.card .message-details-block {
  width: 100%;
}
@media (min-width: 576px) {
  .message-view-card.card .message-details-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .message-view-card.card .message-details-block > * {
    min-width: 0;
  }
}
.message-view-card.card .message-details-block .subject-col {
  flex: 0 1 auto;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 576px) {
  .message-view-card.card .message-details-block .subject-col {
    line-height: 20px;
    white-space: normal;
  }
}
.message-view-card.card .message-details-block .date-col,
.message-view-card.card .message-details-block .sender-col {
  flex: 0 0 auto;
}
@media (min-width: 576px) {
  .message-view-card.card .message-details-block .date-col,
  .message-view-card.card .message-details-block .sender-col {
    padding-left: 15px;
  }
}
.message-view-card.card .message-content p {
  margin-bottom: 20px;
  font-weight: 300;
}
.message-view-card.card .message-content a {
  color: cornflowerblue !important;
  text-decoration: underline !important;
}
.message-view-card.card .message-content strong {
  font-weight: bold;
}

@media (min-width: 768px) {
  .mailMain {
    flex: 1 1 auto;
    width: auto;
  }
}
@media (max-width: 767px) {
  .mailMain {
    width: 100%;
  }
}
.mailMain .dataTable {
  margin-top: 0 !important;
}

.view-message-wrapper .message-content {
  padding: 20px 10px;
}

.canned-response-list .canned-response-list-item {
  margin-bottom: 10px;
}
.canned-response-list .canned-response-list-item:hover, .canned-response-list .canned-response-list-item:focus {
  color: #fff;
}
.canned-response-list .canned-response-list-item .list-icon {
  display: none;
}
.canned-response-list .canned-response-list-item.selected .list-icon {
  display: inline-block;
}

.users-avatars-list-col {
  width: 240px;
}

.message-users-list-toggle {
  top: 50%;
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
  height: 16px;
  width: 24px;
  line-height: 30px;
  padding: 0;
  font-weight: 300 !important;
  font-size: 12px;
}
.message-users-list-toggle:before {
  content: "+";
}
.message-users-list-toggle.opened:before {
  content: "-";
}

.message-users-list {
  position: relative;
}
.message-users-list .message-users-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 5px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  text-align: left;
}
.message-users-list .message-users-list-item > * {
  min-width: 0;
}
.message-users-list .message-users-list-item .avatar-col {
  flex: 0 0 30px;
}
.message-users-list .message-users-list-item .avatar-col .logo {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
  border: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8px;
}
.message-users-list .message-users-list-item .avatar-col .logo img,
.message-users-list .message-users-list-item .avatar-col .logo svg {
  width: 20px !important;
  height: 20px !important;
}
.message-users-list .message-users-list-item .info-col {
  flex: 1 1 auto;
}
.message-users-list .message-users-list-item .info-col .info-col-name {
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
}
.message-users-list .message-users-list-item .info-col .info-col-role {
  font-size: 11px;
  line-height: 13px;
  color: #777;
  font-style: italic;
}

.canned-response-list-item {
  font-weight: 500 !important;
}

.signature-widget .gridview-header {
  min-height: 62px;
}

.mailMenu .mailbox-menu-item .mail-link:hover,
.mailMenu .mailbox-menu-item .mail-link:active,
.mailMenu .mailbox-menu-item .mail-link.active,
.mailMenu .mailbox-menu-item .mailbox-menu-current .mail-link {
  color: #E6614F;
}

.mailMenu .mailbox-menu-item .btn-custom-wrapper .icon-plus {
  font-size: 20px;
  padding-top: 17px;
}

.shortcuts-container {
  margin: -10px -25px 0;
}
.shortcuts-container .shortcuts-wrapper {
  display: grid;
  grid-template-columns: max-content 1fr max-content 1fr;
  grid-gap: 10px 20px;
  padding: 10px 25px;
}
.shortcuts-container .shortcuts-wrapper.footer-item {
  border-top: 1px solid #eeeeee;
}
.shortcuts-container .shortcuts-wrapper > div {
  display: flex;
  align-items: center;
}
.shortcuts-container .shortcuts-wrapper .shortcut-key {
  justify-content: center;
}
.shortcuts-container .shortcuts-wrapper .shortcut-key > span {
  display: inline-block;
  padding: 5px 10px;
  background: #e8e8e8;
  border: 1px solid #ccc;
}

.unread.mailbox-card-view-item {
  background: #fff !important;
  color: #000 !important;
  font-weight: 700;
  border-top: 1px solid #E0E0E0 !important;
}

.read.mailbox-card-view-item {
  background: #f3f3f3 !important;
  color: #777777 !important;
  text-decoration: none !important;
  border-top: 1px solid #E0E0E0 !important;
}

.addPayment__attach-file-block,
.message__attach-file-block {
  /* .message__attach-file-input-block {
    height: auto;
    opacity: 1;
    transition: height 0.3s ease-in-out;
  }

  .message__attach-file-input-block.ng-hide {
    display: block !important;
    height: 0;
    opacity: 0;
    transition: height 0.7s ease-in-out;
  } */
}
.addPayment__attach-file-block .btn-icon,
.message__attach-file-block .btn-icon {
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.addPayment__attach-file-block .btn-icon svg,
.message__attach-file-block .btn-icon svg {
  width: 20px;
  height: 20px;
  fill: #444;
}

@media (max-width: 1150px) {
  .mailMenu .mailbox-menu-newmsg {
    position: static !important;
  }
}
@media (max-width: 375px) {
  #sent-grid .view-template-wrapper {
    padding: 0 8px;
  }
  .messages-content-wrap .mailMenu .card-header {
    padding: 10px;
  }
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper {
  position: static;
  display: flex;
  align-items: center;
  column-gap: 6px;
  margin-left: auto;
  height: unset;
  transform: scale(1);
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .button-icon.icon-delete::before, .mailMenu .mailbox-menu-item .btn-custom-wrapper .button-icon.icon-delete::after {
  content: "";
  position: absolute;
  top: 6px;
  width: 2px;
  height: 16px;
  background-color: #555;
  border-radius: 2px;
  transform: rotate(45deg);
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .button-icon.icon-delete::after {
  transform: rotate(-45deg);
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .sd-btn-util-24px {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 30px;
  height: 26px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .sd-btn-util-24px svg {
  width: 18px;
  height: 15px;
  fill: #555;
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .sd-btn-util-24px .fal {
  position: relative;
  width: 18px;
  height: 16px;
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .sd-btn-util-24px .fal::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 16px;
  transform: translate(-50%, -50%);
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper span {
  display: block;
  width: 20px;
  height: 20px;
}

.mailMenu .mailbox-menu-item .btn-custom-wrapper .icon-plus {
  position: relative;
  padding: 0;
  line-height: 0.8;
}
.mailMenu .mailbox-menu-item .btn-custom-wrapper .icon-plus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-oscar .form-group--message__attach-file {
  margin-bottom: 30px;
}

.form-group .form-group.attach-file {
  margin-top: 15px;
}

#message-new .card-block {
  background-color: #fff;
}

#login-main,
#login-second {
  width: 380px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  #login-main {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  #login-main {
    padding: 30px 20px;
  }
}
#login-main .card-header {
  background-color: transparent !important;
}
#login-main .frmEl {
  height: 30px;
  font-weight: 400 !important;
  font-size: 13px;
}
#login-main .logo-block {
  display: block;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 575px) {
  #login-main .logo-block img {
    width: 200px !important;
  }
}
#login-main .logo-block img {
  max-width: 100% !important;
}

body.login {
  overflow-y: hidden !important;
  font-family: "Inter", sans-serif, Sans-Serif;
}
body.login .container-fluid {
  padding: 0;
}
body.login .container-fluid .wrapper {
  margin: 0;
}

@media (min-width: 1025px) {
  #a2hs, #ios-popup {
    display: none !important;
  }
}
.ios-popup {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  padding: 15px 25px 15px 25px;
  background: rgb(242, 242, 247);
  border: 1px solid #dddddd;
  text-align: justify;
  border-radius: 10px;
  z-index: 9999;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.ios-popup p {
  color: rgb(28, 28, 30) !important;
}
.ios-popup p .share-apple {
  width: 25px;
  height: 25px;
  margin-top: -3px;
}
.ios-popup .hide-ios-popup {
  color: rgb(0, 122, 255);
}
.ios-popup::after {
  position: absolute;
  content: "";
  height: 0px;
  width: 0px;
  left: 43%;
  bottom: -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgb(242, 242, 247);
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
  z-index: 9999;
}

.login .form .form-group .sd-login-email-input {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.login .form .form-group .sd-login-password-input {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}

.rememberMe {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #3a77a2;
}
.rememberMe input {
  display: none;
}
.rememberMe label {
  font-size: inherit;
  margin: 0 !important;
  margin-right: 15px !important;
  position: relative;
  padding-left: 20px !important;
}
.rememberMe label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid #dce7ef;
  border-radius: 3px;
  background-color: #E8F0FE;
  transform: translate(0, -50%);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rememberMe label {
    font-size: 11px;
  }
}
@media (max-width: 500px) {
  .rememberMe label {
    font-size: 11px;
  }
}
@media (max-width: 370px) {
  .rememberMe label {
    font-size: 10px;
  }
}
.rememberMe .having-trouble {
  color: #3a77a2;
  font-size: 12px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rememberMe .having-trouble {
    font-size: 11px;
  }
}
@media (max-width: 500px) {
  .rememberMe .having-trouble {
    font-size: 11px;
  }
}
@media (max-width: 370px) {
  .rememberMe .having-trouble {
    font-size: 10px;
  }
}

#LoginForm_rememberMe:checked + label::before {
  background-color: #3a77a2;
  border: none;
}

#LoginForm_rememberMe:checked + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  display: block;
  width: 6px;
  height: 10px;
  background-color: transparent;
  border-width: 3px;
  border-style: solid;
  border-color: #ffffff;
  border-left: none;
  border-top: none;
  border-radius: 2px;
  transform: rotate(45deg) skew(5deg);
}

.login #select2-LoginForm_companyID-container {
  line-height: 1 !important;
}
.login #select2-LoginForm_companyID-container .select2-selection__clear {
  display: none !important;
}
.login .btn-primary-login {
  padding: 0 0.9375rem !important;
  height: 33px !important;
  line-height: 1 !important;
}
.login .btn-lg {
  height: 47px !important;
  padding: 0 0.9375rem !important;
  line-height: 1 !important;
}
.login .having-trouble {
  line-height: 1 !important;
}
.login .rememberMe {
  row-gap: 6px;
  padding-left: 20px;
}
.login .rememberMe .rememberMe-checkboxWithLabel {
  margin-left: -20px;
}
.login .rememberMe label {
  display: flex;
  align-items: center;
  padding-top: 2px !important;
  height: 17px;
  line-height: 1;
}

.logo-dark img {
  width: 100%;
  max-width: 20rem;
  height: auto;
  margin-bottom: 1rem;
}

@media (max-height: 762px) {
  .login {
    overflow: auto;
  }
  .login .split-container .panel.panel-1 {
    padding-top: 1rem;
    padding-bottom: 80px;
  }
  .login .split-container p {
    margin-bottom: 0;
  }
  .login .split-container p + p {
    margin-top: 1rem;
  }
  .login .split-container .form-group {
    margin-bottom: 0;
  }
  .login .split-container .form-group + .form-group {
    margin-top: 1rem;
  }
}
@media (max-height: 600px) {
  .login .split-container .panel.panel-1 {
    padding-bottom: 1rem;
  }
  .login .panel-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.login .login-bg {
  min-height: 100vh;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.login .panel-2 {
  background-image: url(../../../../images/login/new-login-bg.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.login .form .form-control {
  padding: 1rem 1rem !important;
  height: 40px !important;
}
.login .form .form-control:not(:focus) {
  box-shadow: none !important;
}
.login .form .form-control, .login .form .select2-selection {
  border: 2px solid #dce7ef;
  border-radius: 6px;
}
.login .form .select2 * {
  outline: none;
}
.login .form .select2 .select2-selection__rendered .select2-selection__placeholder {
  font-weight: 400;
  font-family: var(--default-font-family);
  color: #bbb;
}
.login .form .select2 .select2-selection__rendered .select2-selection__clear {
  font-size: 1.875rem;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 2.5rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: normal;
}
.login .form .select2 .select2-selection:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(3, 169, 243, 0.2);
}
.login .form .btn-list .btn, .login .form .btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .form .btn-list button, .login .form .btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .form .btn-list button {
  margin-bottom: 0;
}
.login .form .box-title, .login .form .text-muted, .login .form .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul, .sd-file-browser .browser-list .entity .title .inner-title .entity-meta .login .form ul {
  text-align: center;
}
.login .select2-container .select2-dropdown {
  border: 2px solid #dce7ef;
  border-top: 0 none;
}
.login .select2-container .select2-dropdown .select2-search {
  padding: 0;
  margin-bottom: 2px;
}
.login .select2-container .select2-dropdown .select2-search .select2-search__field:focus {
  border: 0 none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(3, 169, 243, 0.2);
}
.login .split-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  font-family: "Inter", sans-serif;
  background-color: #fff;
}
.login .split-container .panel {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1 1 50%;
  height: 100vh;
  max-width: 100%;
  width: 100%;
  padding: 2rem 3rem;
  background-color: #fff;
}
.login .split-container .panel .form {
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
.login .split-container .panel-footer {
  padding: 1rem;
  text-align: center;
  color: #8b97ad;
}
@media (max-height: 762px) {
  .login .split-container .panel-footer {
    padding: 0.5rem 1rem;
  }
}
.login .split-container .panel-footer p {
  margin-bottom: 0;
}
.login .split-container .panel-footer a {
  color: #8b97ad;
  font-weight: 600;
}
.login .split-container .panel-footer a:hover {
  color: #224057;
}
.login .split-container .btn, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button {
  border-radius: 1px 1px 9px 1px;
}
.login .split-container .btn.btn-back, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-back, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-back, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-back, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-back {
  border-radius: 1px 1px 1px 9px;
}
.login .split-container .btn.btn-primary, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary {
  background: #3a77a2;
  border: none;
  font-weight: 500 !important;
  padding: 0.3125rem 0.9375rem 0.5625rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .login .split-container .btn.btn-primary, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary {
    padding: 0.3125rem 0.9375rem 0.375rem;
  }
}
@-moz-document url-prefix() {
  .login .split-container .btn.btn-primary, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary {
    padding: 0.3125rem 0.9375rem 0.5625rem;
  }
}
.login .split-container .btn.btn-primary:focus, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary:focus, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(73, 97, 120, 0.5);
  background: #1E2832;
  border-color: transparent;
}
.login .split-container .btn.btn-primary:hover, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary:hover, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary:hover {
  background: #2F3F4E;
  border-color: transparent;
}
.login .split-container .btn.btn-primary:active, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:active, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary:active, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:active, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary:active {
  background: #7FB1E1;
  box-shadow: 0 0 0 2px rgba(73, 97, 120, 0.5);
  border-color: transparent;
}
.login .split-container .btn.btn-primary.dropdown-toggle, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary.dropdown-toggle, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary.dropdown-toggle {
  white-space: nowrap;
}
.login .split-container .btn.btn-primary.dropdown-toggle:focus, .login .split-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary.dropdown-toggle:focus, .login .split-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.dropdown-toggle:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .split-container button.btn-primary.dropdown-toggle:focus {
  background: #1E2832;
  border-color: transparent;
}
.login .split-container .having-trouble {
  color: #3a77a2;
  font-size: 12px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .login .split-container .having-trouble {
    font-size: 11px;
  }
}
@media (max-width: 500px) {
  .login .split-container .having-trouble {
    font-size: 11px;
  }
}
@media (max-width: 370px) {
  .login .split-container .having-trouble {
    font-size: 10px;
  }
}
.login .split-container .having-trouble:hover {
  color: #224057;
}
.login .form-trouble .form-actions {
  margin: -5px;
}
.login .form-trouble .form-actions .btn, .login .form-trouble .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .form-trouble .form-actions button, .login .form-trouble .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .login .form-trouble .form-actions button {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 5px;
}
.login .form-trouble .btn-default {
  border-radius: 1px 1px 1px 9px;
}
.login .form-trouble .btn-primary {
  margin-right: 0;
}
.login .change-password-form h1 {
  display: block;
}
@media (min-width: 768px) {
  .login .split-container {
    flex-direction: row;
  }
  .login .split-container .panel {
    max-width: 50%;
    width: auto;
    padding: 2rem;
  }
  .login .split-container .panel-1 {
    max-width: 55%;
    flex: 2 2 55%;
  }
  .login .split-container .panel-2 {
    max-width: 45%;
    flex: 1 1 45%;
  }
}
@media (max-width: 767px) {
  .login .split-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
  }
  .login .split-container .panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    height: auto;
  }
  .login .split-container .panel .panel-inner {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 1rem;
    width: 100%;
  }
  .login .split-container .panel .panel-logo img {
    margin: 1rem 0;
  }
}
@media (max-width: 767px) and (max-height: 375px) {
  .login .split-container .panel .panel-logo img {
    max-width: 50%;
  }
}
@media (max-width: 767px) and (max-width: 375px) {
  .login .split-container .panel .panel-logo img {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  .login .split-container .panel .panel-form form .form-group:last-of-type {
    margin-bottom: 0;
  }
  .login .split-container .panel .panel-footer {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0;
    width: 100%;
    position: relative;
    border-top: 0 none;
    margin: 1rem 0;
  }
  .login .split-container .panel-2 {
    display: none;
  }
}
@media (min-height: 400px) {
  .login .panel .panel-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 2px solid #dce7ef;
  }
}

.panel-1 .panel-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media (max-height: 762px) {
  .panel-1 .panel-logo {
    max-height: 10rem;
  }
}
.panel-1 .panel-logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 15rem;
  height: 100%;
}
.panel-1 .panel-logo a img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
}
.panel-1 .panel-logo + .panel-form {
  margin-top: 1rem;
}
.panel-1 .sd-custom-login-text-link {
  width: 100%;
  text-align: center;
}
.panel-1 .panel-footer-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.panel-1 .panel-footer-group .note + .note:before {
  content: "|";
  margin: 0 10px;
  color: inherit;
}

body.login.classicLogin {
  background-image: url(../../../../images/login/new-login-bg.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  color: #fff;
  overflow-y: auto !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
body.login.classicLogin .login-bg {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
body.login.classicLogin .login-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 90vw;
  height: 90vh;
  margin: auto;
  z-index: 10;
}
body.login.classicLogin .login-block .login-form-wrapper {
  margin: auto;
  background: rgba(0, 0, 0, 0.8);
  padding: 40px 45px;
  max-width: 450px;
  border-radius: 10px;
}
body.login.classicLogin .login-block .login-form-wrapper a:not(.btn) {
  color: #fff;
  font-weight: 600;
}
body.login.classicLogin .login-block .login-form-wrapper h1 {
  color: #ffffff;
}
body.login.classicLogin .login-block .login-form-wrapper form .rememberMe {
  width: 100%;
  color: #fff;
}
body.login.classicLogin .login-block .login-form-wrapper form .rememberMe label {
  font-size: 0.6875rem;
}
body.login.classicLogin .login-block .login-form-wrapper form .rememberMe .having-trouble {
  color: #3a77a2;
  font-size: 10px;
  font-weight: 200;
}
body.login.classicLogin .login-block .login-form-wrapper form .btn-primary {
  border-radius: 1px 1px 9px 1px;
  box-shadow: none;
  padding: 0.3125rem 0.9375rem 0.5625rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  body.login.classicLogin .login-block .login-form-wrapper form .btn-primary {
    padding: 0.3125rem 0.9375rem 0.375rem;
  }
}
@-moz-document url-prefix() {
  body.login.classicLogin .login-block .login-form-wrapper form .btn-primary {
    padding: 0.3125rem 0.9375rem 0.5625rem;
  }
}
body.login.classicLogin .login-block .login-form-wrapper form .sd-magic-link-txt-1 {
  color: #555;
}
body.login.classicLogin .login-block .login-form-wrapper form .sd-magic-link-txt-2 {
  color: #CCC;
}
body.login.classicLogin .login-block .login-form-wrapper .panel-footer-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center !important;
}
body.login.classicLogin .login-block .login-form-wrapper .panel-footer-group .note + .note:before {
  content: "|";
  margin: 0 10px;
}

.classicLogin .panel-footer p {
  text-align: center !important;
}
.classicLogin .panel-footer a {
  text-align: center !important;
}
.classicLogin .panel-footer .sd-custom-login-text-link {
  text-align: center !important;
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(16deg);
  }
  4% {
    transform: rotate(-20deg);
  }
  6% {
    transform: rotate(20deg);
  }
  8% {
    transform: rotate(-16deg);
  }
  10% {
    transform: rotate(16deg);
  }
  12% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.modal.video-popup .modal-dialog {
  box-shadow: 0px 0px 50px #333;
  margin-top: 50px;
}
.modal.video-popup .modal-content {
  border: 0 none;
  border-radius: 0;
}
.modal.video-popup .video-popup-body iframe {
  vertical-align: middle;
}
.modal.video-popup .video-popup-footer {
  padding: 10px 0 6px 10px;
}
.modal.video-popup .video-popup-footer label {
  cursor: pointer;
}

.btn.btn-video-popup, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-video-popup, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-video-popup {
  animation: shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 5s infinite both;
  transform-origin: 50% 50%;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.navbar-nav .top-nav-link {
  position: relative;
}
.navbar-nav .top-nav-link > a, .navbar-nav .top-nav-link > button {
  padding: 0 0.5em;
  line-height: 5.625rem;
  color: #340d0d;
  font-size: 1.07143em;
}
.navbar-nav .top-nav-link > a.unread, .navbar-nav .top-nav-link > a.notifications-bell-button, .navbar-nav .top-nav-link > button.unread, .navbar-nav .top-nav-link > button.notifications-bell-button {
  padding: 0 0.75em 0 0.35em;
}
.navbar-nav .top-nav-link > a .list-icon,
.navbar-nav .top-nav-link > a .material-icons, .navbar-nav .top-nav-link > button .list-icon,
.navbar-nav .top-nav-link > button .material-icons {
  color: #340d0d;
}
.navbar-nav .top-nav-link .top-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(-30%, -10px);
  padding: 5px 10px;
  color: #fff;
  background: #2e2e2e;
  text-align: center;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: opacity 0.3s ease-in 0.5s;
}
.navbar-nav .top-nav-link .top-tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #2e2e2e;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
}
.navbar-nav .top-nav-link.chat .top-tooltip {
  transform: translate(-24%, -10px);
}
@media (min-width: 576px) {
  .navbar-nav .top-nav-link:hover .top-tooltip {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
}

.dropdown-menu-with-icons .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 1rem;
  color: #777 !important;
}
.dropdown-menu-with-icons .dropdown-item svg {
  width: 18px;
  height: 18px;
  fill: #777;
}

.sd-multi-switcher-container {
  height: 26px;
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 12px;
}
.sd-multi-switcher-container .switcher-item {
  flex: 1 1 auto;
  position: relative;
  margin-right: 10px;
  height: 100%;
  cursor: pointer;
  border-radius: 12px;
  background-color: #f2f2f2;
  text-align: center;
  line-height: 26px;
  color: #6f6f6f;
  font-weight: bold;
}
.sd-multi-switcher-container .switcher-item.selected {
  color: #fff;
}
.sd-multi-switcher-container .switcher-item:last-child {
  margin-right: 0;
}
.sd-multi-switcher-container .switcher-item:hover {
  background-color: #e6e6e6;
}
.sd-multi-switcher-container .switcher-item.selected {
  background-color: #08a742;
}
.sd-multi-switcher-container .switcher-item.selected:hover {
  background-color: #26b259;
}

.sd-email-template-back-link {
  margin: 28px 0 26px -15px;
}
@media (max-width: 600px) {
  .sd-email-template-back-link {
    margin: 20px 0 17px 0;
  }
}

.sd-email-template:before {
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
.sd-email-template.load-in-progress:before {
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  pointer-events: all;
}
.sd-email-template.load-in-progress .pace-activity {
  z-index: 1000;
}
.sd-email-template .placeholder-container .placeholder-group {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 5px;
}
@media (max-width: 500px) {
  .sd-email-template .placeholder-container .placeholder-group {
    margin-bottom: 10px;
  }
}
.sd-email-template .placeholder-container .placeholders {
  padding: 0;
  margin: 0 0 0 10px;
}
.sd-email-template .placeholder-container .placeholders ul {
  padding: 0;
  margin: 0;
}
.sd-email-template .placeholder-container .placeholders ul li {
  display: inline-block;
}
.sd-email-template .placeholder-container .placeholders ul li .placeholder-copy {
  font-size: 12px;
  padding: 0 10px 0 5px;
  cursor: pointer;
  opacity: 0;
}
.sd-email-template .placeholder-container .placeholders ul li:hover .placeholder-copy {
  opacity: 1;
}

.collapse-block-container .collapse-block-content {
  overflow-y: hidden;
}
.collapse-block-container .collapse-block-button {
  display: inline-block;
  cursor: pointer;
  margin-top: 5px;
}

.redactor-container {
  position: relative;
}
.redactor-container .required-text {
  pointer-events: none;
  opacity: 0;
  transform: translate(40px, -40px);
  position: absolute;
}
.redactor-container .redactor-toolbar {
  display: flex !important;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .redactor-container .redactor-toolbar {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .redactor-container .redactor-toolbar a {
    -webkit-box-flex: 1 0 2.1875rem !important;
    -moz-box-flex: 1 0 2.1875rem !important;
    -webkit-flex: 1 0 2.1875rem !important;
    -ms-flex: 1 0 2.1875rem !important;
    flex: 1 0 2.1875rem !important;
  }
}
.redactor-container .redactor-toolbar a {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 0.125rem 0.3125rem;
  padding: 9px 0px 6px;
}

.redactor-modal-header + .redactor-modal-body {
  padding: 20px;
}

.rx-modal-body {
  overflow: hidden;
  overflow-x: visible;
}
.rx-modal-body .placeholder-tabs-container {
  padding: 1rem 25px;
  margin: 0;
}
.rx-modal-body .form-item-target {
  margin-bottom: 0;
}

.rx-modal-images-box img {
  width: 118px;
  max-width: 118px;
  max-height: 80px;
}

.redactor-variables-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.redactor-variables-list li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

.redactor-variables-list span {
  white-space: nowrap;
  background: rgba(0, 125, 255, 0.75);
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  line-height: 1;
  border-radius: 4px;
  cursor: pointer;
}

.redactor-variables-list span.redactor-variables-item-selected {
  background: #ee698a;
}

.redactor-component[data-redactor-type=placeholder] {
  white-space: nowrap;
  background: rgba(0, 125, 255, 0.75);
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  line-height: 1;
  border-radius: 10px;
  cursor: pointer;
  font-family: "Inconsolata", monospace;
  font-weight: bold;
}
.redactor-component[data-redactor-type=placeholder].redactor-component-active {
  outline: 0 !important;
  background-color: #ee698a !important;
}

.redactor-variables-list span.pl-category-crmcontacts,
.redactor-component[data-redactor-type=placeholder].pl-category-crmcontacts {
  background-color: #409dff;
}
.redactor-variables-list span.pl-category-user,
.redactor-component[data-redactor-type=placeholder].pl-category-user {
  background-color: #7bcd57;
}
.redactor-variables-list span.pl-category-crmcompany,
.redactor-component[data-redactor-type=placeholder].pl-category-crmcompany {
  background-color: #896eb5;
}
.redactor-variables-list span.pl-category-marketingcampaignsubscribers,
.redactor-component[data-redactor-type=placeholder].pl-category-marketingcampaignsubscribers {
  background-color: #ff8bae;
}
.redactor-variables-list span.pl-category-marketingusers,
.redactor-component[data-redactor-type=placeholder].pl-category-marketingusers {
  background-color: #f3a060;
}
.redactor-variables-list span.pl-category-contracts,
.redactor-component[data-redactor-type=placeholder].pl-category-contracts {
  background-color: #d35252;
}
.redactor-variables-list span.pl-category-invoices,
.redactor-component[data-redactor-type=placeholder].pl-category-invoices {
  background-color: #43c1cf;
}
.redactor-variables-list span.pl-category-proposal,
.redactor-component[data-redactor-type=placeholder].pl-category-proposal {
  background-color: #5ecba3;
}
.redactor-variables-list span.pl-category-pmproject,
.redactor-component[data-redactor-type=placeholder].pl-category-pmproject {
  background-color: #ac80a4;
}
.redactor-variables-list span.pl-category-company,
.redactor-component[data-redactor-type=placeholder].pl-category-company {
  background-color: #eb59b1;
}
.redactor-variables-list span.pl-category-generalplaceholders,
.redactor-component[data-redactor-type=placeholder].pl-category-generalplaceholders {
  background-color: #b5b5b5;
}
.redactor-variables-list span.pl-category-filetransfer,
.redactor-component[data-redactor-type=placeholder].pl-category-filetransfer {
  background-color: #509c67;
}
.redactor-variables-list span.pl-category-form,
.redactor-component[data-redactor-type=placeholder].pl-category-form {
  background-color: #4a70a6;
}
.redactor-variables-list span.pl-category-product,
.redactor-component[data-redactor-type=placeholder].pl-category-product {
  background-color: #a7b878;
}
.redactor-variables-list span.pl-category-crmcontacts-system,
.redactor-component[data-redactor-type=placeholder].pl-category-crmcontacts-system {
  background-color: #d3cd40;
}
.redactor-variables-list span.pl-category-estimates,
.redactor-component[data-redactor-type=placeholder].pl-category-estimates {
  background-color: #67978b;
}
.redactor-variables-list span.redactor-component-active,
.redactor-component[data-redactor-type=placeholder].redactor-component-active {
  outline: 0 !important;
  background-color: #ee698a !important;
}

.redactor-modal form input[type=text], .redactor-modal form textarea {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.redactor-modal form input[type=text]:focus, .redactor-modal form textarea:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.redactor-modal form input[type=text][disabled], .redactor-modal form input[type=text][readonly]:not([auto-select]), .redactor-modal form textarea[disabled], .redactor-modal form textarea[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .redactor-modal form input[type=text], .redactor-modal form textarea {
    min-height: 42px;
    font-size: 14px;
  }
  .redactor-modal form input[type=text]:not(textarea), .redactor-modal form textarea:not(textarea) {
    height: auto !important;
  }
}
.redactor-modal form input[type=text].standard-multiselect, .redactor-modal form textarea.standard-multiselect {
  height: auto !important;
}
.redactor-modal form input[type=checkbox] {
  position: initial;
  opacity: 1;
  vertical-align: baseline;
}
.redactor-modal button.btn, .redactor-modal .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .redactor-modal button, .redactor-modal .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .redactor-modal button {
  color: white;
}
.redactor-modal button.redactor-button-danger, .redactor-modal button.redactor-button-unstyled {
  color: #292b2c;
  border: 1px solid #ccc;
}
.redactor-modal button.redactor-button-danger:hover, .redactor-modal button.redactor-button-unstyled:hover {
  background-color: #ececec;
  border-color: #b3b3b3;
  text-decoration: none;
}

.redactor-styles h1, .redactor-styles h2, .redactor-styles h3, .redactor-styles h4 {
  padding-bottom: 14px !important;
}
.redactor-styles h5, .redactor-styles h6 {
  padding-bottom: 10px !important;
}

.modal.wysiwyg-preview .modal-dialog.modal-phone {
  max-width: 400px !important;
}

.wysiwyg-preview .modal-phone .wysiwyg-content {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.redactor-modal-area .form-item {
  margin-bottom: 10px !important;
}

.contract-placeholder-color {
  background: rgba(196, 24, 24, 0.75) !important;
}

.placeholder-tabs-container {
  margin: -15px -20px;
}
.placeholder-tabs-container .tabs-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.placeholder-tabs-container .tabs-head .nav-tabs {
  border-bottom: none;
  margin-left: -10px;
}
.placeholder-tabs-container .tabs-head .nav-tabs .nav-item .nav-link {
  color: #5f5f5f !important;
  font-weight: 600;
  background: none;
  border: none;
  line-height: 12px;
  padding: 1px 10px;
  border-right: 1px solid #000;
  border-radius: 0;
  transition: all 0.3s;
  margin-bottom: 5px;
  font-size: 0.75rem;
}
.placeholder-tabs-container .tabs-head .nav-tabs .nav-item .nav-link.active {
  color: #000 !important;
}
.placeholder-tabs-container .tabs-head .nav-tabs .nav-item:last-child .nav-link {
  border-right: none;
}
.placeholder-tabs-container .tabs-head .placeholder-filter-container {
  position: relative;
  width: 150px;
  max-width: 50%;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.placeholder-tabs-container .tabs-head .placeholder-filter-container:before {
  content: "\f002";
  font-family: "FontAwesome";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
}
.placeholder-tabs-container .tabs-head .placeholder-filter-container input {
  padding: 6px 30px 6px 7px;
  color: #333;
  border-radius: 5px;
}
.placeholder-tabs-container .tab-content {
  padding-top: 25px;
}
.placeholder-tabs-container .tab-content .tab-pane h4 {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  line-height: 24px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

#GooglecalEventForm_description .redactor-box.redactor-styles-on {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.redactor-box-fullscreen {
  z-index: 2000;
}

.redactor-body-fullscreen .redactor-dropdown,
.redactor-body-fullscreen .redactor-modal-box,
.redactor-body-fullscreen .redactor-context-toolbar {
  z-index: 2001;
}

.chain-links .redactor-container {
  width: 100%;
}

.placeholder-tabs-container {
  display: flex;
  gap: 1rem;
  margin: 0;
}
.placeholder-tabs-container .tabs-head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 15px 0 0;
  border-right: 1px solid #ddd;
}
.placeholder-tabs-container .tabs-head .placeholder-filter-container {
  width: 100%;
  max-width: 100%;
}
.placeholder-tabs-container .tabs-head .nav-tabs {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.placeholder-tabs-container .tabs-head .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.75rem 0;
  font-size: 14px;
  font-weight: 600;
  border: none;
}
.placeholder-tabs-container .tabs-head .nav-tabs .nav-item .nav-link svg {
  width: 1rem;
  height: 1rem;
  fill: #555;
}
.placeholder-tabs-container .tab-content {
  padding: 0;
  overflow: hidden;
}
.placeholder-tabs-container .tab-content .tab-pane h4 {
  display: flex;
  align-items: center;
  height: 2.5rem;
  margin-bottom: 1.5rem;
  padding-top: 0.5rem;
}
.placeholder-tabs-container .tab-content .tab-pane .redactor-variables-list li {
  max-width: 100%;
}
.placeholder-tabs-container .tab-content .tab-pane .redactor-variables-list li span {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.placeholder-tabs-container #placeholder_filter {
  width: 145px;
}
.placeholder-tabs-container .btn-close-element {
  transform: scale(0.6);
  margin-top: -9px;
}

.wysiwyg-content mark, .rx-content mark {
  padding: 0;
}

.rx-container.rx-fullscreen {
  z-index: 1060;
}

/*fix for place holder modal and new redactor in modal */
.rx-modal:has(.placeholder-tabs-container) {
  max-height: 500px !important;
}

.rx-modal:has(.rx-modal-image-section-or) {
  max-height: 350px !important;
}

.rx-dropdown:has(.rx-dropdown-layer-color) {
  max-height: 400px !important;
}

.rx-modal:has(input[name=builtinpreview]) {
  max-height: 400px !important;
}

/*Fix from Developers via support*/
.rx-toolbar-container {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

.rx-toolbar-container::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 7px;
}

.rx-toolbar-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.rx-content [data-block=layout] {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.wysiwyg-reset * {
  box-sizing: border-box;
  background: transparent;
  border: 0;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.wysiwyg-reset h1:empty, .wysiwyg-reset h2:empty, .wysiwyg-reset h3:empty, .wysiwyg-reset h4:empty, .wysiwyg-reset h5:empty, .wysiwyg-reset h6:empty, .wysiwyg-reset p:empty, .wysiwyg-reset li:empty, .wysiwyg-reset figcaption:empty, .wysiwyg-reset blockquote:empty {
  min-height: 1.5em;
}

.wysiwyg-reset strong:empty, .wysiwyg-reset b:empty, .wysiwyg-reset em:empty, .wysiwyg-reset i:empty, .wysiwyg-reset span:empty, .wysiwyg-reset sup:empty, .wysiwyg-reset sub:empty, .wysiwyg-reset u:empty, .wysiwyg-reset ins:empty {
  display: inline-block;
  min-width: 1px;
  min-height: 1em;
}

.wysiwyg-reset table {
  empty-cells: show;
}

.wysiwyg-reset embed, .wysiwyg-reset img, .wysiwyg-reset object {
  max-width: 100%;
  height: auto;
}

.wysiwyg-reset figure {
  display: block;
  max-width: 100%;
}

.wysiwyg-reset figcaption {
  font-size: 80%;
  text-align: left;
}

.wysiwyg-content {
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 10px;
  padding-bottom: 26px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.618;
}

.wysiwyg-content address,
.wysiwyg-content main,
.wysiwyg-content section,
.wysiwyg-content header,
.wysiwyg-content footer,
.wysiwyg-content aside,
.wysiwyg-content article,
.wysiwyg-content pre,
.wysiwyg-content div,
.wysiwyg-content h1,
.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4,
.wysiwyg-content h5,
.wysiwyg-content h6,
.wysiwyg-content table,
.wysiwyg-content tbody,
.wysiwyg-content thead,
.wysiwyg-content tfoot,
.wysiwyg-content th,
.wysiwyg-content tr,
.wysiwyg-content td,
.wysiwyg-content ul,
.wysiwyg-content ol,
.wysiwyg-content li,
.wysiwyg-content blockquote,
.wysiwyg-content p,
.wysiwyg-content figure,
.wysiwyg-content figcaption {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.618;
  color: #444;
}

.wysiwyg-content code {
  background-color: #f0f0f0;
  color: rgba(34, 34, 34, 0.85);
}

.wysiwyg-content figcaption {
  color: rgba(34, 34, 34, 0.75);
}

.wysiwyg-content kbd {
  color: #222;
}

.wysiwyg-content pre, .wysiwyg-content pre code {
  background-color: #fff;
  border: 1px solid rgba(17, 17, 17, 0.07);
  color: rgba(17, 17, 17, 0.8);
}

.wysiwyg-content mark {
  background: yellow;
}

.wysiwyg-content blockquote p {
  color: rgba(17, 17, 17, 0.8);
}

.wysiwyg-content blockquote cite {
  color: rgba(17, 17, 17, 0.5);
}

.wysiwyg-content figcaption {
  font-size: 12px;
}

.wysiwyg-content cite {
  font-size: 70%;
}

.wysiwyg-content code {
  font-size: 95%;
}

.wysiwyg-content h1 {
  font-size: 39px;
  color: #222;
}

.wysiwyg-content h2 {
  font-size: 25px;
  color: #333;
}

.wysiwyg-content h3 {
  font-size: 20px;
  color: #444;
}

.wysiwyg-content h4 {
  font-size: 16px;
  color: #454545;
}

.wysiwyg-content h5 {
  font-size: 14px;
  color: #555;
}

.wysiwyg-content h6 {
  font-size: 16px;
  color: #656565;
}

.wysiwyg-content blockquote p {
  font-size: 130%;
}

.wysiwyg-content sub, .wysiwyg-content sup {
  font-size: 0.7em;
}

.wysiwyg-content pre, .wysiwyg-content pre code {
  font-size: 14px;
}

.wysiwyg-content h1 {
  line-height: 1.15;
}

.wysiwyg-content h2 {
  line-height: 1.25;
}

.wysiwyg-content h3 {
  line-height: 1.333;
}

.wysiwyg-content var, .wysiwyg-content code, .wysiwyg-content kbd, .wysiwyg-content samp, .wysiwyg-content sup, .wysiwyg-content sub {
  line-height: 1;
}

.wysiwyg-content blockquote p {
  line-height: 1.5;
}

.wysiwyg-content pre, .wysiwyg-content pre code {
  line-height: 1.618;
}

.wysiwyg-content h1 + *, .wysiwyg-content h2 + *, .wysiwyg-content h3 + *, .wysiwyg-content h4 + *, .wysiwyg-content h5 + *, .wysiwyg-content h6 + * {
  margin-top: 0.75em;
}

.wysiwyg-content h1 + h1, .wysiwyg-content h1 + h2, .wysiwyg-content h1 + h3, .wysiwyg-content h1 + h4, .wysiwyg-content h1 + h5, .wysiwyg-content h1 + h6, .wysiwyg-content h2 + h1, .wysiwyg-content h2 + h2, .wysiwyg-content h2 + h3, .wysiwyg-content h2 + h4, .wysiwyg-content h2 + h5, .wysiwyg-content h2 + h6, .wysiwyg-content h3 + h1, .wysiwyg-content h3 + h2, .wysiwyg-content h3 + h3, .wysiwyg-content h3 + h4, .wysiwyg-content h3 + h5, .wysiwyg-content h3 + h6, .wysiwyg-content h4 + h1, .wysiwyg-content h4 + h2, .wysiwyg-content h4 + h3, .wysiwyg-content h4 + h4, .wysiwyg-content h4 + h5, .wysiwyg-content h4 + h6, .wysiwyg-content h5 + h1, .wysiwyg-content h5 + h2, .wysiwyg-content h5 + h3, .wysiwyg-content h5 + h4, .wysiwyg-content h5 + h5, .wysiwyg-content h5 + h6, .wysiwyg-content h6 + h1, .wysiwyg-content h6 + h2, .wysiwyg-content h6 + h3, .wysiwyg-content h6 + h4, .wysiwyg-content h6 + h5, .wysiwyg-content h6 + h6 {
  margin-top: 0.375em;
}

.wysiwyg-content p + h1, .wysiwyg-content p + h2, .wysiwyg-content p + h3, .wysiwyg-content p + h4, .wysiwyg-content p + h5, .wysiwyg-content p + h6, .wysiwyg-content ul + h1, .wysiwyg-content ul + h2, .wysiwyg-content ul + h3, .wysiwyg-content ul + h4, .wysiwyg-content ul + h5, .wysiwyg-content ul + h6, .wysiwyg-content ol + h1, .wysiwyg-content ol + h2, .wysiwyg-content ol + h3, .wysiwyg-content ol + h4, .wysiwyg-content ol + h5, .wysiwyg-content ol + h6, .wysiwyg-content blockquote + h1, .wysiwyg-content blockquote + h2, .wysiwyg-content blockquote + h3, .wysiwyg-content blockquote + h4, .wysiwyg-content blockquote + h5, .wysiwyg-content blockquote + h6, .wysiwyg-content figure + h1, .wysiwyg-content figure + h2, .wysiwyg-content figure + h3, .wysiwyg-content figure + h4, .wysiwyg-content figure + h5, .wysiwyg-content figure + h6, .wysiwyg-content pre + h1, .wysiwyg-content pre + h2, .wysiwyg-content pre + h3, .wysiwyg-content pre + h4, .wysiwyg-content pre + h5, .wysiwyg-content pre + h6, .wysiwyg-content table + h1, .wysiwyg-content table + h2, .wysiwyg-content table + h3, .wysiwyg-content table + h4, .wysiwyg-content table + h5, .wysiwyg-content table + h6, .wysiwyg-content hr + h1, .wysiwyg-content hr + h2, .wysiwyg-content hr + h3, .wysiwyg-content hr + h4, .wysiwyg-content hr + h5, .wysiwyg-content hr + h6, .wysiwyg-content dl + h1, .wysiwyg-content dl + h2, .wysiwyg-content dl + h3, .wysiwyg-content dl + h4, .wysiwyg-content dl + h5, .wysiwyg-content dl + h6, .wysiwyg-content div + h1, .wysiwyg-content div + h2, .wysiwyg-content div + h3, .wysiwyg-content div + h4, .wysiwyg-content div + h5, .wysiwyg-content div + h6 {
  margin-top: 1.125em;
}

.wysiwyg-content p + *:not(div), .wysiwyg-content ul + *:not(div), .wysiwyg-content ol + *:not(div), .wysiwyg-content blockquote + *:not(div), .wysiwyg-content figure + *:not(div), .wysiwyg-content pre + *:not(div), .wysiwyg-content table + *:not(div), .wysiwyg-content hr + *:not(div), .wysiwyg-content dl + *:not(div), .wysiwyg-content div + *:not(div) {
  margin-top: 1.125em;
}

.wysiwyg-content p figcaption, .wysiwyg-content ul figcaption, .wysiwyg-content ol figcaption, .wysiwyg-content blockquote figcaption, .wysiwyg-content figure figcaption, .wysiwyg-content pre figcaption, .wysiwyg-content table figcaption, .wysiwyg-content hr figcaption, .wysiwyg-content dl figcaption, .wysiwyg-content div figcaption {
  margin-top: 0.25em;
}

.wysiwyg-content blockquote p {
  margin-top: 0.5em;
}

.wysiwyg-content a {
  text-decoration: underline;
}

.wysiwyg-content ol, .wysiwyg-content ul {
  padding-left: 20px;
}

.wysiwyg-content ol ol, .wysiwyg-content ul ul, .wysiwyg-content ol ul, .wysiwyg-content ul ol {
  margin-top: 0;
  margin-bottom: 0;
}

.wysiwyg-content dt {
  font-weight: bold;
}

.wysiwyg-content blockquote {
  font-style: normal;
  padding: 1.5em 2em;
  background-color: #f8f8f8;
}

.wysiwyg-content blockquote cite {
  font-style: inherit;
}

.wysiwyg-content pre, .wysiwyg-content pre code {
  display: block;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.wysiwyg-content pre {
  border-radius: 3px;
  max-width: 100%;
  padding: 1em 1.25em;
  overflow: auto;
  white-space: pre;
}

.wysiwyg-content figcaption {
  font-style: italic;
}

.wysiwyg-content sub, .wysiwyg-content sup {
  margin-left: 2px;
}

.wysiwyg-content sub {
  vertical-align: sub;
}

.wysiwyg-content sup {
  vertical-align: super;
}

.wysiwyg-content var, .wysiwyg-content code, .wysiwyg-content kbd, .wysiwyg-content samp {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
}

.wysiwyg-content code {
  padding: 0.2em 0.4em;
}

.wysiwyg-content pre code {
  display: block;
  border: none;
}

.wysiwyg-content kbd {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0.2em 0.4em;
}

.wysiwyg-content table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.wysiwyg-content table, .wysiwyg-content th, .wysiwyg-content td {
  border: 1px solid #eee;
}

.wysiwyg-content caption {
  caption-side: top;
  font-weight: bold;
  margin-top: 0;
  text-align: left;
}

.wysiwyg-content th, .wysiwyg-content td {
  padding: 0.7em;
  text-align: left;
}

.wysiwyg-content th {
  font-weight: bold;
}

.wysiwyg-content hr {
  position: relative;
  height: 12px;
  line-height: 0;
  background: none;
  border: none;
}

.wysiwyg-content hr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 100%;
  margin-top: -6px;
  margin-left: -50%;
  border-top: 1px solid #ddd;
}

.wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: -0.015em;
  text-rendering: optimizeLegibility;
}

.wysiwyg-content h4, .wysiwyg-content h5 {
  letter-spacing: 0.015em;
}

.wysiwyg-content .align-left {
  text-align: left;
}

.wysiwyg-content .align-center {
  text-align: center;
}

.wysiwyg-content .align-center img {
  margin-left: auto;
  margin-right: auto;
}

.wysiwyg-content .align-center figcaption {
  text-align: center;
}

.wysiwyg-content .align-right {
  text-align: right;
}

.wysiwyg-content .align-right img {
  margin-left: auto;
}

.wysiwyg-content .align-right figcaption {
  text-align: right;
}

.wysiwyg-content .align-justify {
  text-align: justify;
}

.wysiwyg-content .valign-top {
  align-items: start;
}

.wysiwyg-content .valign-middle {
  align-items: center;
}

.wysiwyg-content .valign-bottom {
  align-items: end;
}

.wysiwyg-content .outset-left {
  width: calc(100% + 26px);
  max-width: calc(100% + 26px);
  transform: translateX(-26px);
  position: relative;
}

.wysiwyg-content .outset-right {
  width: calc(100% + 26px);
  max-width: calc(100% + 26px);
  transform: translateX(26px);
  position: relative;
  left: -26px;
}

.wysiwyg-content .outset-both {
  width: calc(100% + 52px);
  max-width: calc(100% + 52px);
  transform: translateX(-50%);
  position: relative;
  left: 50%;
}

.wysiwyg-content .embed-responsive {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 56.25%;
  height: 0;
}

.wysiwyg-content .embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wysiwyg-content .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 12px;
}

.wysiwyg-content .column {
  margin: 0;
}

.wysiwyg-content .column-1 {
  grid-column: span 1;
}

.wysiwyg-content .column-2 {
  grid-column: span 2;
}

.wysiwyg-content .column-3 {
  grid-column: span 3;
}

.wysiwyg-content .column-4 {
  grid-column: span 4;
}

.wysiwyg-content .column-5 {
  grid-column: span 5;
}

.wysiwyg-content .column-6 {
  grid-column: span 6;
}

.wysiwyg-content .column-7 {
  grid-column: span 7;
}

.wysiwyg-content .column-8 {
  grid-column: span 8;
}

.wysiwyg-content .column-9 {
  grid-column: span 9;
}

.wysiwyg-content .column-10 {
  grid-column: span 10;
}

.wysiwyg-content .column-11 {
  grid-column: span 11;
}

.wysiwyg-content .column-12 {
  grid-column: span 12;
}

@media only screen and (max-width: 767px) {
  .wysiwyg-content .grid {
    display: block;
  }
}
/* paragraph */
.wysiwyg-content p.st-lead {
  font-size: 25px;
  color: #444;
}

.wysiwyg-content p.st-note {
  padding: 26px;
  background-color: #fffcba;
  font-size: 16px;
  color: #111;
}

.wysiwyg-content p.st-accent {
  font-size: 39px;
  font-weight: bold;
  line-height: 1.35;
  padding-top: 13px;
  padding-bottom: 26px;
  border-top: 4px solid #333;
  border-bottom: 4px solid #333;
}

/* embed */
.wysiwyg-content .st-embed-frame {
  border: 39px solid #111;
}

.wysiwyg-content .st-embed-frame figcaption {
  margin-top: 0;
  padding-top: 8px;
  background: #111;
  color: #ccc;
}

.wysiwyg-content .st-embed-raised {
  background-color: #fff;
  padding: 12px;
  border-radius: 2px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.wysiwyg-content .st-embed-raised figcaption {
  margin-top: 4px;
}

/* line */
.wysiwyg-content hr.st-line-black-extra-height:before {
  border-top: 4px solid #111;
}

.wysiwyg-content hr.st-line-gray-dashed {
  margin-top: 26px;
  margin-bottom: 26px;
}

.wysiwyg-content hr.st-line-gray-dashed:before {
  border-top: 2px dashed #ccc;
}

.wysiwyg-content hr.st-line-blue:before {
  border-top: 2px solid #458fff;
}

img {
  image-orientation: from-image;
}

textarea[sd-app-article] {
  opacity: 0;
}

.arx-form .arx-form-input {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.arx-form .arx-form-input:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.arx-form .arx-form-input[disabled], .arx-form .arx-form-input[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .arx-form .arx-form-input {
    min-height: 42px;
    font-size: 14px;
  }
  .arx-form .arx-form-input:not(textarea) {
    height: auto !important;
  }
}
.arx-form .arx-form-input.standard-multiselect {
  height: auto !important;
}

.article-container {
  position: relative;
}
.article-container.source .article-tools {
  display: none;
}
.article-container .arx-editor-container {
  padding-bottom: 3.125rem;
}
.article-container .article-tools {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 2.5rem;
  bottom: 0;
  padding: 0 0.5rem;
}

.article-builder-body {
  background-color: #f1f1f1;
}

@keyframes toolbar-slide-out {
  100% {
    transform: translateY(calc(100% - 20px));
  }
}
@keyframes toolbar-trim-height {
  0% {
    height: auto;
  }
  100% {
    height: 20px;
  }
}
.article-builder .toolbar {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color: white;
  z-index: 10;
  box-shadow: 0 -1px 3px 0 rgba(122, 122, 122, 0.2);
  padding: 1.25rem 0;
}
.article-builder .toolbar:after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.article-builder .toolbar.toggled {
  padding: 0;
  transform: translateY(calc(100% - 20px));
  animation: toolbar-trim-height ease 0.1s 1 forwards 1s;
}
.article-builder .toolbar.toggled:after {
  background-color: white;
}
.article-builder .toolbar.toggled .toggle-switch:before {
  content: "expand_less";
}
.article-builder .toolbar .toggle-switch {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 1.25rem;
  top: 0;
  left: 50%;
  z-index: 1;
}
.article-builder .toolbar .toggle-switch:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "expand_more";
}
.article-builder .toolbar .save-btn {
  -webkit-align-self: flex-end;
  -moz-box-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  margin-top: 0.625rem;
}
.article-builder .toolbar .save-btn.saving {
  pointer-events: none;
}
.article-builder .toolbar .save-btn.saving span {
  opacity: 0;
}
.article-builder .toolbar .save-btn.saving .sdil {
  opacity: 1;
}
.article-builder .toolbar .save-btn span, .article-builder .toolbar .save-btn .sdil {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.article-builder .toolbar .save-btn .sdil {
  position: absolute;
  opacity: 0;
  margin: auto;
}
.article-builder .bs {
  box-shadow: 0 1px 3px 0 rgba(122, 122, 122, 0.2);
  border-radius: 0;
}

body.modal-open.modal-article-files-modal {
  overflow-y: hidden;
}
@media (min-width: 768px) {
  body.modal-open.modal-article-files-modal {
    overflow-y: auto;
  }
}

.modal.article-files-modal .modal-dialog {
  box-shadow: 0 0 10px #333;
  margin-top: 50px;
}
.modal.article-files-modal .modal-dialog.modal-article-files {
  position: fixed;
  width: 100%;
  top: 40px;
  overflow: hidden;
  border-radius: 7px;
  max-height: calc(100vmax - 200px);
  max-width: 90vw;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .modal.article-files-modal .modal-dialog.modal-article-files {
    max-width: 75vw;
  }
}
.modal.article-files-modal .modal-content {
  border: 0 none;
  border-radius: 0;
  pointer-events: all;
}
.modal.article-files-modal .article-file-browser {
  overflow: hidden;
}
.modal.article-files-modal .article-file-browser .sd-file-browser {
  max-height: 90vmax;
}
@media (min-width: 768px) {
  .modal.article-files-modal .article-file-browser .sd-file-browser {
    min-height: 684px;
    max-height: 60vmax;
  }
}
.modal.article-files-modal .article-file-browser .sd-file-browser .toolbar-wrap {
  width: 100%;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.42);
}
.modal.article-files-modal .article-file-browser .sd-file-browser .toolbar-wrap .toolbar {
  width: 100%;
  position: static;
  padding: 0;
  box-shadow: none;
}
.modal.article-files-modal .article-file-browser .sd-file-browser .toolbar-wrap .toolbar .toolbar-nav .view-bar,
.modal.article-files-modal .article-file-browser .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar {
  margin-right: 0;
}
.modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap {
  padding: 0 0 52px;
}
.modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap .browser-list-header {
  height: 50px;
  background-color: white;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  padding: 12px 15px;
  border-top: 1px solid #EEE;
}
.modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap .browser-list {
  max-height: 534px;
  overflow: auto;
  padding: 1rem 0 104px;
}
.modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap .browser-list .entity-wrap {
  padding: 10px 16px;
}
@media (min-width: 576px) {
  .modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap {
    padding: 0;
  }
  .modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap .browser-list {
    padding: 1rem 0;
  }
}
.modal.article-files-modal .close-modal {
  position: absolute;
  right: 15px;
  top: 10px;
}
.modal.article-files-modal .toolbar-nav {
  padding-right: 70px;
}

.column1-portal-page .title-row .title {
  margin-bottom: 0 !important;
}

.article-page {
  padding: 15px;
}

@media (max-width: 575px) {
  .ui-select-container {
    height: auto !important;
  }
}
.ui-select-choices-row.active small {
  color: white;
}

.ui-select-match {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.ui-select-match .ui-select-match-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.ui-select-match .ui-select-match-item .match-text {
  padding-left: 0.7142857143em;
}
.ui-select-match .ui-select-match-item .remove-match {
  padding: 0.7142857143em;
  font-size: 1.2857142857em;
  border-radius: 3px;
}
.ui-select-match .ui-select-match-item .remove-match:hover {
  background-color: white;
}

.ui-select-multiple.ui-select-bootstrap.form-control {
  padding: 0.4rem 0.6rem;
}

.file-modal.file-share .ui-select-match .ui-select-match-item.btn-primary {
  color: #555;
  font-weight: 600;
}

.btn-beacon {
  height: 55px;
  border-radius: 55px;
  width: 106px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 7px;
  padding: 0;
  line-height: 55px;
}
.btn-beacon .text {
  padding: 0px 20px 0px 54px;
  display: block;
  white-space: nowrap;
  font-size: 14px;
}

[sd-beacon] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 60px;
}
[sd-beacon] .help, [sd-beacon] .close-help {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: opacity 80ms linear, transform 180ms linear;
  transition: opacity 80ms linear, transform 180ms linear;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  text-indent: -99999px;
}
[sd-beacon] .help {
  transform: rotate(0deg) scale(1);
}
[sd-beacon] .close-help {
  opacity: 0;
  transform: rotate(30deg) scale(1);
}
[sd-beacon].opened .help {
  opacity: 0;
  transform: rotate(0deg) scale(0);
}
[sd-beacon].opened .close-help {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.BeaconContainer {
  bottom: 30px !important;
}

@media (max-width: 450px) {
  .BeaconContainer {
    bottom: 30px !important;
  }
}
.beacon-modal-opened > .modal {
  display: grid !important;
}
.beacon-modal-opened > .modal > .modal-dialog {
  display: flex;
  justify-self: center;
  align-self: center;
  margin: auto !important;
}
.beacon-modal-opened > .modal > .modal-dialog .modal-content {
  width: 640px;
}
@media (max-width: 450px) {
  .beacon-modal-opened > .modal > .modal-dialog .modal-content {
    width: auto;
  }
}
.beacon-modal-opened .beacon-modal {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.beacon-modal-opened .beacon-modal .beacon-item {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.beacon-modal-opened .beacon-modal .beacon-item:last-child {
  padding-bottom: 0;
}
.beacon-modal-opened .beacon-modal .learn-button {
  width: 100px;
  text-align: left;
}

@media (max-width: 768px) {
  .beacon-modal-opened .beacon-modal {
    padding: 0 5px;
    padding-bottom: 20px;
  }
  .beacon-modal-opened .beacon-modal .learn-button {
    width: 100px;
    text-align: left;
  }
}
.sd-menu.left .menu-wrapper {
  right: 0;
  left: initial;
  border-radius: 6px;
  padding: 2px 3px;
}

/* We can remove the border we've set at the beginnig */
#gjs {
  border: none;
}

/* Theming */
/* Primary color for the background */
.gjs-one-bg {
  background-color: #78366a !important;
}

/* Secondary color for the text color */
.gjs-two-color {
  color: rgba(255, 255, 255, 0.7);
}

/* Tertiary color for the background */
.gjs-three-bg {
  background-color: #ec5896;
  color: white;
}

/* Quaternary color for the text color */
.gjs-four-color,
.gjs-four-color-h:hover {
  color: #ec5896;
}

.gjs-wrapper .gjs-mirror {
  display: none;
}

html.round-mode {
  /* @media screen and (-webkit-min-device-pixel-ratio:0)
   and (min-resolution:.001dpcm) {
     .btn-primary {
       padding: .35rem 1rem !important;
     }
   }*/
}
html.round-mode .sd-nav-bar-add-button {
  width: 35px;
  height: 35px;
}
html.round-mode .sd-nav-bar-add-button .show-spin {
  font-size: 34px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  html.round-mode .btn:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), html.round-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), html.round-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label) {
    padding: 0.25rem 1rem 0.2rem 1rem;
    border-radius: 6px;
  }
}
@-moz-document url-prefix() {
  html.round-mode .btn:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), html.round-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), html.round-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode button:not(.events-add-btn):not(#printInvoice):not(.dropdown-toggle-ui):not(#downloadInvoice):not(.inv-pay-button):not(.btn-group-toggle):not(.formSubmissionButtonShortcut):not(.mailbox-menu-newmsg):not(.delete-template):not(.btn-folder-operations):not(.btn-sd-payment):not(.add-link-btn):not(.btn-group-toggle-member):not(.appointment-schedule-delete-range):not(.carousel-nav):not(.complete-btn):not(label) {
    border-radius: 6px;
    padding: 0.25rem 1rem 0.3rem 1rem;
  }
}
html.round-mode .btn-primary {
  padding: 0.4rem 1rem;
}
html.round-mode .btn-secondary:not(.btn-sd-payment):not(.add-link-btn):not(.complete-btn) {
  padding: 0.4rem 1rem;
}
html.round-mode .add-link-btn {
  padding: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  html.round-mode .btn-sm:not(.carousel-nav):not(#printInvoice):not(.btn-group-toggle):not(#downloadInvoice):not(.btn-folder-operations):not(.btn-circle):not(.sdPayNow):not(.grid-add-btn):not(#printInvoice):not(#downloadInvoice):not(.btn-sd-payment):not(.grid-add-btn):not(.dropdown-toggle-split):not(.btn-files-dropdown):not(.sd-clear-cache):not(.estimatesApproveBtn) {
    padding: 0.1rem 1rem;
    border-radius: 6px;
  }
}
@-moz-document url-prefix() {
  html.round-mode .btn-sm:not(.carousel-nav):not(#printInvoice):not(.btn-group-toggle):not(#downloadInvoice):not(.btn-folder-operations):not(.btn-circle):not(.sdPayNow):not(.grid-add-btn):not(#printInvoice):not(#downloadInvoice):not(.btn-sd-payment):not(.grid-add-btn):not(.dropdown-toggle-split):not(.btn-files-dropdown):not(.sd-clear-cache):not(.estimatesApproveBtn) {
    padding: 0.2rem 1rem 0.18rem 1rem;
    border-radius: 6px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  html.round-mode .add-new-element-btn:has(i) {
    padding: 0.2rem 1rem 0.2rem 0.6rem !important;
    border-radius: 6px;
  }
}
@-moz-document url-prefix() {
  html.round-mode .add-new-element-btn {
    padding: 0.2rem 1rem 0.18rem 0.6rem !important;
    border-radius: 6px;
  }
}
html.round-mode .btn-sd-payment {
  border-radius: 10px !important;
}
html.round-mode #printInvoice {
  padding: 0.4rem !important;
}
html.round-mode #downloadInvoice {
  padding: 0.4rem !important;
}
html.round-mode .btn-xs {
  padding: 0.1rem 1rem;
}
html.round-mode .btn-outline-default {
  padding: 0.4rem 1rem;
}
html.round-mode .navbar-header .nav .navbar-header-right .create-new .btn-circle {
  padding: 0 !important;
}
html.round-mode .sd-grid-view .dropdown .btn, html.round-mode .sd-grid-view .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode .sd-grid-view .dropdown button, html.round-mode .sd-grid-view .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode .sd-grid-view .dropdown button {
  padding: 3px 10px !important;
}
html.round-mode .due-date-info .btn-secondary {
  padding: 0 0.6rem !important;
  margin-left: 10px;
}
html.round-mode .sd-translation .btn-primary {
  padding: 0.1875rem 0.8rem;
}
html.round-mode .sd-translation .sd-clear-cache {
  padding: 0 1rem !important;
}
html.round-mode .gridview-header .grid-add-btn {
  padding-left: 33px !important;
}
html.round-mode .gridview-header .btn-secondary {
  padding-right: 0.4rem;
}
html.round-mode .dropdown-toggle-split {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: 0.2rem 0.6rem 0.2rem 0.8rem !important;
}
html.round-mode .dropdown-toggle-main {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html.round-mode .add-btn-wrap .dropdown-menu {
  border-top-left-radius: 0 !important;
}
html.round-mode .grid-actions .btn-secondary {
  padding: 0.2rem 1rem;
}
html.round-mode #sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu {
  padding: 10px 5px;
}
html.round-mode .dropdown-menu {
  border-radius: 10px;
}
html.round-mode .main-wrapper .dropdown-menu {
  border-radius: 7px;
  padding: 0.4rem 0;
  margin-top: 0.4em;
}
html.round-mode .main-wrapper .crm-contact-tabs .dropdown-menu {
  margin-top: 0 !important;
}
html.round-mode .contact-view-page-head #showClientDropdown .dropdown-menu {
  padding: 0.8rem 1rem !important;
  margin-top: 0.2rem !important;
}
html.round-mode .contact-view-page-head #showClientDropdown .coordinator .dropdown-menu {
  padding: 0.8rem 1rem !important;
  margin-top: 0.2rem !important;
}
html.round-mode #crm-contacts-grid .logo,
html.round-mode #notes-grid .logo {
  border-radius: 100%;
}
html.round-mode #crm-contacts-grid .logo .img-responsive,
html.round-mode #notes-grid .logo .img-responsive {
  border-radius: 100%;
}
html.round-mode #crm-contacts-grid .logo img,
html.round-mode #notes-grid .logo img {
  border-radius: 100%;
}
html.round-mode .top-logo-block .logo {
  border-radius: 100%;
  margin: 0;
}
html.round-mode .top-logo-block .logo figure {
  margin: 0;
}
html.round-mode .logo img {
  border-radius: 100%;
}
html.round-mode .logo-sm {
  border-radius: 100%;
}
html.round-mode .logoCol .logo .img-responsive {
  border-radius: 100%;
}
html.round-mode .logo .img-responsive {
  border-radius: 100%;
}
html.round-mode .navbar-nav .avatar {
  border-radius: 50%;
}
html.round-mode .navbar-nav .avatar img {
  max-width: 3.75rem;
  max-height: 3.75rem;
  border-radius: 100px;
}
html.round-mode .navbar-nav .avatar svg:not(.userAvatar) {
  max-width: 3.75rem;
  max-height: 3.75rem;
  border-radius: 100px;
}
html.round-mode .default-user-avatar {
  border-radius: 50%;
}
html.round-mode .avatar img {
  border-radius: 100px !important;
}
html.round-mode .side-user img,
html.round-mode .side-user svg {
  max-width: 4.28571em;
  max-height: 4.28571em;
  border-radius: 40px !important;
}
html.round-mode .sidebar-collapse .side-user .media-left,
html.round-mode .sidebar-collapse .side-user img,
html.round-mode .sidebar-collapse .side-user svg {
  max-width: 2.85714em;
  max-height: 2.85714em;
}
html.round-mode .sd-chat-wrapper .sd-chat .message-container .dropdown-item:hover {
  border-radius: 15px;
}
html.round-mode .ls-avatar img {
  border-radius: 30px;
}
html.round-mode .mailbox-menu-newmsg .btn-primary {
  padding: 0.1rem 1rem;
}
html.round-mode .crm-contact-tabs .dropdown-menu {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: 2px solid #eee !important;
  border-top: none !important;
}
html.round-mode .crm-contact-tabs .dropdown-menu:hover {
  border-bottom: 2px solid #0a0d16 !important;
}
html.round-mode .crm-contact-tabs .dropdown-toggle a {
  padding: 12px 0px 5px 5px !important;
  border-radius: 6px !important;
  border-bottom: 2px dotted #ccc !important;
}
html.round-mode .crm-contact-tabs .dropdown-toggle a:hover {
  border-bottom: 2px solid #ccc !important;
}
html.round-mode .crm-contact-views .side-button .btn-secondary {
  padding: 0.1rem 0.5rem;
}
html.round-mode .coordinator .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
html.round-mode #showClientDropdown .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
html.round-mode .contact-view-page-head .functional-btns-wrap .action-btn-col .dropdown-menu {
  padding: 10px 0;
  margin: 75px 0 0;
}
html.round-mode #pm-project-template .side-button .btn, html.round-mode #pm-project-template .side-button .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode #pm-project-template .side-button button, html.round-mode #pm-project-template .side-button .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode #pm-project-template .side-button button {
  padding: 0.1rem 1rem;
}
html.round-mode .actions-form .form-actions .btn, html.round-mode .actions-form .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode .actions-form .form-actions button, html.round-mode .actions-form .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons html.round-mode .actions-form .form-actions button {
  padding: 5px 20px 5px 20px;
}
html.round-mode .sd-grid-view .logoCol .logo figure {
  border-radius: 50%;
}

body.lms-page .form-oscar .manage-container {
  padding: 0 1rem;
}
@media (min-width: 768px) {
  body.lms-page .form-oscar .manage-container {
    padding: 0 1rem;
  }
  body.lms-page .form-oscar .manage-container .right-sidebar-togler-container {
    right: 1rem;
  }
}
body.lms-page .form-oscar .manage-container .form.fluid {
  margin: 0 auto;
  width: 100%;
}

body.blank-layout .content-wrapper {
  background-color: #fff;
}
body.blank-layout .content-wrapper .main-wrapper {
  padding: 0;
  margin: 0;
  background-color: #fff;
}

#lms-products-list .items,
#lms-courses-list .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#lms-products-list .items .product-card .dropdown .btn-options,
#lms-courses-list .items .product-card .dropdown .btn-options {
  padding: 0 0.9375rem !important;
  margin-top: -2px;
}
#lms-products-list .items .product-card .dropdown .dropdown-menu.show,
#lms-courses-list .items .product-card .dropdown .dropdown-menu.show {
  transform: translate3d(0, 24px, 0px) !important;
}
#lms-products-list .items .product-details,
#lms-courses-list .items .product-details {
  height: 100%;
}
#lms-products-list .items .product-details .card-img-top img,
#lms-courses-list .items .product-details .card-img-top img {
  width: 100%;
  min-height: 150px;
}
#lms-products-list .items .product-details .card-body .card-title,
#lms-courses-list .items .product-details .card-body .card-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#lms-products-list .items .product-details .card-body .card-title .dropdown .dropdown-menu,
#lms-courses-list .items .product-details .card-body .card-title .dropdown .dropdown-menu {
  border-color: #EEEEEE;
}
#lms-products-list .items .product-details .card-body .card-title .dropdown .dropdown-menu.show,
#lms-courses-list .items .product-details .card-body .card-title .dropdown .dropdown-menu.show {
  transform: translate3d(0, 24px, 0px) !important;
}
#lms-products-list .items .product-details .card-body .card-title .dropdown .dropdown-menu a,
#lms-products-list .items .product-details .card-body .card-title .dropdown .dropdown-menu button,
#lms-courses-list .items .product-details .card-body .card-title .dropdown .dropdown-menu a,
#lms-courses-list .items .product-details .card-body .card-title .dropdown .dropdown-menu button {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1.3;
}
#lms-products-list .items .product-details .card-body .card-title .btn-options,
#lms-courses-list .items .product-details .card-body .card-title .btn-options {
  padding: 0 0.9375rem !important;
  margin-top: -2px;
}
#lms-products-list .items .product-details .card-body .card-footer,
#lms-courses-list .items .product-details .card-body .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  color: #EEEEEE;
  background: transparent;
}
#lms-products-list .items .product-details .card-body .card-footer .status,
#lms-courses-list .items .product-details .card-body .card-footer .status {
  background: #782B0F;
  border-radius: 0.3125rem;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 8px;
}
#lms-products-list .items .product-details .card-body .card-footer.second,
#lms-courses-list .items .product-details .card-body .card-footer.second {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.8125rem;
}
#lms-products-list .empty,
#lms-courses-list .empty {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.card-show-more {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #444;
  font-weight: 700;
}

.badge.badge--lms {
  text-transform: uppercase;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  background: #782B0F;
}

.lms-button {
  width: 100%;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 0.3125rem !important;
  padding: 25px !important;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.lms-button:hover, .lms-button.active {
  border: 1px solid #3FB1F0;
  box-shadow: 0 0 0 2px #3FB1F0;
}
.lms-button img {
  margin-right: 25px;
  max-width: 75px;
  width: 10%;
}
.lms-button .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.lms-button .right .title {
  font-size: 1.25rem;
  color: #444;
  font-weight: bold !important;
}
.lms-button .right .sub-title {
  font-weight: normal;
  font-size: 0.8125rem;
  color: #555;
}

.manage-container {
  display: flex;
  position: relative;
}
.manage-container .manage-body {
  width: 100%;
}
@media (min-width: 768px) {
  .manage-container .manage-body {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 992px) {
  .manage-container .manage-body {
    padding-right: 19.75rem !important;
  }
}
.manage-container .manage-body .form.fluid {
  margin: 0 auto;
  width: 100%;
}
.manage-container .manage-body .btn-primary {
  color: #fff;
}
.manage-container .manage-body .btn-primary:hover {
  color: #fff;
}
.manage-container .manage-body .manage-product-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0.625rem;
  box-shadow: none;
  border: 1px solid #EEEEEE;
}
.manage-container .manage-body .manage-product-head.card {
  border-radius: 7px;
}
.manage-container .manage-body .manage-product-head .back {
  background: #FAFAFA;
  border: 2px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 7px 0px 0px 7px;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1px;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-head .back {
    height: 3.75rem;
    width: 3.75rem;
    min-width: 3.75rem;
  }
}
.manage-container .manage-body .manage-product-head .back i {
  color: #333333;
  font-size: 1.4375rem;
}
.manage-container .manage-body .manage-product-head h1 {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  margin: 0 0 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-head h1 {
    font-size: 1.5rem;
  }
}
.manage-container .manage-body .manage-product-content .head {
  padding: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 7px;
}
.manage-container .manage-body .manage-product-content .head.card {
  border-radius: 7px;
}
.manage-container .manage-body .manage-product-content .head img {
  margin-right: 15px;
}
.manage-container .manage-body .manage-product-content .head h2 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333;
  margin: 0;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  border-bottom: 1px solid #EEEEEE;
  min-height: 40px;
}
@media (min-width: 576px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item.border-top-0 {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 80%;
  min-width: 50%;
  cursor: pointer;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left {
    padding-left: 0;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .sorter {
  margin-right: 20px;
  display: inline-flex;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon {
  margin-right: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon svg {
  width: 28px;
  height: 28px;
  fill: black;
  stroke: black;
}
@media (min-width: 576px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon svg {
    width: 34px;
    height: 34px;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon img {
  max-width: 100%;
}
@media (min-width: 992px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon {
    margin-right: 0.9375rem;
    max-width: 3.4375rem;
    min-width: 3.4375rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .details {
  margin: 0;
  max-width: 100%;
  display: inline-flex;
  flex-direction: column;
  color: #333;
}
@media (max-width: 767px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .details .h3 {
    font-size: 1rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .details .title {
  font-weight: 500;
  font-size: 0.75rem;
}
@media (min-width: 576px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .details .title {
    font-size: 0.875rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .details .sub-title {
  font-weight: 300;
  font-size: 0.625rem;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 30%;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .btn-primary {
  font-weight: 300;
  font-size: 0.8125rem;
  text-transform: uppercase;
  border-radius: 5px !important;
  padding: 3px 5px !important;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .btn-options {
  padding-left: 10px !important;
  padding-right: 0 !important;
}
@media (max-width: 991px) {
  .manage-container .manage-body .manage-product-content .sd-btn-wide-primary-add-36px {
    font-size: 0.75rem;
    height: 1.75rem;
    padding: 0 0.5rem;
  }
}
.manage-container .manage-body .manage-product-content .dropdown-menu .dropdown-item,
.manage-container .manage-body .manage-product-content .dropdown-menu a.dropdown-item:not([href]):not([tabindex]) {
  color: #444;
}
.manage-container .right-sidebar-togler-container {
  transform: none;
  position: absolute;
  right: 0;
  top: 0;
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 0.3125rem;
  padding: 15px;
  box-shadow: none;
  border: 1px solid #EEEEEE !important;
  background: white;
  margin-top: 0;
  cursor: pointer;
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler + .right-sidebar-togler {
  margin-top: 0.625rem;
}
@media (min-width: 992px) {
  .manage-container .right-sidebar-togler-container .right-sidebar-togler {
    width: 300px;
    height: 60px;
  }
}
@media (max-width: 991px) {
  .manage-container .right-sidebar-togler-container .right-sidebar-togler {
    padding: 0;
  }
  .manage-container .right-sidebar-togler-container .right-sidebar-togler i.fa-chevron-right {
    display: none;
  }
}
@media (max-width: 767px) {
  .manage-container .right-sidebar-togler-container .right-sidebar-togler {
    width: 40px;
    height: 40px;
  }
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler img {
  max-width: 24px;
}
@media (min-width: 992px) {
  .manage-container .right-sidebar-togler-container .right-sidebar-togler img {
    max-width: 40px;
  }
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler .center-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0.9375rem;
}
@media (max-width: 991px) {
  .manage-container .right-sidebar-togler-container .right-sidebar-togler .center-content {
    display: none;
  }
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler .center-content .title {
  text-align: left;
  font-weight: 500;
  font-size: 1.125rem;
  color: #444;
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler .center-content .sub-title {
  text-align: left;
  font-weight: 300;
  font-size: 0.8125rem;
  color: #555;
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler:hover img {
  filter: invert(1) brightness(1000);
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler:hover .center-content .title,
.manage-container .right-sidebar-togler-container .right-sidebar-togler:hover .center-content .sub-title {
  color: #fff;
}

.manage-container {
  display: flex;
  position: relative;
}
.manage-container .manage-body .manage-product-content {
  box-shadow: none;
}
.manage-container .manage-body .manage-product-content .head {
  padding: 10px;
  border: 1px solid #EEEEEE;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .head {
    padding: 0 0.9375rem 0 0;
  }
}
.manage-container .manage-body .manage-product-content .head .sort-arrows {
  background: #FAFAFA;
  border: 2px solid #EEEEEE;
  box-sizing: border-box;
  height: 2.375rem;
  width: 2.375rem;
  display: none;
  align-items: center;
  justify-content: center;
  margin: -2px 0px -1px -1px;
  margin-right: 0.625rem;
  border-radius: 7px 0 0 0;
  flex-direction: column;
}
.manage-container .manage-body .manage-product-content .head .sort-arrows a {
  line-height: 15px;
}
.manage-container .manage-body .manage-product-content .head .sort-arrows a i {
  font-size: 1.125rem;
  color: #ddd;
  line-height: 0.75rem;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .head .sort-arrows {
    display: flex;
    height: 2.8125rem;
    width: 2.8125rem;
  }
  .manage-container .manage-body .manage-product-content .head .sort-arrows i {
    font-size: 1.3125rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 992px) {
  .manage-container .manage-body .manage-product-content .head .sort-arrows {
    display: flex;
    height: 3.75rem;
    width: 3.75rem;
    margin-right: 1rem;
    font-size: 1.625rem;
    line-height: 0.9375rem;
  }
}
.manage-container .manage-body .manage-product-content .head .main-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 80px);
}
.manage-container .manage-body .manage-product-content .head .main-head .settings-btn img {
  width: 27px;
  margin-right: 0;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item {
  padding: 0;
  margin-top: -1px;
  border: 1px solid #EEEEEE !important;
  background-color: #fff;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .sorter,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .sorter {
  background: #FAFAFA;
  border: 2px solid #EEEEEE;
  box-sizing: border-box;
  height: 2.375rem;
  width: 2.375rem;
  min-width: 2.375rem;
  display: none;
  align-items: center;
  justify-content: center;
  margin: -1px;
  margin-right: 0.5rem;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .sorter,
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .sorter {
    display: inline-flex;
    height: 2.8125rem;
    width: 2.8125rem;
    min-width: 2.8125rem;
  }
}
@media (min-width: 992px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .sorter,
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .sorter {
    height: 3.75rem;
    width: 3.75rem;
    min-width: 3.75rem;
    margin-right: 1rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .sorter svg,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .sorter svg {
  width: 16px;
  height: 22px;
  fill: #eee;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  font-size: 1rem;
  padding: 0 !important;
  padding-bottom: 2px !important;
  border-radius: 50% !important;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson span,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  transform: translate(-50%, -50%);
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson span::before, .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson span::after,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson span::before,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson span::after {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 12px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson span::after,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson span::after {
  height: 2px;
  width: 12px;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson,
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson {
    width: 1.625rem;
    height: 1.625rem;
    font-size: 1.5625rem;
  }
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .add-lesson span,
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .add-lesson span {
    font-size: 1.625rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .btn-options,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .btn-options {
  padding: 0 !important;
  margin: 0px -5px;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .collapse-lessons i,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .collapse-lessons i {
  font-size: 0.875rem;
  transition: all 0.3s;
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .collapse-lessons.collapsed,
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .collapse-lessons.collapsed {
  transform: scale(1, -1);
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .collapse-lessons i,
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .collapse-lessons i {
    font-size: 1.375rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right {
  padding-right: 0.5rem;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right {
    padding-right: 0.75rem;
  }
}
@media (min-width: 992px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right {
    padding-right: 1rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .right > * {
  margin-left: 0.5rem;
}
@media (min-width: 992px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right > * {
    margin-left: 0.75rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon img {
  width: 1rem;
  height: 1rem;
}
@media (min-width: 576px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon img {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon img {
    width: 1.625rem;
    height: 1.625rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon svg {
  width: 1rem;
  height: 1rem;
  fill: #333;
}
@media (min-width: 576px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon svg {
    width: 1.625rem;
    height: 1.625rem;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .lessons-block {
  border-bottom: 2px solid #EEEEEE;
  animation-duration: 500ms;
}
.manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item {
  margin: -1px;
  width: calc(100% + 2px);
  border: 1px solid #EEEEEE;
  padding-left: 8px;
}
@media (min-width: 768px) {
  .manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item {
    padding-left: 0;
  }
}
.manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item .left .sorter,
.manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item .right .sorter {
  background: no-repeat;
  margin: -2px 0 -2px;
  margin-right: 1.8rem;
}
.manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item .left .btn-options,
.manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item .right .btn-options {
  padding-right: 0 !important;
  margin-right: -3px;
}
@media (max-width: 991px) {
  .manage-container .cbe-block.col-12 {
    padding-right: 0;
  }
  .manage-container .cbe-block-content-text.wysiwyg-content {
    padding: 0.625rem;
  }
}

.manage-product-list + .manage-product-list {
  margin-top: -1px;
}

.main-wrapper .dropdown-menu {
  z-index: 1001;
}

.customization-sidebar-wrapper {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.customization-sidebar-wrapper.top-0 {
  top: 0;
}
.customization-sidebar-wrapper.top-0 .lms-sidebar {
  padding-top: 0 !important;
}
.customization-sidebar-wrapper .modal-loading-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.customization-sidebar-wrapper .save-message {
  background: #FAFAFA;
  padding: 1rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  position: relative;
  cursor: pointer;
}
.customization-sidebar-wrapper .save-message .fa-circle-check,
.customization-sidebar-wrapper .save-message .fa-check-circle {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #38d57a;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.customization-sidebar-wrapper .save-message .fa-circle-check.ng-enter, .customization-sidebar-wrapper .save-message .fa-circle-check.ng-leave.ng-leave-active,
.customization-sidebar-wrapper .save-message .fa-check-circle.ng-enter,
.customization-sidebar-wrapper .save-message .fa-check-circle.ng-leave.ng-leave-active {
  opacity: 0;
}
.customization-sidebar-wrapper .save-message .fa-circle-check.ng-enter.ng-enter-active, .customization-sidebar-wrapper .save-message .fa-circle-check.ng-leave,
.customization-sidebar-wrapper .save-message .fa-check-circle.ng-enter.ng-enter-active,
.customization-sidebar-wrapper .save-message .fa-check-circle.ng-leave {
  opacity: 1;
}
@media (min-width: 768px) {
  .customization-sidebar-wrapper .save-message .fa-circle-check,
  .customization-sidebar-wrapper .save-message .fa-check-circle {
    right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .customization-sidebar-wrapper .save-message {
    padding: 1rem 3.875rem 1rem 1.5rem;
  }
}

.sidebar-with-background::before {
  content: "";
  display: none;
  justify-content: flex-end;
  height: 100%;
  min-height: calc(100vh - 100px);
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1005;
  background: rgba(0, 0, 0, 0.5);
}

.sidebar-with-background.slideInRight::before {
  display: flex;
}

.manage-container .customization-sidebar-wrapper .form.form-oscar .form-group label {
  font-weight: 600;
}
.manage-container .customization-sidebar-wrapper .form .save-message {
  padding: 10px 16px;
  background: #FAFAFA;
  color: #888888;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.manage-container .customization-sidebar-wrapper .form .save-message i {
  font-size: 16px;
  margin-right: 5px;
}
.manage-container .customization-sidebar-wrapper .form .save-message span {
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.manage-container .customization-sidebar-wrapper .form .information-block {
  padding: 20px 0;
}
.manage-container .customization-sidebar-wrapper .form .information-block .h4 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #444;
}
.manage-container .customization-sidebar-wrapper .form .information-block div {
  font-weight: normal;
  font-size: 0.75rem;
  color: #555;
}
.manage-container .customization-sidebar-wrapper .form .information-block div a {
  color: #3FB1F0;
  font-size: 0.875rem;
}
.manage-container .customization-sidebar-wrapper .form .sub-item {
  padding-left: 32px;
}
.manage-container .customization-sidebar-wrapper .form .percent-symbol {
  font-size: 1.25rem;
  margin: 0 0.625rem;
}
.manage-container .customization-sidebar-wrapper .form .section-label {
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0;
}
.manage-container .customization-sidebar-wrapper .form .section-label label {
  font-weight: bold;
  text-transform: uppercase;
}
.manage-container .customization-sidebar-wrapper .form .form-actions {
  background: #FAFAFA;
}
.manage-container .customization-sidebar-wrapper .form .form-actions .btn, .manage-container .customization-sidebar-wrapper .form .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-container .customization-sidebar-wrapper .form .form-actions button, .manage-container .customization-sidebar-wrapper .form .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-container .customization-sidebar-wrapper .form .form-actions button {
  margin: 0;
}

.manage-container .customization-sidebar-wrapper .sidebar-header {
  font-weight: 500;
  padding: 15px;
}
.manage-container .customization-sidebar-wrapper .sidebar-header .close {
  width: 25px;
  height: 25px;
  border: 2px solid #181818;
  padding: 0;
}
.manage-container .customization-sidebar-wrapper .sidebar-header .close i {
  font-size: 18px !important;
}

.product-modal-preview .main-image {
  margin: -25px -25px 1.5rem;
}
.product-modal-preview .main-image img {
  width: 100%;
}
.product-modal-preview .description {
  font-size: 16px;
  line-height: 25px;
  color: #000;
  margin-bottom: 0.625rem;
  height: 100%;
  max-height: 33vh;
  overflow: auto;
}
.product-modal-preview .description p {
  margin: 0;
}
.product-modal-preview h3 {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #000;
}
.product-modal-preview .tags {
  padding: 0.625rem 0 0;
}
.product-modal-preview .tags .tag {
  background: #EEEEEE;
  border-radius: 3px;
  list-style: none;
  display: inline-flex;
  color: #000;
  font-weight: 300;
  font-size: 0.875rem;
  padding: 5px 20px;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
.product-modal-preview .modal-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -25px;
  padding: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.product-modal-preview .modal-bottom .left {
  font-weight: bold;
  font-size: 1.125rem;
  color: #000;
}
.product-modal-preview .modal-bottom .right {
  font-size: 1.375rem;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
}

.manage-top-bar-wrapper {
  background-color: #fff;
  margin-bottom: 0.9375rem;
}
.manage-top-bar-wrapper .manage-top-bar {
  border: 1px solid #EEEEEE;
}
.manage-top-bar-wrapper .manage-top-bar .left,
.manage-top-bar-wrapper .manage-top-bar .right,
.manage-top-bar-wrapper .manage-top-bar .center {
  display: flex;
  align-items: center;
}
.manage-top-bar-wrapper .manage-top-bar .left .back {
  border-right: 1px solid #EEEEEE;
  padding: 15px 20px;
  margin-right: 0.625rem;
}
.manage-top-bar-wrapper .manage-top-bar .left .back i {
  font-size: 1.25rem;
}
.manage-top-bar-wrapper .manage-top-bar .left .status img {
  width: 30px;
  margin-right: 5px;
}
.manage-top-bar-wrapper .manage-top-bar .right {
  padding-right: 15px;
}
.manage-top-bar-wrapper .manage-top-bar .right .btn-primary {
  color: #fff;
}
.manage-top-bar-wrapper .manage-top-bar .right .btn-primary:hover {
  color: #fff;
}
.manage-top-bar-wrapper .manage-top-bar .right .btn.light, .manage-top-bar-wrapper .manage-top-bar .right .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.light, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-top-bar-wrapper .manage-top-bar .right button.light, .manage-top-bar-wrapper .manage-top-bar .right .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.light, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-top-bar-wrapper .manage-top-bar .right button.light {
  font-weight: 300;
}
.manage-top-bar-wrapper .manage-top-bar .status {
  font-family: var(--default-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0;
  color: #444;
}
@media (min-width: 768px) {
  .manage-top-bar-wrapper .manage-top-bar .status {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.manage-top-bar-wrapper .manage-top-bar-tabs {
  padding: 0 1rem;
  border-bottom: 1px solid #EEEEEE;
}
@media (min-width: 768px) {
  .manage-top-bar-wrapper .manage-top-bar-tabs {
    padding: 0 2rem;
  }
}
.manage-top-bar-wrapper .manage-top-bar-tabs .tabs-card {
  margin: 0;
}
.manage-top-bar-wrapper .manage-top-bar-tabs .tabs-card .nav-link {
  text-transform: none !important;
}

.course-preview-container {
  width: 100%;
  min-height: 100vh;
  background: #fff;
}
@media (min-width: 961px) {
  .course-preview-container {
    margin-top: -5.62rem;
  }
}
.course-preview-container .head {
  display: flex;
  border: 1px solid #EEEEEE;
}
.course-preview-container .head .back {
  padding: 5px 13px;
  font-size: 1.125rem;
  border-right: 1px solid #EEEEEE;
}
.course-preview-container .main-block-container {
  display: flex;
  min-height: calc(100vh - 40px);
}
.course-preview-container .main-block-container .site-sidebar {
  position: relative;
  width: 400px;
  min-height: calc(100vh - 40px);
  background-color: #3E76A1;
  top: 0;
}
.course-preview-container .main-block-container .site-sidebar .navbar-header {
  width: 100%;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu {
  width: 100%;
  padding: 0;
  list-style: none;
  border-top: 0;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .module-item {
  width: 100%;
  border-radius: 0;
  margin-top: -1px;
  background-color: #3E76A1;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .module-item .module-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border: 1px solid #224057;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .module-item .module-title i {
  font-size: 22px;
  transition: all 0.3s;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .module-item .module-title.collapsed i {
  transform: scale(1, -1);
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .lessons {
  padding: 0;
  margin-left: 0;
  list-style: none;
  padding-top: 5px;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .lessons .lesson-item a {
  padding: 3px 15px;
  border-left: 0;
}
.course-preview-container .main-block-container .site-sidebar .modules.side-menu .lessons .lesson-item a i {
  margin-right: 0.625rem;
}
.course-preview-container .main-block {
  width: 100%;
}
@media (min-width: 961px) {
  .course-preview-container .main-block {
    width: calc(100% - 400px);
  }
}
.course-preview-container .right-sidebar-togler-container {
  top: 50px;
  transform: none;
}
.course-preview-container .right-sidebar-togler-container .right-sidebar-togler img {
  width: 35px;
}
.course-preview-container .right-sidebar-togler-container .right-sidebar-togler:hover img {
  filter: invert(1) brightness(1000);
}

#lms-quizzes-list .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lms-header-your-courses {
  margin-top: 4px;
}

.lms-landing-page .landing-page-content {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
  border: 1px solid #efefef;
  border-radius: 7px;
}
.lms-landing-page body.blank-layout .content-wrapper {
  background-color: #fff;
}

body.lms-landing-page .content-wrapper,
body.lms-landing-page .main-wrapper {
  background-color: transparent !important;
}

body.lms-landing-page:not(.lms-landing-page-preview) .wrapper {
  padding: 0;
}
body.lms-landing-page:not(.lms-landing-page-preview) .landing-page-content {
  padding-top: 0;
}

body.lms-landing-page-preview .landing-page-content {
  margin: 2rem;
}
@media (max-width: 991px) {
  body.lms-landing-page-preview .landing-page-content.wysiwyg-content {
    margin: 1rem;
    padding: 0.625rem 1rem 1rem;
    width: calc(100% - 2rem);
  }
  body.lms-landing-page-preview .landing-page-content.wysiwyg-content .cbe-block-content-text.wysiwyg-content {
    padding: 0;
  }
  body.lms-landing-page-preview .landing-page-content.wysiwyg-content .cbe-block-offer-content,
  body.lms-landing-page-preview .landing-page-content.wysiwyg-content .cbe-block-offer-text {
    padding: 0;
  }
}

@media (max-width: 767px) {
  body.lms-page .redactor-box.redactor-styles-on .redactor-toolbar {
    padding: 8px 8px 0 8px;
  }
}

@media (max-width: 768px) {
  .lms-page .main-wrapper .widget-list > div > .card {
    background-color: transparent;
    border: none;
  }
}
.manage-container .right-sidebar-togler-container .right-sidebar-togler:hover .fa-chevron-right {
  color: #fff !important;
}

#lms-lesson-form {
  margin-top: 70px;
}
#lms-lesson-form.sales-funnel-builder {
  margin-top: 130px;
}
#lms-lesson-form .manage-top-bar-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.lms-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.lms-panel__header {
  width: 100%;
  padding: 1rem 1rem 0.75rem 1rem;
}
@media (min-width: 1200px) {
  .lms-panel__header {
    padding: 1.875rem 1.625rem 1.5rem 1.625rem;
  }
}
.lms-panel__content {
  width: 100%;
  padding: 1rem;
}
@media (max-width: 768px) {
  .lms-panel__content {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .lms-panel__content {
    padding: 0 1.875rem 1.875rem;
  }
}
.lms-panel__title {
  color: #444;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@media (min-width: 768px) {
  .lms-panel__title {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.lms-panel__subtitle {
  color: #444;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
}
@media (min-width: 768px) {
  .lms-panel__subtitle {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.lms-panel .product-card,
.lms-panel .product-details {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  height: 100%;
}
.lms-panel .product-card:hover, .lms-panel .product-card:focus,
.lms-panel .product-details:hover,
.lms-panel .product-details:focus {
  cursor: pointer;
}
.lms-panel .product-card .card-img-top,
.lms-panel .product-details .card-img-top {
  position: relative;
  border-top-right-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
  overflow: hidden;
}
.lms-panel .product-card .card-img-top .lms-card-tag,
.lms-panel .product-details .card-img-top .lms-card-tag {
  position: absolute;
  display: block;
  background: #D31100;
  color: white;
  border-radius: 5px;
  top: 1rem;
  right: 1rem;
  line-height: 1;
  padding: 4px 8px;
}
.lms-panel .product-card .card-progress,
.lms-panel .product-details .card-progress {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
}
.lms-panel .product-card .card-progress i,
.lms-panel .product-details .card-progress i {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1rem;
  justify-content: center;
  align-items: center;
  background: #fff;
  z-index: -1;
}
.lms-panel .product-card .card-progress.completed i,
.lms-panel .product-details .card-progress.completed i {
  display: flex;
  z-index: 10;
}
.lms-panel .product-card .card-progress canvas,
.lms-panel .product-details .card-progress canvas {
  width: 1.875rem;
  height: 1.875rem;
}
.lms-panel .product-card .card-body,
.lms-panel .product-details .card-body {
  border: 1px solid #EEEEEE;
}
.lms-panel .product-card .card-footer,
.lms-panel .product-details .card-footer {
  background: #fff;
  border: 1px solid #EEEEEE;
  border-top: 0;
  position: relative;
  margin-top: -1px;
  border-bottom-right-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.lms-panel .product-card .card-footer:before,
.lms-panel .product-details .card-footer:before {
  content: "";
  width: calc(100% - 32px);
  height: 1px;
  display: block;
  background-color: #EEEEEE;
  position: absolute;
  top: 0;
  left: 1rem;
}
.lms-panel .product-card .card-footer-included,
.lms-panel .product-details .card-footer-included {
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #3FB1F0;
}
.lms-panel .product-card .card-footer-actions,
.lms-panel .product-details .card-footer-actions {
  display: inline-flex;
  flex-direction: row;
  margin-left: auto;
}
.lms-panel .product-card .card-title,
.lms-panel .product-details .card-title {
  position: relative;
  padding-right: 1rem;
  font-size: 0.84375rem;
  font-weight: 600;
  font-family: var(--default-font-family);
  color: #444;
  line-height: 1.375rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .lms-panel .product-card .card-title,
  .lms-panel .product-details .card-title {
    font-size: 1.125rem;
  }
}
.lms-panel .product-card .card-title .stretched-link,
.lms-panel .product-details .card-title .stretched-link {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lms-panel .product-card .card-title a,
.lms-panel .product-card .card-title .dropdown-item,
.lms-panel .product-details .card-title a,
.lms-panel .product-details .card-title .dropdown-item {
  font-size: inherit;
  font-weight: inherit;
  color: #444;
}
.lms-panel .product-card .card-title .dropdown,
.lms-panel .product-details .card-title .dropdown {
  position: absolute;
  right: -1.5rem;
  top: 0;
}
.lms-panel .product-card .card-title .dropdown-menu,
.lms-panel .product-details .card-title .dropdown-menu {
  left: auto !important;
  right: 3px;
  border-radius: 0.3125rem;
  border: 1px solid #EEEEEE;
}
.lms-panel .product-card .card-subtitle,
.lms-panel .product-details .card-subtitle {
  margin-top: 0.25rem;
  font-family: "Roboto";
  font-size: 0.609375rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #555;
}
@media (min-width: 768px) {
  .lms-panel .product-card .card-subtitle,
  .lms-panel .product-details .card-subtitle {
    font-size: 0.8125rem;
  }
}
.lms-panel .product-card .categories,
.lms-panel .product-details .categories {
  overflow: hidden;
  margin-top: 1.25rem;
}
.lms-panel .product-card .categories .badge,
.lms-panel .product-details .categories .badge {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 300;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  white-space: normal;
  text-align: left;
}
.lms-panel .product-card .categories .badge.badge-category,
.lms-panel .product-details .categories .badge.badge-category {
  color: #000;
  background: #EEEEEE !important;
}
.lms-panel .product-card p,
.lms-panel .product-card .description,
.lms-panel .product-details p,
.lms-panel .product-details .description {
  font-family: "Roboto";
  font-style: normal;
  line-height: 1.125rem;
}
.lms-panel .product-card .description,
.lms-panel .product-details .description {
  max-height: 10.625rem;
  overflow: hidden;
}
.lms-panel .product-card .description p,
.lms-panel .product-details .description p {
  margin-bottom: 0;
  font-size: 0.8125rem;
}
.lms-panel .product-card .description p + p,
.lms-panel .product-details .description p + p {
  margin-top: 1rem;
}
.lms-panel .btn-outline-default,
.lms-panel input.form-control {
  border-color: #EEEEEE;
}
.lms-panel .btn-outline-default:focus, .lms-panel .btn-outline-default:active,
.lms-panel input.form-control:focus,
.lms-panel input.form-control:active {
  border-color: #555;
  box-shadow: none;
}
.lms-panel input.form-control i {
  color: #555;
}
.lms-panel .empty {
  padding: 0 1rem;
}
.lms-panel .form-oscar .form-control,
.lms-panel .form-control,
.lms-panel .select2-container--default .select2-selection--multiple,
.lms-panel .select2 .select2-selection--single {
  border-color: #EEEEEE;
  box-shadow: none;
  border-radius: 0.3125rem;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #444;
}
.lms-panel .form-oscar .form-control::placeholder,
.lms-panel .form-control::placeholder,
.lms-panel .select2-container--default .select2-selection--multiple::placeholder,
.lms-panel .select2 .select2-selection--single::placeholder {
  color: #444;
}
.lms-panel .form-oscar .form-control:focus,
.lms-panel .form-control:focus,
.lms-panel .select2-container--default .select2-selection--multiple:focus,
.lms-panel .select2 .select2-selection--single:focus {
  box-shadow: none;
  border-color: #555;
}
.lms-panel .select2-container--default .select2-selection--multiple {
  min-height: calc(2.4rem + 2px) !important;
  padding-bottom: 0;
}
.lms-panel .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
.lms-panel .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: var(--default-font-family) !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #444;
}
.lms-panel .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder,
.lms-panel .select2-container--default .select2-selection--single .select2-selection__placeholder::placeholder {
  color: #444;
}
.lms-panel .select2-container--default.select2-container--focus .select2-selection--multiple,
.lms-panel .redactor-focus.redactor-styles-on,
.lms-panel .redactor-focus:focus.redactor-styles-on {
  border-color: #555 !important;
}
.lms-panel .btn, .lms-panel .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-panel button, .lms-panel .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-panel button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 991px) {
  .lms-panel .btn, .lms-panel .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-panel button, .lms-panel .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-panel button {
    font-size: 0.625rem;
  }
}

.lms-filter.d-flex.justify-content-between {
  align-items: center;
  row-gap: 10px;
}
.lms-filter .filter {
  display: flex;
  align-items: center;
}
.lms-filter .filter .btn, .lms-filter .filter .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-filter .filter button, .lms-filter .filter .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-filter .filter button {
  margin-right: 0.625rem;
}
.lms-filter .filter a.btn {
  border-radius: 0.5rem !important;
  padding: 0.5rem 10px !important;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 991px) {
  .lms-filter .filter a.btn {
    font-size: 0.625rem;
    padding: 0.5rem 10px !important;
    height: 1.75rem;
  }
}
.lms-filter .filter .has-search {
  position: relative;
  margin-bottom: 0;
}
.lms-filter .filter .has-search i {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}
@media (max-width: 991px) {
  .lms-filter .filter .has-search i {
    font-size: 0.625rem;
  }
}
.lms-filter .filter .has-search input {
  box-sizing: border-box;
  padding-left: 2.1875rem;
  padding-right: 0.875rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.lms-filter .filter .has-search input:focus + i {
  color: #444;
}
@media (max-width: 991px) {
  .lms-filter .filter .has-search input {
    padding-left: 1.5625rem;
    padding-right: 0.5rem;
    height: 1.75rem;
  }
}
.lms-filter .filter .sd-btn-wide-primary-add-36px {
  margin-left: 0 !important;
}

.lms-sidebar-wrapper:not(.RightBar),
.customization-sidebar-wrapper.lms-sidebar-wrapper:not(.RightBar) {
  display: flex;
  justify-content: flex-end;
  height: 100%;
  min-height: 100vh;
  max-height: 100vh;
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1010;
  background: transparent;
  animation-duration: 500ms;
  overflow: hidden;
  max-width: 100%;
  border-left: none;
}
.lms-sidebar-wrapper:not(.RightBar) > ng-include,
.customization-sidebar-wrapper.lms-sidebar-wrapper:not(.RightBar) > ng-include {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lms-sidebar-wrapper:not(.RightBar) .lms-sidebar,
.customization-sidebar-wrapper.lms-sidebar-wrapper:not(.RightBar) .lms-sidebar {
  height: 100%;
  background: #fff;
  border-left: 0.3125rem solid #EEEEEE;
  padding-top: 5.625rem;
  overflow: hidden;
}

.lms-sidebar {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  max-width: 520px;
  background: #fff;
  margin-left: auto;
}
.lms-sidebar.disabled {
  opacity: 1;
}
.lms-sidebar.disabled > * {
  opacity: 0.9;
}
@media (min-width: 768px) {
  .lms-sidebar {
    min-width: 520px;
  }
}
.lms-sidebar__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 110;
  height: 2.625rem;
}
@media (min-width: 768px) {
  .lms-sidebar__header {
    height: 64px;
    padding: 1rem 1.5rem;
  }
}
.lms-sidebar__header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  color: #555;
  opacity: 1;
  background: transparent;
  position: relative;
  top: auto;
  right: auto;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.lms-sidebar__header .close:before, .lms-sidebar__header .close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.lms-sidebar__header .close:before {
  transform: translateY(-50%) rotate(45deg);
}
.lms-sidebar__header .close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.lms-sidebar__header .close i {
  display: none;
  color: #555;
  font-size: 1.5rem;
}
.lms-sidebar__header .close:hover, .lms-sidebar__header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
  .lms-sidebar__header .close {
    width: 1.625rem;
    height: 1.625rem;
  }
}
.lms-sidebar__body {
  padding: 0.625rem 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .lms-sidebar__body {
    padding: 0.875rem 1.5rem;
  }
}
.lms-sidebar__body .sd-file-browser .entity-wrap .entity-meta {
  display: none;
}
.lms-sidebar__body .sd-file-browser .entity-wrap .icon {
  flex: 0 0 auto;
}
.lms-sidebar__body .sd-file-browser .entity-wrap .title {
  flex: 1 1 auto;
}
.lms-sidebar__body .sd-file-browser .entity-wrap .title .title-label {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lms-sidebar__body .sd-file-browser .entity-wrap .btns-wrap {
  flex: 0 0 auto;
}
.lms-sidebar__body .sd-file-browser .entity-wrap .btns-wrap .btn, .lms-sidebar__body .sd-file-browser .entity-wrap .btns-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-sidebar__body .sd-file-browser .entity-wrap .btns-wrap button, .lms-sidebar__body .sd-file-browser .entity-wrap .btns-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lms-sidebar__body .sd-file-browser .entity-wrap .btns-wrap button {
  min-width: unset !important;
}
.lms-sidebar__footer {
  margin-top: auto;
  padding: 0.625rem 1rem;
  border-top: 1px solid #EEEEEE;
  background: #FAFAFA;
}
@media (min-width: 576px) {
  .lms-sidebar__footer {
    padding: 1rem;
  }
}
@media (min-width: 768px) {
  .lms-sidebar__footer {
    padding: 1rem 1.5rem;
  }
}
.lms-sidebar__title {
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 1.125rem;
  line-height: 18px;
  font-style: normal;
  font-weight: 600;
}
@media (min-width: 576px) {
  .lms-sidebar__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.lms-sidebar__subtitle {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #444;
  width: 100%;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.125rem;
}
@media (min-width: 576px) {
  .lms-sidebar__subtitle {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.lms-sidebar__subtitle-link {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  font-size: 0.75rem;
}
.lms-sidebar__subtitle-link .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  fill: #444;
}
.lms-sidebar .form-group label {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #444;
  margin-bottom: 0.5rem;
}
.lms-sidebar .form-oscar .form-control,
.lms-sidebar .form-control,
.lms-sidebar .select2-container--default .select2-selection--multiple,
.lms-sidebar .select2 .select2-selection--single,
.lms-sidebar .sd-app-tags tags-input .tags {
  border-color: #EEEEEE;
  box-shadow: none;
  border-radius: 0.3125rem;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #444;
}
.lms-sidebar .form-oscar .form-control::placeholder,
.lms-sidebar .form-control::placeholder,
.lms-sidebar .select2-container--default .select2-selection--multiple::placeholder,
.lms-sidebar .select2 .select2-selection--single::placeholder,
.lms-sidebar .sd-app-tags tags-input .tags::placeholder {
  color: #444;
}
.lms-sidebar .form-oscar .form-control:focus,
.lms-sidebar .form-control:focus,
.lms-sidebar .select2-container--default .select2-selection--multiple:focus,
.lms-sidebar .select2 .select2-selection--single:focus,
.lms-sidebar .sd-app-tags tags-input .tags:focus {
  box-shadow: none;
  border-color: #555;
  color: #222;
}
.lms-sidebar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
.lms-sidebar .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: var(--default-font-family) !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #444;
}
.lms-sidebar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder,
.lms-sidebar .select2-container--default .select2-selection--single .select2-selection__placeholder::placeholder {
  color: #444;
}
.lms-sidebar .select2-container--default.select2-container--focus .select2-selection--multiple,
.lms-sidebar .redactor-focus.redactor-styles-on,
.lms-sidebar .redactor-focus:focus.redactor-styles-on {
  border-color: #555 !important;
}
.lms-sidebar .tag-item {
  background: #EEEEEE !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 0.3125rem;
}
.lms-sidebar .tag-item .remove-button {
  margin-top: 0 !important;
}
.lms-sidebar .save-message {
  position: sticky;
  top: 2.625rem !important;
  padding: 0.625rem 1rem;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.125rem;
  background: #FAFAFA;
  border-bottom: 1px solid #EEEEEE;
  z-index: 110;
  cursor: pointer;
}
.lms-sidebar .save-message .fa-circle-check,
.lms-sidebar .save-message .fa-check-circle {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #38d57a;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.lms-sidebar .save-message .fa-circle-check.ng-enter, .lms-sidebar .save-message .fa-circle-check.ng-leave.ng-leave-active,
.lms-sidebar .save-message .fa-check-circle.ng-enter,
.lms-sidebar .save-message .fa-check-circle.ng-leave.ng-leave-active {
  opacity: 0;
}
.lms-sidebar .save-message .fa-circle-check.ng-enter.ng-enter-active, .lms-sidebar .save-message .fa-circle-check.ng-leave,
.lms-sidebar .save-message .fa-check-circle.ng-enter.ng-enter-active,
.lms-sidebar .save-message .fa-check-circle.ng-leave {
  opacity: 1;
}
@media (min-width: 768px) {
  .lms-sidebar .save-message .fa-circle-check,
  .lms-sidebar .save-message .fa-check-circle {
    right: 1.5rem;
  }
}
@media (min-width: 576px) {
  .lms-sidebar .save-message {
    font-size: 0.8125rem;
    padding: 1rem;
  }
}
@media (min-width: 768px) {
  .lms-sidebar .save-message {
    top: 3.625rem;
    padding: 1rem 3.875rem 1rem 1.5rem;
  }
}
.lms-sidebar .save-message + .lms-sidebar__body {
  padding-top: 1rem;
}
.lms-sidebar .information-block {
  margin-top: auto;
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
}
.lms-sidebar .information-block a {
  color: #3FB1F0;
  text-decoration: underline;
}
.lms-sidebar.lms-sidebar--styling label {
  font-size: 0.8125rem;
}
.lms-sidebar .sd-file-browser .browser-list .entity .icon {
  width: 2.8125rem;
  height: 2.8125rem;
}
.lms-sidebar .sd-file-browser .browser-list .entity .dropdown {
  width: auto;
  margin-left: auto;
}
.lms-sidebar .sd-file-browser .browser-list .entity .dropdown .sd-btn {
  border-color: transparent;
  margin-right: 0;
}
.lms-sidebar .sd-file-browser .browser-list .entity .dropdown .icon {
  width: 0.75rem;
}
.lms-sidebar .file-upload-widget .file-list ul .file .info {
  word-break: break-all;
  font-size: 0.75rem;
  width: 100%;
}
.lms-sidebar .file-list .sd-file-task-upload-btn-delete {
  height: 2.125rem;
}
.lms-sidebar .file-list li {
  align-items: center;
}
.lms-sidebar .file-list .name {
  word-break: break-all;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}
.lms-sidebar .redactor-box.redactor-styles-on .redactor-toolbar {
  padding: 10px 8px 0 8px;
}

.lms-sidebar_notifications {
  max-height: 78%;
}

.lms-sidebar__configure-actions-widget-block .w-100 {
  margin-top: 0 !important;
}

.sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
.sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
.sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
.sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
.sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-100,
.sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
.sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
.sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
.sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
.sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-25,
.sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-50,
.sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-75,
.sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-100,
.sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
.sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
.sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
.sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
.sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
.sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
.sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
.sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-100 {
  max-width: 100%;
  margin-left: auto;
}
@media (max-width: 960px) {
  .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-25,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-50,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-75,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-100,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-100 {
    min-width: 100%;
  }
}
@media (min-width: 961px) {
  .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75, .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-25,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-50,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-75,
  .sidebar-focused .lms-sidebar-wrapper.lms-sidebar.sidebar-100,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-100 {
    width: 100%;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50 {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.25);
  }
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50 {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.5);
  }
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75 {
    max-width: calc((100% - 3.75rem) * 0.75);
  }
  .sidebar-collapse .lms-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-collapse .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100 {
    max-width: calc(100% - 3.75rem);
  }
}

@media (min-width: 961px) {
  .sidebar-focused .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-25,
  .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-25 {
    max-width: calc((100% - 14.375rem) * 0.25);
  }
  .sidebar-focused .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-50,
  .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-50 {
    max-width: calc((100% - 14.375rem) * 0.5);
  }
  .sidebar-focused .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-75,
  .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-75 {
    max-width: calc((100% - 14.375rem) * 0.75);
  }
  .sidebar-focused .lms-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-focused .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-expand .lms-sidebar-wrapper .lms-sidebar.sidebar-100,
  .sidebar-expand .lms-sidebar-wrapper.customization-sidebar-wrapper .lms-sidebar.sidebar-100 {
    max-width: calc(100% - 14.375rem);
  }
}

.sidebar-expand .customization-sidebar-wrapper.sidebar-100 .lms-sidebar {
  max-width: 100%;
}

.product-card {
  margin-bottom: 25px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px !important;
}
.product-card__img-wrap {
  width: 100%;
  min-width: 150px;
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}
.product-card__img-wrap img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.product-card__title {
  font-size: 18px;
  color: #EEEEEE;
  font-weight: 600;
  text-transform: capitalize;
}
.product-card .card-footer p {
  margin-top: 5px !important;
}

.quizzes-top-bar {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 9px;
  padding-left: 50px;
  color: #777777;
  font-weight: 300;
  font-size: 14px;
}
.quizzes-top-bar::before {
  content: "";
  position: absolute;
  display: block;
  bottom: -1px;
  height: 1px;
  left: -8px;
  right: -8px;
  background-color: #cccccc;
}

.quizzes-top-bar__left {
  display: flex;
}

.quizzes-top-bar__back-btn {
  display: block;
  position: absolute;
  left: -8px;
  top: -11px;
  width: 50px;
  height: 51px;
  border-right: 1px solid #cccccc;
}

.quizzes-top-bar__back-btn span {
  position: absolute;
  display: block;
  left: 50%;
  top: 55%;
  width: 10px;
  height: 20px;
  transform: translate(-50%, -50%);
}

.quizzes-top-bar__back-btn span::before {
  content: "";
  display: block;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 2px solid #333333;
  border-right: none;
  border-top: none;
  border-radius: 2px;
  transform: rotate(45deg);
}

.quizzes-top-bar__draft-def {
  position: relative;
  padding-left: 40px;
  color: #777777;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
}
.quizzes-top-bar__draft-def::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  background-color: #777777;
  border-radius: 50%;
  transform: translate(0, -50%);
}
.quizzes-top-bar__draft-def::after {
  content: "";
  position: absolute;
  display: block;
  left: 10px;
  top: -3px;
  width: 10px;
  height: 18px;
  background-color: transparent;
  border: 4px solid #fff;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}

.quizzes-top-bar a.quizzes-top-bar__publish-btn {
  margin-left: 12px;
  color: #fff;
  font-size: 14px;
}

body.sd-dark-mode .quizzes-top-bar__back-btn span::before {
  border-color: #fff;
}

body.sd-dark-mode .quizzes-top-bar__draft-def {
  color: #fff;
}

@media (min-width: 576px) {
  .quizzes-top-bar::before {
    left: -15px;
    right: -15px;
  }
}
@media (min-width: 768px) {
  .quizzes-top-bar {
    padding-left: 75px;
    padding-right: 26px;
    padding-bottom: 13px;
    font-size: 18px;
  }
  .quizzes-top-bar__back-btn {
    top: -16px;
    left: -15px;
    width: 60px;
    height: 65px;
  }
  .quizzes-top-bar__back-btn span {
    width: 15px;
    height: 29px;
  }
  .quizzes-top-bar__back-btn span::before {
    width: 20px;
    height: 20px;
  }
  .quizzes-top-bar__draft-def {
    padding-left: 46px;
    font-size: 18px;
  }
  .quizzes-top-bar__draft-def::before {
    width: 34px;
    height: 34px;
  }
  .quizzes-top-bar__draft-def::after {
    left: 11px;
    top: -2px;
    width: 12px;
    height: 20px;
  }
  .quizzes-top-bar a.quizzes-top-bar__publish-btn {
    margin-left: 19px;
    font-size: 18px;
  }
}
.quizzes {
  /*margin: -16px -15px;*/
  margin-top: -5px;
}

.quizzes__page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 0;
}

.quizzes__content {
  width: 100%;
}

.quizzes__page-wrap input[type=text].quizzes__input-quizz-title.form-control {
  margin-bottom: 12px;
  width: 100%;
  height: 42px;
  padding: 9px 12px;
  font-size: 18px;
  color: #555;
  font-weight: 300;
  border: 1px solid #cccccc;
  border-radius: 10px;
  box-shadow: none;
  background-color: transparent;
}

.quizzes__questions-container {
  margin-bottom: 23px;
}

.quizzes__content-add-btn {
  position: relative;
  padding: 6px 8px 7px 24px;
  font-size: 10px;
  font-weight: 400;
  color: #555;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

.quizzes__content-add-btn span {
  display: block;
  position: absolute;
  left: 8px;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translate(0, -50%);
  background-color: transparent;
}
.quizzes__content-add-btn span::before {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: 0;
  width: 1px;
  height: 9px;
  background-color: #555;
}
.quizzes__content-add-btn span::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 4px;
  width: 9px;
  height: 1px;
  background-color: #555;
}

body.sd-dark-mode .quizzes__content-add-btn span::before,
body.sd-dark-mode .quizzes__content-add-btn span::after {
  background-color: #fff;
}

body.sd-dark-mode .quizzes__page-wrap input[type=text].quizzes__input-quizz-title.form-control {
  border: 1px solid #cccccc !important;
}

@media (min-width: 768px) {
  .quizzes {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .quizzes__page-wrap {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 23px 26px 42px 60px;
  }
  .quizzes__content {
    width: 81%;
  }
  .quizzes__page-wrap input[type=text].quizzes__input-quizz-title.form-control {
    margin-bottom: 25px;
    height: 54px;
    padding: 13px 16px;
    font-size: 22px;
  }
}
.quizzes-side-bar {
  flex-shrink: 0;
  margin: 0 auto;
  margin-top: 30px;
  width: 308px;
}

.quizzes-side-bar__new-question,
.quizzes-side-bar__exisiting-questions {
  padding: 14px 23px;
  border: 1px solid #cccccc;
  border-radius: 10px;
}

.quizzes-side-bar__new-question {
  margin-bottom: 18px;
}

.quizzes-side-bar__question-block-header {
  position: relative;
  padding-left: 62px;
  padding-right: 12px;
}

.quizzes-side-bar__question-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.quizzes-side-bar__question-icon,
.quizzes-side-bar__question-icon svg {
  width: 42px;
  height: 40px;
}

.quizzes-side-bar__question-icon-element {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #782B0F;
}
.quizzes-side-bar__question-icon-element::before {
  width: 3px;
  height: 10px;
}
.quizzes-side-bar__question-icon-element::after {
  height: 3px;
  width: 10px;
}

.quizzes-side-bar__question-icon-element::before,
.quizzes-side-bar__question-icon-element::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}

.quizzes-side-bar__question-title {
  display: block;
  font-size: 18px;
  font-weight: 500;
}

.quizzes-side-bar__question-subtitle {
  font-size: 12px;
  color: #555;
  font-weight: 300;
}

.quizzes-side-bar__handle {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 23px;
  transform: translate(0, -50%);
}
.quizzes-side-bar__handle::before {
  content: "";
  position: absolute;
  display: block;
  left: -8px;
  top: 2px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 2px solid #333333;
  border-left: none;
  border-bottom: none;
  border-radius: 2px;
  transform: rotate(45deg);
}

.quizzes-side-bar__exisiting-questions .quizzes-side-bar__question-block-header {
  margin-bottom: 20px;
  padding-right: 0;
}

.quizzes-side-bar__questions-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.quizzes-side-bar__questions-item {
  position: relative;
  margin-bottom: 10px;
  padding: 14px 16px;
  padding-left: 47px;
  padding-bottom: 12px;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.quizzes-side-bar__questions-item:last-child {
  margin-bottom: 0;
}

.quizzes-side-bar__questions-item-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}

.quizzes-side-bar__questions-item-handle {
  position: absolute;
  left: 16px;
  top: 50%;
  width: 11px;
  height: 20px;
  transform: translate(0, -50%);
}
.quizzes-side-bar__questions-item-handle::before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 2px solid #333333;
  border-top: none;
  border-right: none;
  border-radius: 2px;
  transform: rotate(45deg);
}

body.sd-dark-mode .quizzes-side-bar__question-icon svg {
  fill: #fff;
}

body.sd-dark-mode .quizzes-side-bar__question-subtitle,
body.sd-dark-mode .quizzes-side-bar__questions-item-title {
  color: #fff;
}

body.sd-dark-mode .quizzes-side-bar__handle::before,
body.sd-dark-mode .quizzes-side-bar__questions-item-handle::before {
  border-color: #fff;
}

@media (min-width: 992px) {
  .quizzes-side-bar {
    flex-shrink: 0;
    margin-top: 0;
    margin-left: 40px;
  }
}
.question-block {
  margin-bottom: 13px;
  padding: 16px 12px;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.question-block:last-child {
  margin-bottom: 0;
}

.question-block__header {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}

.question-block__drag-btn {
  margin-right: 16px;
  width: 18px;
  height: 24px;
}

.question-block__drag-btn svg {
  width: 18px;
  height: 24px;
  fill: #cccccc;
}

.question-block__index {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  color: #303030;
  font-size: 16px;
  font-weight: 300;
  border-radius: 50%;
  background-color: #f7f7f7;
  border: 1px solid #cccccc;
}

.question-block .question-block__title input[type=text] {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 13px 0;
  width: 100%;
  height: 42px;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
  border-bottom: 1px solid #cccccc;
}

.question-block__header-right {
  margin-left: auto;
}

.question-block__header-right,
.question-block__header-right-btns-block {
  display: flex;
  align-items: center;
}

.question-block__header-right select {
  color: #303030;
  font-weight: 400 !important;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.question-block__header-right-btns-block {
  margin-left: 27px;
}

.question-block__accordion-tick {
  position: relative;
  margin-right: 7px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #127439;
}
.question-block__accordion-tick::before {
  content: "";
  position: absolute;
  display: block;
  left: 8px;
  top: 4px;
  width: 10px;
  height: 16px;
  background-color: transparent;
  border: 4px solid #fff;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}

.question-block__accordion-adjustments,
.question-block__accordion-handle {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
}

.question-block__accordion-adjustments {
  width: 25px;
  height: 21px;
}

.question-block__accordion-adjustments span {
  left: 50%;
  top: 0;
  transform: translate(-50%);
}
.question-block__accordion-adjustments span::before {
  top: 8px;
}
.question-block__accordion-adjustments span::after {
  top: 15px;
}

.question-block__accordion-adjustments span,
.question-block__accordion-adjustments span::before,
.question-block__accordion-adjustments span::after {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #EEEEEE;
}

.question-block__accordion-adjustments span::before,
.question-block__accordion-adjustments span::after {
  content: "";
}

.question-block__accordion-handle {
  margin-left: 5px;
  width: 20px;
  height: 16px;
}
.question-block__accordion-handle::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 3px;
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 2px solid #333333;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}

.question-block__accordion-body {
  position: relative;
  padding: 22px 0;
}

.question-block__accordion-body label[for=question] {
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.question-block__accordion-body textarea.question-block__textarea.form-control {
  height: unset;
  color: #333333;
  border: 1px solid #cccccc;
  box-shadow: none;
  border-radius: 5px;
  background-color: transparent;
}

.question-block__answers-container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.question-block__answer-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 15px;
}

.question-block__answer-btn-block {
  display: flex;
  align-items: center;
}

.question-block__answer-close-btn {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 16px;
  width: 14px;
  height: 14px;
  border: 1px solid #801010;
}
.question-block__answer-close-btn::before {
  transform: rotate(45deg);
}
.question-block__answer-close-btn::after {
  transform: rotate(-45deg);
}

.question-block__answer-close-btn::before,
.question-block__answer-close-btn::after {
  content: "";
  position: absolute;
  display: block;
  top: 2px;
  left: 5px;
  width: 1px;
  height: 9px;
  background-color: #801010;
}

.question-block__answer-sort-btn {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 24px;
  padding: 0;
  border: none;
}

.question-block__answer-sort-btn,
.question-block__answer-sort-btn svg {
  width: 14px;
  height: 18px;
}

.question-block__answer-sort-btn svg {
  fill: #cccccc;
}

.question-block__answer-text {
  flex-grow: 1;
}

.question-block__answer-choice {
  width: 26%;
}

.question-block__answer-choice label {
  display: flex;
  align-items: center;
  margin: 0;
}

.question-block__answer-choice label .radiobox {
  padding: 0;
}

.question-block__answer-item .checkbox {
  padding: 0;
}

.question-block__answer-item .checkbox .label-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc !important;
  border-radius: 4px;
  transform: translate(0, -50%);
}

.question-block__answer-item .checkbox .label-text::after {
  display: none;
}

.question-block__answer-item .checkbox input[type=checkbox]:checked + span.label-text::after {
  content: "";
  position: absolute;
  display: block;
  left: 6px;
  top: 2px;
  width: 9px;
  height: 14px;
  background-color: transparent;
  border: 2px solid #18A0FB;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}

.question-block__answer-item .radiobox .label-text::before {
  border: 1px solid #cccccc;
}

.question-block__answer-item .checkbox input[type=checkbox]:checked + span.label-text::before,
.question-block__answer-item .radiobox input[type=radio]:checked + span.label-text::before {
  border: 1px solid #18A0FB !important;
}

.question-block__answer-item .radiobox input[type=radio]:checked + span.label-text::after {
  background-color: #18A0FB;
}

.question-block__accordion-body .question-block__answer-new-btn,
.question-block__accordion-body .question-block__answer-configure-btn {
  position: relative;
  display: block;
  padding: 0;
  padding-left: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #3FB1F0;
  background-color: transparent;
  border: none;
}

.question-block__accordion-body .question-block__answer-new-btn::before,
.question-block__accordion-body .question-block__answer-new-btn::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #3FB1F0;
}

.question-block__accordion-body .question-block__answer-new-btn::before {
  width: 1px;
  height: 10px;
  left: 7px;
  top: 50%;
  transform: translate(0, -50%);
}

.question-block__accordion-body .question-block__answer-new-btn::after {
  width: 10px;
  height: 1px;
  left: 2px;
  top: 50%;
}

.question-block__accordion-body .question-block__answer-configure-btn {
  margin-top: 38px;
}
.question-block__accordion-body .question-block__answer-configure-btn::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  top: -18px;
  left: 0;
  right: 0;
  background-color: #cccccc;
}

.question-block__answer-configure-btn-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.question-block__answer-configure-btn-icon,
.question-block__answer-configure-btn-icon svg {
  width: 13px;
  height: 14px;
  fill: #3FB1F0;
}

.question-block--collapsed .question-block__header {
  margin-bottom: 0;
}

.question-block--collapsed .question-block__header .question-block__accordion-handle {
  transform: rotate(180deg);
}

.question-block--collapsed .question-block__accordion-body {
  display: none;
}

body.sd-dark-mode .question-block__accordion-adjustments span,
body.sd-dark-mode .question-block__accordion-adjustments span::before,
body.sd-dark-mode .question-block__accordion-adjustments span::after {
  background-color: #fff;
}

body.sd-dark-mode .question-block__accordion-handle::before {
  border-color: #fff;
}

body.sd-dark-mode .question-block__answer-item .checkbox .label-text::after,
body.sd-dark-mode .question-block__answer-item .radiobox .label-text::before,
body.sd-dark-mode .question-block__accordion-body textarea.question-block__textarea.form-control {
  border: 1px solid #cccccc !important;
}

@media (min-width: 768px) {
  .question-block {
    padding: 24px 22px;
  }
  .question-block__header {
    padding: 0;
    margin-bottom: 23px;
  }
  .question-block .question-block__title input[type=text] {
    position: static;
    padding: 13px 16px;
    font-size: 18px;
    border: none;
  }
  .question-block__drag-btn {
    margin-right: 27px;
  }
  .question-block__accordion-tick {
    margin-right: 16px;
  }
  .question-block__accordion-handle {
    width: 33px;
    height: 22px;
  }
  .question-block__accordion-handle::before {
    top: -1px;
    left: 8px;
    width: 16px;
    height: 16px;
  }
  .question-block__accordion-body {
    padding: 22px 45px;
  }
  .question-block__accordion-body::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 45px;
    right: 45px;
    height: 1px;
    background-color: #cccccc;
  }
}
.participant-assistance {
  position: relative;
}

.participant-assistance__modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 28px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

.participant-assistance__modal--shown {
  display: block;
}

.participant-assistance__modal-title {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.participant-assistance__modal-title::after {
  content: "";
  position: absolute;
  displey: block;
  height: 1px;
  left: 47px;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
}

.participant-assistance__modal-title .participant-assistance__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  width: 47px;
  height: 42px;
  background-color: #782B0F;
}

.participant-assistance .participant-assistance__modal-title .participant-assistance__icon svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}

.participant-assistance__modal-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 30px;
  height: 25px;
  border: none;
}

.participant-assistance__modal-close-btn span {
  position: absolute;
  display: block;
  top: 50%;
  right: 6px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: translateY(-50%);
}
.participant-assistance__modal-close-btn span::before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  right: 3px;
  width: 3px;
  height: 13px;
  background-color: #444444;
  border-radius: 2px;
  transform: rotate(45deg);
}
.participant-assistance__modal-close-btn span::after {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  right: 3px;
  width: 3px;
  height: 13px;
  background-color: #444444;
  border-radius: 2px;
  transform: rotate(-45deg);
}

.participant-assistance__configuration {
  margin-bottom: 23px;
}
.participant-assistance__configuration:last-child {
  margin-bottom: 0;
}

.participant-assistance__configuration-name {
  display: block;
  margin-bottom: 13px;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
}

.participant-assistance__configuration .checkbox {
  padding: 0;
}

.participant-assistance__configuration .checkbox label {
  margin-left: 0;
}

.participant-assistance__configuration .checkbox .label-text::after {
  border: 1px solid #cccccc;
}

.participant-assistance__configuration-input-block {
  display: flex;
  align-items: center;
}

.participant-assistance__configuration-input-block label {
  margin-bottom: 0;
  margin-left: 11px;
  font-size: 12px;
  font-weight: 400;
  color: #EEEEEE;
}

.participant-assistance__modal .sd-switchery-wrapper {
  margin-bottom: 7px;
}
.participant-assistance__modal .sd-switchery-wrapper:last-child {
  margin-bottom: 0;
}
.participant-assistance__modal .sd-switchery-wrapper:first-child {
  margin-bottom: 7px;
}

@media (min-width: 992px) {
  .participant-assistance__modal {
    width: 50%;
  }
  .participant-assistance__modal-close-btn {
    top: 0;
    right: -28px;
    width: 30px;
    height: 25px;
    border: none;
    transform: translateX(100%);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    z-index: -1;
  }
}
.product-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 15px 16px;
  width: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
}
.product-details__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.product-details__icon, .product-details__icon svg {
  width: 26px;
  height: 28px;
}
.product-details__icon svg {
  fill: #555;
}
.product-details__title {
  margin-right: auto;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #444;
}
.product-details__btn {
  position: relative;
  margin: 4px 0;
  padding: 0;
  width: 14px;
  height: 19px;
  border: none;
}
.product-details__btn span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.product-details__btn span,
.product-details__btn span::before,
.product-details__btn span::after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #EEEEEE;
}
.product-details__btn span::before,
.product-details__btn span::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #EEEEEE;
}
.product-details__btn span::before {
  top: 7px;
}
.product-details__btn span::after {
  top: 14px;
}
.product-details__description {
  font-size: 12px;
  font-weight: 400;
  color: #555;
}
.product-details__footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 600;
  color: #EEEEEE;
}
.product-details__footer::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  background-color: #EEEEEE;
}
.product-details__elements-number {
  color: #3FB1F0;
}
.product-details .card-body .dropdown {
  top: -2px;
}
.product-details .card-body .dropdown .btn-options {
  padding: 0 0.9375rem !important;
}

body.sd-dark-mode .product-details__icon svg {
  fill: #fff;
}
body.sd-dark-mode .product-details__title,
body.sd-dark-mode .product-details__footer,
body.sd-dark-mode .product-details__description {
  color: #fff;
}
body.sd-dark-mode .product-details__btn span,
body.sd-dark-mode .product-details__btn span::before,
body.sd-dark-mode .product-details__btn span::after {
  background-color: #fff;
}

.panel-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 45px);
  position: relative;
}
@media (max-width: 767px) {
  .panel-preview {
    min-height: calc(100vh - 90px);
  }
}
.panel-preview__head {
  width: 100%;
  min-height: 2.8125rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  box-shadow: 0 2.6px 10px rgba(0, 0, 0, 0.04), 0 3px 10px rgba(0, 0, 0, 0.04);
  z-index: 999;
  overflow: hidden;
}
@media (max-width: 767px) {
  .panel-preview__head {
    flex-wrap: wrap;
    overflow: unset;
  }
}
.panel-preview__head-left {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
@media (min-width: 768px) {
  .panel-preview__head-left {
    flex: 1 1 auto;
  }
}
.panel-preview__head-left .panel-preview__head-title {
  max-width: 100% !important;
}
.panel-preview__head-right {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top: 1px solid #EEEEEE;
}
@media (min-width: 768px) {
  .panel-preview__head-right {
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 0;
    width: auto;
    border-top: 0;
    padding: 0 1rem;
  }
}
.panel-preview__head-right .panel-preview__head-actions {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .panel-preview__head-right .panel-preview__head-actions {
    margin-left: auto;
    margin-right: 1rem;
  }
}
.panel-preview__head-title {
  font-family: var(--default-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0;
  color: #444;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: calc(100% - 200px);
}
@media (min-width: 768px) {
  .panel-preview__head-title {
    line-height: 1.125rem;
    max-width: calc(100% - 400px);
    font-size: 0.75rem;
  }
}
.panel-preview__head-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: 0.75rem;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #444;
  text-align: right;
}
.panel-preview__head-actions > sd-tr {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .panel-preview__head-actions {
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-right: 1rem;
  }
}
.panel-preview__head-actions.active .fa-arrow-alt-to-right {
  transform: rotate(180deg);
}
.panel-preview__head-actions i {
  font-size: 40px;
}
.panel-preview__head .back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.1875rem;
  border-right: 1px solid #EEEEEE;
}
.panel-preview__head .back i, .panel-preview__head .back span {
  font-size: 1.125rem;
}
.panel-preview__main {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 auto;
}
@media (min-width: 768px) {
  .panel-preview__main {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.panel-preview .navbar-header {
  width: 100%;
}
.panel-preview .navbar-brand {
  padding: 5px;
  height: 6.25rem;
}
.panel-preview .navbar-brand img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  transform: none;
  visibility: visible;
  opacity: 1;
  object-fit: contain;
}
.panel-preview .navbar-brand img.logo-expand {
  display: block !important;
}
.panel-preview .navbar-brand img.logo__dark-mode {
  display: none !important;
}
.panel-preview__sidebar {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  .panel-preview__sidebar {
    max-width: 18.75rem;
  }
}
.panel-preview__content {
  width: 100%;
  padding-bottom: 5.75rem;
}
@media (min-width: 768px) {
  .panel-preview__content {
    padding-bottom: 4.5rem;
  }
}
.panel-preview__footer {
  position: fixed;
  width: 100%;
  height: 3rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 120;
}
@media (min-width: 768px) {
  .panel-preview__footer {
    padding-left: 18.75rem;
  }
}
.panel-preview__bottom-bar {
  position: fixed;
  bottom: 1.875rem;
  left: 50%;
  z-index: 99999;
  color: #fff;
  font-family: var(--default-font-family);
  font-size: 0.75rem;
  line-height: 0.875rem;
  display: flex;
  align-items: center;
  text-align: center;
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 3.125rem;
  transform: translateX(-50%);
}
.panel-preview__bottom-bar:hover, .panel-preview__bottom-bar:focus {
  cursor: pointer;
}
@media (min-width: 768px) {
  .panel-preview__bottom-bar {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.625rem 1.875rem;
    margin-left: 150px;
  }
}
.panel-preview .modules.side-menu {
  width: 100%;
  padding: 0;
  list-style: none;
  border-top: 0;
}
.panel-preview .modules.side-menu .module-item {
  width: 100%;
  border-radius: 0;
  margin-top: 0;
  border-bottom: 1px solid transparent;
}
.panel-preview .modules.side-menu .module-item:hover, .panel-preview .modules.side-menu .module-item:focus {
  background: transparent;
}
.panel-preview .modules.side-menu .module-item:last-child {
  border-bottom: 0;
}
.panel-preview .modules.side-menu .module-item .module-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.5rem;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  border: 0;
}
.panel-preview .modules.side-menu .module-item .module-title i {
  font-size: 0.875rem;
  transition: all 0.3s;
}
.panel-preview .modules.side-menu .module-item .module-title.collapsed i {
  transform: scale(1, -1);
}
@media (min-width: 768px) {
  .panel-preview .modules.side-menu .module-item .module-title {
    font-size: 1rem;
    line-height: 1.1875rem;
    padding: 0.75rem 0.9375rem;
    border-left: 3px solid transparent;
  }
  .panel-preview .modules.side-menu .module-item .module-title i {
    font-size: 1.125rem;
  }
}
.panel-preview .modules.side-menu .lessons {
  padding: 0.375rem 0;
  margin-left: 0;
  list-style: none;
  top: 0;
  border-top: 1px solid transparent;
}
.panel-preview .modules.side-menu .lessons .lesson-item a {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.25rem;
  border-left: 0;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.panel-preview .modules.side-menu .lessons .lesson-item a i {
  margin-right: 0.375rem;
}
@media (min-width: 768px) {
  .panel-preview .modules.side-menu .lessons .lesson-item a {
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1rem;
  }
  .panel-preview .modules.side-menu .lessons .lesson-item a i {
    margin-right: 0.625rem;
  }
}
.panel-preview .modules.side-menu a:hover,
.panel-preview .modules.side-menu a:focus {
  cursor: pointer;
}
@media (min-width: 768px) {
  .panel-preview .modules.side-menu a:hover,
  .panel-preview .modules.side-menu a:focus {
    font-weight: 700 !important;
  }
}
.panel-preview__footer-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.panel-preview__btn {
  padding: 1.0625rem 1.5rem;
  font-family: var(--default-font-family);
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 400;
  background: transparent;
}
@media (min-width: 768px) {
  .panel-preview__btn {
    padding: 0.875rem 2.125rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.panel-preview__btn--prev {
  border-right: 1px solid transparent;
}
.panel-preview__btn--lock, .panel-preview__btn--next {
  border-left: 1px solid transparent;
  margin-left: auto;
}
.panel-preview__btn:hover, .panel-preview__btn:focus {
  cursor: pointer;
}
@media (max-width: 991px) {
  .panel-preview .wysiwyg-content {
    padding: 8px;
  }
}
.panel-preview .panel-preview__content.wysiwyg-content {
  overflow: hidden;
}
@media (max-width: 991px) {
  .panel-preview .panel-preview__content.wysiwyg-content {
    padding: 0.5rem 1rem;
  }
}
.panel-preview .panel-preview__content.wysiwyg-content .ng-scope {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .panel-preview .wysiwyg-content {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .panel-preview .wysiwyg-content address,
  .panel-preview .wysiwyg-content main,
  .panel-preview .wysiwyg-content section,
  .panel-preview .wysiwyg-content header,
  .panel-preview .wysiwyg-content footer,
  .panel-preview .wysiwyg-content aside,
  .panel-preview .wysiwyg-content article,
  .panel-preview .wysiwyg-content pre,
  .panel-preview .wysiwyg-content div,
  .panel-preview .wysiwyg-content table,
  .panel-preview .wysiwyg-content tbody,
  .panel-preview .wysiwyg-content thead,
  .panel-preview .wysiwyg-content tfoot,
  .panel-preview .wysiwyg-content th,
  .panel-preview .wysiwyg-content tr,
  .panel-preview .wysiwyg-content td,
  .panel-preview .wysiwyg-content ul,
  .panel-preview .wysiwyg-content ol,
  .panel-preview .wysiwyg-content li,
  .panel-preview .wysiwyg-content blockquote,
  .panel-preview .wysiwyg-content p,
  .panel-preview .wysiwyg-content figure,
  .panel-preview .wysiwyg-content figcaption {
    font-size: 14px;
  }
  .panel-preview .wysiwyg-content h1 {
    font-size: 1.75rem;
  }
  .panel-preview .wysiwyg-content h2 {
    font-size: 1.375rem;
  }
  .panel-preview .wysiwyg-content h3 {
    font-size: 1.125rem;
  }
  .panel-preview .wysiwyg-content h4 {
    font-size: 1rem;
  }
  .panel-preview .wysiwyg-content h5 {
    font-size: 0.875rem;
  }
  .panel-preview .wysiwyg-content h6 {
    font-size: 0.75rem;
  }
}
.panel-preview.panel-preview__templates {
  overflow: hidden;
  padding: 45px 0 0;
}
@media (min-width: 576px) {
  .panel-preview.panel-preview__templates {
    padding: 60px 0 0;
  }
}
.panel-preview.panel-preview__templates .panel-preview__head {
  position: fixed;
  top: 0;
  left: 0;
}
.panel-preview.panel-preview__templates .panel-preview__head .back {
  height: 100%;
}
@media (min-width: 576px) {
  .panel-preview.panel-preview__templates .panel-preview__head {
    height: 3.75rem;
  }
}
.panel-preview.panel-preview__templates .panel-preview__sidebar {
  background: #fff;
  border-right: 1px solid #ddd;
  padding: 60px 15px 2rem;
  position: fixed;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100vh;
  overflow: auto;
}
@media (min-width: 768px) {
  .panel-preview.panel-preview__templates .panel-preview__sidebar {
    top: 0;
    left: 0;
    max-width: 320px;
    transform: translateX(0);
  }
}
.panel-preview.panel-preview__templates .panel-preview__sidebar.sidebar-sticky {
  top: 45px;
}
.panel-preview.panel-preview__templates .panel-preview__sidebar .sidebar-content {
  flex: 1 1 auto;
}
.panel-preview.panel-preview__templates .panel-preview__toggle {
  position: relative;
  background-color: transparent;
  transition: all 0.25s ease-in-out 0.5s;
  border: 1px solid #cccccc;
  background-image: none;
  font-size: 0.75rem;
  padding: 0.1rem 0.75rem;
  border-radius: 6px;
  line-height: 2;
}
.panel-preview.panel-preview__templates .panel-preview__toggle span:before {
  content: "Show Details";
}
.panel-preview.panel-preview__templates .panel-preview__toggle.active span:before {
  content: "Hide Details";
}
.panel-preview.panel-preview__templates .panel-preview__action-button {
  position: relative;
  background-color: transparent;
  transition: all 0.25s ease-in-out 0.5s;
  border: 1px solid #cccccc;
  background-image: none;
  font-size: 0.875rem;
  padding: 0.2rem 0.95rem;
  border-radius: 6px;
  line-height: 2;
}
.panel-preview.panel-preview__templates .panel-preview__content {
  overflow: auto;
  margin-left: 320px;
}
.panel-preview.panel-preview__templates .panel-preview__content .pdf-wrapper {
  width: 100%;
}
.panel-preview.panel-preview__templates.hideSidebar .panel-preview__sidebar {
  left: -100%;
}
@media (min-width: 768px) {
  .panel-preview.panel-preview__templates.hideSidebar .panel-preview__sidebar {
    left: -320px;
  }
}
.panel-preview.panel-preview__templates.hideSidebar .panel-preview__content {
  margin-left: 0;
}
.panel-preview .btn-edit-lesson {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .panel-preview .btn-edit-lesson {
    border-radius: 0 !important;
    border-width: 0;
    border-left-width: 1px;
    box-shadow: none;
    height: 2.5rem;
    font-size: 12px;
    padding: 0 0.5rem;
  }
}

.lms-count {
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.625rem;
  line-height: 0.625rem;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.625rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .lms-count {
    font-size: 0.875rem;
    line-height: 0.875rem;
    width: 1.8125rem;
    height: 1.8125rem;
  }
}

body.blank-layout .panel-preview .side-menu li {
  background: transparent;
}
body.blank-layout .panel-preview .side-menu li.active, body.blank-layout .panel-preview .side-menu li:hover, body.blank-layout .panel-preview .side-menu li:focus {
  background: transparent;
}

@media (min-width: 768px) {
  .panel-preview__content {
    max-width: calc(100% - 18.75rem);
  }
  .hideSidebar .panel-preview__content {
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  body.lms-landing-page .wrapper,
  body.lms-landing-page:not(.lms-landing-page-preview) .wrapper {
    padding: 0;
  }
  body.lms-landing-page .wysiwyg-content.landing-page-content,
  body.lms-landing-page:not(.lms-landing-page-preview) .wysiwyg-content.landing-page-content {
    padding: 0;
  }
  body.lms-landing-page .wysiwyg-content.landing-page-content .wysiwyg-content,
  body.lms-landing-page:not(.lms-landing-page-preview) .wysiwyg-content.landing-page-content .wysiwyg-content {
    padding: 0;
  }
  body.lms-landing-page .cbe-row-wrapper,
  body.lms-landing-page:not(.lms-landing-page-preview) .cbe-row-wrapper {
    padding: 0;
  }
}
.rightPanel-wrapper {
  display: flex;
  justify-content: flex-end;
  height: 100%;
  min-height: calc(100vh - 100px);
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1010;
  animation-duration: 500ms !important;
}
.rightPanel-wrapper.rightPanel-wrapper_inactive {
  width: 0;
}

.sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-25 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
  max-width: 100%;
}
@media (max-width: 960px) {
  .sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
    min-width: 100%;
  }
}
@media (min-width: 961px) {
  .sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
    width: 100%;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.25);
  }
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar {
    max-width: calc((100% - 3.75rem) * 0.5);
  }
  .sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar {
    max-width: calc((100% - 3.75rem) * 0.75);
  }
  .sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
    max-width: calc(100% - 3.75rem);
  }
}

@media (min-width: 961px) {
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.25);
  }
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.5);
  }
  .sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.75);
  }
  .sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar {
    max-width: calc(100% - 14.375rem);
  }
}

body.rightPanel-expand {
  overflow: hidden;
}

.rightPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 33.125rem;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5.625rem;
  border-left: 0.3125rem solid #EEEEEE;
}
.rightPanel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #eee;
}
.rightPanel::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
.rightPanel::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.rightPanel.disabled {
  opacity: 1;
}
.rightPanel.disabled > * {
  opacity: 0.9;
}
@media (min-width: 768px) {
  .rightPanel {
    min-width: 26.875rem;
  }
}
.rightPanel__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 110;
  height: 64px;
}
@media (min-width: 768px) {
  .rightPanel__header {
    padding: 18px 22px 18px 14px;
  }
}
.rightPanel__header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  color: #555;
  opacity: 1;
  background: transparent;
  position: relative;
  top: auto;
  right: auto;
  transition: all 0.2s ease-in-out;
}
.rightPanel__header .close:before, .rightPanel__header .close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.rightPanel__header .close:before {
  transform: translateY(-50%) rotate(45deg);
}
.rightPanel__header .close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.rightPanel__header .close i {
  display: none;
  color: #555;
  font-size: 1.5rem;
}
.rightPanel__header .close:hover, .rightPanel__header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.rightPanel__body {
  padding: 0.625rem 1rem;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (min-width: 768px) {
  .rightPanel__body {
    padding: 0.875rem 1.5rem;
  }
}
.rightPanel__body .save-label-wrapper {
  z-index: 110;
  position: sticky;
  top: 0;
}
.rightPanel__footer {
  margin-top: auto;
  padding: 1rem;
}
@media (min-width: 768px) {
  .rightPanel__footer {
    padding: 1.5rem;
  }
}
.rightPanel__footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-top: 1px solid #EEEEEE;
  background: #FAFAFA;
}
@media (min-width: 768px) {
  .rightPanel__footer-bar {
    padding: 1.5rem;
  }
}
.rightPanel__title {
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
}
.rightPanel__subtitle {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #555;
  width: 100%;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.rightPanel__subtitle-link {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  font-size: 0.75rem;
}
.rightPanel__subtitle-link .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  fill: #555;
}
.rightPanel .form-group label {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  color: #222;
  margin-bottom: 0.5rem;
}
.rightPanel .form-oscar .form-control,
.rightPanel .form-control,
.rightPanel .select2-container--default .select2-selection--multiple,
.rightPanel .select2 .select2-selection--single,
.rightPanel .sd-app-tags tags-input .tags {
  border-color: #EEEEEE;
  box-shadow: none;
  border-radius: 5px;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #222;
}
.rightPanel .form-oscar .form-control::placeholder,
.rightPanel .form-control::placeholder,
.rightPanel .select2-container--default .select2-selection--multiple::placeholder,
.rightPanel .select2 .select2-selection--single::placeholder,
.rightPanel .sd-app-tags tags-input .tags::placeholder {
  color: #222;
}
.rightPanel .form-oscar .form-control:focus,
.rightPanel .form-control:focus,
.rightPanel .select2-container--default .select2-selection--multiple:focus,
.rightPanel .select2 .select2-selection--single:focus,
.rightPanel .sd-app-tags tags-input .tags:focus {
  box-shadow: none;
  border-color: #555;
}
.rightPanel .select2-container--default .select2-selection--multiple {
  min-height: calc(2.4rem + 2px) !important;
}
.rightPanel .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
.rightPanel .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: var(--default-font-family) !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 18px;
  color: #222;
}
.rightPanel .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder,
.rightPanel .select2-container--default .select2-selection--single .select2-selection__placeholder::placeholder {
  color: #222;
}
.rightPanel .select2-container--default.select2-container--focus .select2-selection--multiple,
.rightPanel .redactor-focus.redactor-styles-on,
.rightPanel .redactor-focus:focus.redactor-styles-on {
  border-color: #555 !important;
}
.rightPanel .tag-item {
  background: #eeeeee !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 5px;
}
.rightPanel .tag-item .remove-button {
  margin-top: 0 !important;
}
.rightPanel .save-message {
  background-color: #FAFAFA;
  padding: 1rem;
  font-size: 13px;
  line-height: 18px;
  position: sticky;
  top: 4rem;
  z-index: 110;
  cursor: pointer;
  border-bottom: 1px solid #EEEEEE;
}
.rightPanel .save-message .fa-circle-check,
.rightPanel .save-message .fa-check-circle {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #38d57a;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.rightPanel .save-message .fa-circle-check.ng-enter, .rightPanel .save-message .fa-circle-check.ng-leave.ng-leave-active,
.rightPanel .save-message .fa-check-circle.ng-enter,
.rightPanel .save-message .fa-check-circle.ng-leave.ng-leave-active {
  opacity: 0;
}
.rightPanel .save-message .fa-circle-check.ng-enter.ng-enter-active, .rightPanel .save-message .fa-circle-check.ng-leave,
.rightPanel .save-message .fa-check-circle.ng-enter.ng-enter-active,
.rightPanel .save-message .fa-check-circle.ng-leave {
  opacity: 1;
}
@media (min-width: 768px) {
  .rightPanel .save-message .fa-circle-check,
  .rightPanel .save-message .fa-check-circle {
    right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .rightPanel .save-message {
    padding: 1rem 3.875rem 1rem 1.5rem;
  }
}
.rightPanel .save-message + .rightPanel__body {
  margin-top: 1rem;
}
.rightPanel .information-block {
  margin-top: auto;
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
}
.rightPanel .information-block a {
  color: #3FB1F0;
  text-decoration: underline;
}
.rightPanel.rightPanel--styling label {
  font-size: 13px;
}
.rightPanel .sd-file-browser .browser-list .entity .icon {
  width: 2.8125rem;
  height: 2.8125rem;
}
.rightPanel .sd-file-browser .browser-list .entity .dropdown {
  width: auto;
  margin-left: auto;
}
.rightPanel .sd-file-browser .browser-list .entity .dropdown .sd-btn {
  border-color: transparent;
  margin-right: 0;
}
.rightPanel .sd-file-browser .browser-list .entity .dropdown .icon {
  width: 0.75rem;
}
.rightPanel .file-upload-widget .file-list ul .file .info {
  word-break: break-all;
  font-size: 0.75rem;
  width: 100%;
}
.rightPanel .file-list .sd-file-task-upload-btn-delete {
  height: 2.125rem;
}
.rightPanel .file-list li {
  align-items: center;
}
.rightPanel .file-list .name {
  word-break: break-all;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}

.container-RightBar {
  animation-duration: 500ms;
}

.sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-90 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-90 .modal-RightBar,
.sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-25 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-90 .modal-RightBar,
.sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
  max-width: 100vw;
}
@media (max-width: 960px) {
  .sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-90 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-90 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-90 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
    min-width: 100vw;
  }
}
@media (min-width: 961px) {
  .sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-90 .modal-RightBar, .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-90 .modal-RightBar,
  .sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-90 .modal-RightBar,
  .sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
    width: 100%;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.25);
  }
  .sidebar-collapse .container-RightBar.sidebar-50 .modal-RightBar {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.5);
  }
  .sidebar-collapse .container-RightBar.sidebar-75 .modal-RightBar {
    max-width: calc((100% - 3.75rem) * 0.75);
  }
  .sidebar-collapse .container-RightBar.sidebar-90 .modal-RightBar {
    max-width: calc((100% - 3.75rem) * 0.9);
  }
  .sidebar-collapse .container-RightBar.sidebar-100 .modal-RightBar {
    max-width: calc(100% - 3.75rem);
  }
}

@media (min-width: 961px) {
  .sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.4);
  }
  .sidebar-focused .container-RightBar.sidebar-50 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-50 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.5);
  }
  .sidebar-focused .container-RightBar.sidebar-75 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-75 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.75);
  }
  .sidebar-focused .container-RightBar.sidebar-90 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-90 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.9);
  }
  .sidebar-focused .container-RightBar.sidebar-100 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-100 .modal-RightBar {
    max-width: calc(100% - 14.375rem);
  }
}

@media (min-width: 1400px) {
  .sidebar-focused .container-RightBar.sidebar-25 .modal-RightBar,
  .sidebar-expand .container-RightBar.sidebar-25 .modal-RightBar {
    max-width: calc((100% - 14.375rem) * 0.25);
  }
}

.modal-RightBar {
  margin: 0 0 0 auto !important;
  width: 640px;
  height: 100%;
}
.modal-RightBar .modal-content {
  height: 100%;
  border-radius: 0 !important;
}

.appointmentsNotificationsSidebar {
  height: calc(100% - 90px);
  max-height: calc(100% - 90px);
  overflow: hidden !important;
}
.appointmentsNotificationsSidebar .modal-RightBar {
  width: 520px;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}
.appointmentsNotificationsSidebar .modal-RightBar .modal-content {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}
.appointmentsNotificationsSidebar .modal-RightBar .RightBar__body {
  height: calc(100% - 64px);
  flex-grow: 1;
  overflow: inherit;
}
.appointmentsNotificationsSidebar .modal-RightBar .RightBar__body .RightBar__content {
  overflow: hidden;
}

.RightBar {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: -webkit-fill-available;
  max-height: 100%;
  background: #fff;
  border-left: 0.3125rem solid #EEEEEE;
}
.RightBar.disabled {
  opacity: 1;
}
.RightBar.disabled > * {
  opacity: 0.9;
}
@media (min-width: 768px) {
  .RightBar {
    min-width: 430px;
  }
}
@media (min-width: 992px) {
  .RightBar {
    min-width: 520px;
  }
}
.RightBar__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 110;
  height: 64px;
}
.RightBar__header .back {
  position: relative;
  border: none;
  margin-bottom: -5px;
}
.RightBar__header .back svg {
  width: 24px;
  height: 24px;
}
.RightBar__header .with-back {
  flex-grow: 1;
}
.RightBar__header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  color: #555;
  opacity: 1;
  background: transparent;
  position: relative;
  top: auto;
  right: auto;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.RightBar__header .close i {
  display: none;
  color: #555;
  font-size: 1.5rem;
}
.RightBar__header .close:hover, .RightBar__header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.RightBar__header .close .close__icon {
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.RightBar__header .close .close__icon:before, .RightBar__header .close .close__icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.RightBar__header .close .close__icon:before {
  transform: translateY(-50%) rotate(45deg);
}
.RightBar__header .close .close__icon:after {
  transform: translateY(-50%) rotate(-45deg);
}
.RightBar__body {
  display: flex;
  flex-direction: column;
  height: calc(100% - 64px);
  position: relative;
  overflow: auto;
}
.RightBar__body .save-label-wrapper {
  z-index: 110;
  position: sticky;
  top: 0;
}
.RightBar__title {
  flex: 1;
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
}
.RightBar__subtitle {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #555;
  width: 100%;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.RightBar__subtitle-link {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  font-size: 0.75rem;
}
.RightBar__subtitle-link .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  fill: #555;
}
.RightBar__content {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  max-height: 100%;
  flex: 1;
}
.RightBar__content .sdAccordion {
  overflow-x: hidden;
}
.RightBar__form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.RightBar__form .form-group label {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  color: #555;
  margin-bottom: 0.5rem;
}
.RightBar__footer {
  display: flex;
  margin-top: auto;
  padding-bottom: 5rem;
  position: relative;
  width: 100%;
}
.RightBar__footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-top: 1px solid #EEEEEE;
  background: #FAFAFA;
  z-index: 1100;
}
@media (min-width: 768px) {
  .RightBar__footer-bar {
    padding: 1.5rem;
  }
}
.RightBar__search {
  position: relative;
  padding: 1rem;
  background: #FAFAFA;
}
.RightBar__search input {
  padding-right: 2rem !important;
}
.RightBar__search input:focus + i {
  display: none;
}
.RightBar__search i {
  font-size: inherit;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.RightBar .custom-field-item--left > label {
  font-size: 14px;
}
.RightBar .custom-field-item--left .checkbox span.label-text {
  font-size: 14px;
}
.RightBar .custom-field-item--left .checkbox span.label-text > label {
  margin-bottom: 0;
}
.RightBar .custom-field-item--right .bulk-edit-empty-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.RightBar .custom-field-item--right .bulk-edit-empty-wrapper > .checkbox {
  position: relative;
  top: initial;
}
.RightBar .custom-field-item--right .checkbox span.label-text {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: 14px;
}
.RightBar .custom-field-item--right .checkbox span.label-text:after {
  position: relative;
  margin-top: 29px;
}
.RightBar #page-configuration-form .RightBar__content {
  max-height: calc(100% - 80px);
}
.RightBar .form-title {
  padding: 10px 0;
}
.RightBar .configured-actions .form-title {
  padding: unset;
}
.RightBar .proposal-notification-card {
  padding: 0;
}
.RightBar .form-oscar .form-control,
.RightBar .form-control,
.RightBar .select2-container--default .select2-selection--multiple,
.RightBar .select2 .select2-selection--single,
.RightBar .sd-app-tags tags-input .tags {
  border: 1px solid #EEEEEE;
  box-shadow: none;
  border-radius: 5px;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #555;
}
.RightBar .form-oscar .form-control::placeholder,
.RightBar .form-control::placeholder,
.RightBar .select2-container--default .select2-selection--multiple::placeholder,
.RightBar .select2 .select2-selection--single::placeholder,
.RightBar .sd-app-tags tags-input .tags::placeholder {
  color: #555;
}
.RightBar .form-oscar .form-control:focus,
.RightBar .form-control:focus,
.RightBar .select2-container--default .select2-selection--multiple:focus,
.RightBar .select2 .select2-selection--single:focus,
.RightBar .sd-app-tags tags-input .tags:focus {
  box-shadow: none;
  border-color: #555;
}
.RightBar .form-oscar .form-control label,
.RightBar .form-control label,
.RightBar .select2-container--default .select2-selection--multiple label,
.RightBar .select2 .select2-selection--single label,
.RightBar .sd-app-tags tags-input .tags label {
  font-size: 0.875rem;
  font-weight: 400 !important;
}
.RightBar .select2-container--default .select2-selection--multiple {
  min-height: calc(2.4rem + 2px) !important;
  padding-bottom: 0;
}
.RightBar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
.RightBar .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: var(--default-font-family) !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 18px;
  color: #555;
}
.RightBar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder,
.RightBar .select2-container--default .select2-selection--single .select2-selection__placeholder::placeholder {
  color: #555;
}
.RightBar .select2-container--default.select2-container--focus .select2-selection--multiple,
.RightBar .redactor-focus.redactor-styles-on,
.RightBar .redactor-focus:focus.redactor-styles-on {
  border-color: #555 !important;
}
.RightBar .tag-item {
  background: #eeeeee !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 5px;
}
.RightBar .tag-item .remove-button {
  margin-top: 0 !important;
}
.RightBar ng-include,
.RightBar .billing-tabel__block {
  max-height: 100%;
}
.RightBar .billing-tabel__block {
  padding-top: 15px;
  padding-right: 15px;
  overflow-y: auto;
}
.RightBar .billing-tabel__block::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
.RightBar .billing-tabel__block::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #999;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.RightBar .billing-tabel__list {
  height: auto;
}
.RightBar .billing-tabel__action-btn,
.RightBar .billing-tabel__action-name {
  text-align: right;
}
.RightBar .billing-tabel__subscribtion-item-status.inactive > span {
  display: flex;
  column-gap: 5px;
}
.RightBar .billing-tabel__subscribtion-item-status.inactive > span .fa-triangle-exclamation,
.RightBar .billing-tabel__subscribtion-item-status.inactive > span .fa-exclamation-triangle {
  margin: 0 !important;
}
.RightBar .save-message {
  background: #FAFAFA;
  padding: 1rem;
  font-size: 13px;
  line-height: 18px;
  position: sticky;
  top: 0;
  z-index: 110;
  cursor: pointer;
  border-bottom: 1px solid #EEEEEE;
}
.RightBar .save-message i {
  margin-right: 5px;
}
.RightBar .save-message .fa-circle-check,
.RightBar .save-message .fa-check-circle {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #38d57a;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.RightBar .save-message .fa-circle-check.ng-enter, .RightBar .save-message .fa-circle-check.ng-leave.ng-leave-active,
.RightBar .save-message .fa-check-circle.ng-enter,
.RightBar .save-message .fa-check-circle.ng-leave.ng-leave-active {
  opacity: 0;
}
.RightBar .save-message .fa-circle-check.ng-enter.ng-enter-active, .RightBar .save-message .fa-circle-check.ng-leave,
.RightBar .save-message .fa-check-circle.ng-enter.ng-enter-active,
.RightBar .save-message .fa-check-circle.ng-leave {
  opacity: 1;
}
@media (min-width: 768px) {
  .RightBar .save-message .fa-circle-check,
  .RightBar .save-message .fa-check-circle {
    right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .RightBar .save-message {
    padding: 1rem 3.875rem 1rem 1.5rem;
  }
}
.RightBar .save-message + .RightBar__body {
  margin-top: 1rem;
}
.RightBar .information-block {
  margin-top: auto;
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
}
.RightBar .information-block a {
  color: #3FB1F0;
  text-decoration: underline;
}
.RightBar .sd-file-browser .browser-list .entity .icon {
  width: 2.8125rem;
  height: 2.8125rem;
}
.RightBar .sd-file-browser .browser-list .entity .dropdown {
  width: auto;
  margin-left: auto;
}
.RightBar .sd-file-browser .browser-list .entity .dropdown .sd-btn {
  border-color: transparent;
  margin-right: 0;
}
.RightBar .sd-file-browser .browser-list .entity .dropdown .icon {
  width: 0.75rem;
}
.RightBar .file-upload-widget .file-list ul .file .info {
  word-break: break-all;
  font-size: 0.75rem;
  width: 100%;
}
.RightBar .file-list .sd-file-task-upload-btn-delete {
  height: 2.125rem;
}
.RightBar .file-list li {
  align-items: center;
}
.RightBar .file-list .name {
  word-break: break-all;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}
.RightBar .modal-loading-block {
  margin: auto;
}
.RightBar .search-template-wrap {
  position: relative;
}
.RightBar .search-template-wrap input,
.RightBar .search-template-wrap input.form-control {
  padding-left: 40px;
  border-radius: 1rem !important;
}
.RightBar .search-template-wrap i {
  position: absolute;
  top: 10px;
  left: 10px;
}

.appTypeNotif-sidebar_notifications {
  max-height: 83%;
}

.RightBar__form .form-group .sd-switchery-wrapper label {
  margin-bottom: 0 !important;
  font-weight: 400;
  font-size: 0.875rem;
}

.RightBar__form .form-group .color-picker-input-wrapper .color-picker-swatch {
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 30px;
  height: 40px;
  border: 0;
  border-right: 1px solid #e4e9f0;
  border-radius: 0.25rem 0 0 0.25rem;
}
.RightBar__form .form-group .color-picker-input-wrapper .color-picker-input {
  padding-left: 40px;
  height: 42px;
}

div[name="InvoicePayments[attachments]"] {
  padding: 25px;
}

.RightBar__layers {
  position: fixed;
  width: 100%;
  max-width: 520px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1200;
  overflow: hidden;
  background: #fff;
  border-left: 0.3125rem solid #EEEEEE;
}
@media (max-width: 520px) {
  .RightBar__layers {
    max-width: 100vw;
  }
}
.RightBar__layers .RightBar__layers-dynamic {
  min-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  transition: transform 0.5s ease;
}
.RightBar__layers .RightBar__layers-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 515px;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1210;
}
@media (max-width: 520px) {
  .RightBar__layers .RightBar__layers-item {
    max-width: calc(100vw - 5px);
  }
}
.RightBar__layers .RightBar__layers-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  height: 64px;
}
.RightBar__layers .RightBar__layers-header .back {
  position: relative;
  border: none;
  margin-bottom: -5px;
}
.RightBar__layers .RightBar__layers-header .back svg {
  width: 24px;
  height: 24px;
  fill: #555;
}
.RightBar__layers .RightBar__layers-header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  color: #555;
  opacity: 1;
  background: transparent;
  position: relative;
  top: auto;
  right: auto;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.RightBar__layers .RightBar__layers-header .close i {
  display: none;
  color: #555;
  font-size: 1.5rem;
}
.RightBar__layers .RightBar__layers-header .close:hover, .RightBar__layers .RightBar__layers-header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.RightBar__layers .RightBar__layers-header .close .close__icon {
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.RightBar__layers .RightBar__layers-header .close .close__icon:before, .RightBar__layers .RightBar__layers-header .close .close__icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.RightBar__layers .RightBar__layers-header .close .close__icon:before {
  transform: translateY(-50%) rotate(45deg);
}
.RightBar__layers .RightBar__layers-header .close .close__icon:after {
  transform: translateY(-50%) rotate(-45deg);
}
.RightBar__layers .RightBar__layers-title {
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
}
.RightBar__layers .RightBar__layers-body {
  flex: 1 1 auto;
  overflow: hidden;
}
.RightBar__layers .RightBar__layers-body .save-message + .RightBar__layers-content {
  height: calc(100% - 50px);
}
.RightBar__layers .RightBar__layers-content {
  height: 100%;
  max-height: 100%;
  padding: 16px; /* Можна додати padding за бажанням */
  overflow-y: auto; /* Додаємо вертикальну прокрутку */
}
.RightBar__layers .RightBar__layers-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  border-top: 1px solid #EEEEEE;
  background: #FAFAFA;
}
@media (min-width: 768px) {
  .RightBar__layers .RightBar__layers-footer {
    padding: 1.5rem;
  }
}
.RightBar__layers .RightBar__layers-item .RightBar__layers-header .back {
  transform: translate(10%, 0);
}
.RightBar__layers .RightBar__layers-item .RightBar__layers-header .RightBar__layers-title {
  transform: translate(-50%, 0);
}
.RightBar__layers .RightBar__layers-item .RightBar__layers-header .back,
.RightBar__layers .RightBar__layers-item .RightBar__layers-header .RightBar__layers-title {
  transition: transform 0.5s ease;
}
.RightBar__layers .RightBar__layers-item.active .RightBar__layers-header .back,
.RightBar__layers .RightBar__layers-item.active .RightBar__layers-header .RightBar__layers-title {
  transform: translate(0, 0);
  transition: transform 0.5s ease 0.1s;
}

body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  position: fixed;
  right: 0;
  top: 177px;
  z-index: 1000;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fal, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fas,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-light,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-solid, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler i,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fal,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fas,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-light,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-solid,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler i {
  font-size: 24px;
  color: #070707;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler svg,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler svg {
  width: 24px;
  height: 24px;
  fill: #070707;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active {
  background: #111;
  color: white;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fa-solid,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fal, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fas, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover i, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fa-solid,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fal, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fas, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active i,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fa-solid,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fal,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fas,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover i,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fa-solid,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fal,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fas,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active i {
  color: white;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg {
  fill: #fff;
  stroke: #fff;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg path[stroke], body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg path[stroke],
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg path[stroke],
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg path[stroke] {
  stroke: #fff;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg path[fill], body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg path[fill],
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg path[fill],
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg path[fill] {
  fill: #fff;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler[disabled],
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler[disabled] {
  color: #e4e7ea;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current {
  border-left: 4px solid #333 !important;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current:hover,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current:hover {
  background: #fff;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current:hover svg,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current:hover svg {
  stroke: #333;
  fill: #333;
}
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fal,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current i,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fal,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current i {
  color: #000;
}
@media (max-width: 768px) {
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler {
    width: 45px;
    height: 45px;
  }
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-light, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-solid,
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fal, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fas, body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler i,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-light,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-solid,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fal,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fas,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler i {
    font-size: 18px;
  }
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler svg,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler svg {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 768px) {
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container {
    flex-direction: column;
    align-items: center;
    justify-content: start;
    position: absolute;
  }
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler {
    margin-bottom: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
  body.modal-proposal-preview .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler + .right-sidebar-togler,
  body.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler + .right-sidebar-togler {
    margin-top: 15px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms {
    top: 70px;
    right: 0;
    height: calc(100vh - 70px);
  }
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .right-sidebar-togler-container {
    right: 0;
    height: calc(100vh - 100px);
  }
}
@media (min-width: 992px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms {
    right: 1rem;
  }
}
body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers {
  display: flex;
  flex-direction: row;
  width: auto;
}
body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers .handler {
  width: 30px;
  height: 30px;
}
@media (min-width: 768px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers .handler {
    height: 60px;
    width: 60px;
    margin-top: 10px;
    font-size: 20px;
  }
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers .handler + .handler {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers .handler {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers .handler + .handler {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms .rightTabs--lms-handlers {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms.rightTabs--funnel {
    top: 130px;
    right: 0;
    height: calc(100vh - 130px);
  }
  body.lms-page.blank-layout .rightTabs.rightTabs--lms.rightTabs--funnel .right-sidebar-togler-container {
    right: 0;
    height: calc(100vh - 130px);
  }
}
@media (min-width: 992px) {
  body.lms-page.blank-layout .rightTabs.rightTabs--lms.rightTabs--funnel {
    right: 1rem;
  }
}

@media (min-width: 768px) {
  body.modal-proposal-preview .rightTabs {
    height: calc(100% - 105px);
  }
}
@media (min-width: 768px) {
  body.modal-proposal-preview .rightTabs.rightTabs--react {
    top: 135px;
    height: calc(100% - 135px);
  }
}

.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100px;
  z-index: 100;
}
@media (min-width: 768px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) {
    height: 100%;
    max-width: 60px;
    bottom: auto;
    top: 105px;
  }
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler-container {
  position: absolute;
  top: auto !important;
  left: auto;
  right: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  display: flex;
  padding: 12px 5px 18px 5px;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  background: #fff;
  box-shadow: 0 0 6.5px rgba(0, 0, 0, 0.05), 0 0 52px rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #eee;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler-container::-webkit-scrollbar {
  width: 100%;
  height: 6px;
  background-color: #eee;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler-container::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
@media (min-width: 768px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler-container {
    width: auto;
    top: 0 !important;
    flex-direction: column;
    align-items: flex-end;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip {
  white-space: nowrap;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip .tooltip-arrow {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #000;
  left: 50%;
  bottom: -4px;
  transform: rotate(45deg);
  position: absolute;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-right {
  left: -60px !important;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-right .tooltip-arrow {
  left: auto;
  right: 0;
  bottom: 7px;
  top: auto;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom] {
  top: -48px !important;
}
@media (max-width: 767px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom] {
    top: -60px !important;
  }
}
@media (min-width: 768px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom] {
    left: -60px !important;
  }
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom.tooltip-first-in-line, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom].tooltip-first-in-line {
    left: -55px !important;
  }
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow {
  left: 50%;
  bottom: -4px;
  transform: rotate(45deg) translateX(-50%);
}
@media (max-width: 767px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow {
    bottom: -3px;
    top: auto;
  }
}
@media (min-width: 768px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow {
    right: 0;
    left: auto;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
  }
}
@media (min-width: 768px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-top, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=top] {
    top: 47px !important;
    left: -60px !important;
  }
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-top .tooltip-arrow, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .rightTabs--tooltip.tooltip.bs-tooltip-auto[x-placement^=top] .tooltip-arrow {
  right: 0;
  left: auto;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #555;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07);
  cursor: pointer;
  width: 60px;
  height: 60px;
  border: 1px solid #eeeeee !important;
  border-radius: 8px 0px 0px 8px;
  flex: 0 0 auto;
  margin-bottom: 0;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 991px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler {
    margin-left: 1rem;
  }
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler[disabled] {
  color: #e4e7ea;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.active, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.current {
  border-left: 4px solid #333 !important;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.active:hover, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.current:hover {
  background: #fff;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.active:hover svg, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.current:hover svg {
  stroke: #333;
  fill: #333;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.active .fal,
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.active .fa-light,
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.active i, .rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.current .fal,
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.current .fa-light,
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms) .right-sidebar-togler.current i {
  color: #000;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms {
  width: 100%;
  right: 0;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler + .right-sidebar-togler {
  margin-top: 0;
}
.rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .right-sidebar-togler {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  box-shadow: none;
  margin-top: 0;
}
@media (max-width: 991px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .right-sidebar-togler {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .right-sidebar-togler {
    padding: 15px;
    width: 60px;
    height: 60px;
    margin-left: 0;
  }
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .right-sidebar-togler + .right-sidebar-togler {
    margin-top: 10px !important;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .right-sidebar-togler {
    width: 100%;
    max-width: 300px;
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms {
    right: 15px;
  }
  .rightTabs:not(.rightTabs--react):not(.rightTabs--lms).rightTabs--lms .rightTabs--tooltip {
    display: none !important;
  }
}

.rightTabs--tooltip {
  pointer-events: none;
  white-space: nowrap;
  word-break: keep-all;
}
.rightTabs--tooltip .tooltip-arrow {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #000;
  bottom: -4px;
  position: absolute;
  right: 4px;
  left: auto;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

.rightTabs-toggler {
  width: 30px;
  height: 30px;
  background: #fff;
  color: #333;
  outline: none;
  box-shadow: none;
  border: 1px solid #ccc;
  border-radius: 30px 0px 0px 30px;
  padding: 0;
  text-align: center;
}
.rightTabs-toggler .fal,
.rightTabs-toggler .fa-light,
.rightTabs-toggler i {
  color: #333;
}
.rightTabs-toggler .fal,
.rightTabs-toggler .fa-light,
.rightTabs-toggler i,
.rightTabs-toggler svg {
  transform: rotate(0);
  transition: all 0.35s ease 0.35s;
}
.rightTabs-toggler:hover, .rightTabs-toggler:focus {
  background: #eeeeee;
}
.rightTabs-toggler:hover .fal,
.rightTabs-toggler:hover .fa-light,
.rightTabs-toggler:hover i, .rightTabs-toggler:focus .fal,
.rightTabs-toggler:focus .fa-light,
.rightTabs-toggler:focus i {
  color: #333;
}
.rightTabs-toggler:hover svg, .rightTabs-toggler:focus svg {
  color: #333;
  fill: #333;
  stroke: #333;
}
@media (min-width: 768px) {
  .rightTabs-toggler {
    display: none;
  }
}

.rightTabs.rightTabs--react {
  position: fixed;
  height: 60px;
  bottom: 30px;
  right: 0;
  left: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 100%;
  transform: translateX(calc(100% - 24px));
  transition: transform 0.35s ease;
  z-index: 200;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--react {
    top: 90px;
    bottom: auto;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
    width: 45px;
    background: #fff;
    transform: none;
  }
}
.rightTabs.rightTabs--react.rightBarOpened {
  transform: translateX(0px);
  transition: transform 0.35s ease;
}
.rightTabs.rightTabs--react.rightBarOpened .rightTabs-toggler .fal,
.rightTabs.rightTabs--react.rightBarOpened .rightTabs-toggler .fa-light,
.rightTabs.rightTabs--react.rightBarOpened .rightTabs-toggler i,
.rightTabs.rightTabs--react.rightBarOpened .rightTabs-toggler svg {
  transform: rotate(180deg);
  transition: all 0.35s ease 0.35s;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--react.rightBarOpened {
    transform: none;
  }
}
.rightTabs.rightTabs--react .tooltip {
  font-size: 10px;
}
.rightTabs.rightTabs--react .tooltip .tooltip-arrow {
  display: none;
}
@media (hover: none) {
  .rightTabs.rightTabs--react {
    /* Hover is not supported */
  }
  .rightTabs.rightTabs--react .tooltip,
  .rightTabs.rightTabs--react .rightTabs--tooltip {
    display: none !important;
  }
}
.rightTabs.rightTabs--react::-webkit-scrollbar {
  width: 100%;
  height: 2px;
  background-color: #eee;
}
.rightTabs.rightTabs--react::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background: #fff;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container::-webkit-scrollbar {
  background-color: #eee;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 0 !important;
  border: 0 !important;
  color: #333;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:before {
  content: "";
  display: block;
  height: 100%;
  width: 4px;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:before {
    width: 100%;
    height: 2px;
    top: 0;
  }
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler[disabled] {
  color: #e4e7ea;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active .fal,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active i, .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current .fal,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current i, .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover .fal,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover i, .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus .fal,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus .fa-light,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus i {
  color: #333;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active svg, .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current svg, .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover svg, .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus svg {
  color: #333;
  fill: #333;
  stroke: #333;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler .fal,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler .fa-light,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler i {
  font-size: 18px;
  height: 18px;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler svg,
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler img {
  width: 18px;
}
@media (max-width: 767px) {
  .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler svg,
  .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler img {
    max-height: 18px;
  }
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler svg {
  width: 18px;
  height: 18px;
  color: #333;
  fill: #333;
  stroke: #333;
}
.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler + .right-sidebar-togler {
  margin-top: 0;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler {
    width: 45px;
    height: 45px;
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--react .right-sidebar-togler-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #fff;
  }
}

.rightTabs.rightTabs--lms {
  height: 60px;
  bottom: 30px;
  right: 0;
  left: auto;
  position: fixed;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 100%;
  transform: translateX(calc(100% - 22px));
  transition: transform 0.35s ease;
  z-index: 200;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--lms {
    top: 105px;
    bottom: auto;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
    max-width: 60px;
    transform: none;
  }
}
@media (min-width: 992px) {
  .rightTabs.rightTabs--lms {
    max-width: 300px;
    right: 15px;
  }
  .rightTabs.rightTabs--lms .rightTabs--tooltip {
    display: none !important;
  }
}
.rightTabs.rightTabs--lms .rightTabs-toggler {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--lms .rightTabs-toggler {
    display: none;
  }
}
.rightTabs.rightTabs--lms .rightTabs--tooltip .tooltip-arrow {
  display: none;
}
.rightTabs.rightTabs--lms.rightBarOpened {
  transform: translateX(0px);
  transition: transform 0.35s ease;
}
.rightTabs.rightTabs--lms.rightBarOpened .rightTabs-toggler .fal,
.rightTabs.rightTabs--lms.rightBarOpened .rightTabs-toggler .fa-light,
.rightTabs.rightTabs--lms.rightBarOpened .rightTabs-toggler i,
.rightTabs.rightTabs--lms.rightBarOpened .rightTabs-toggler svg {
  transform: rotate(180deg);
  transition: all 0.35s ease 0.35s;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--lms.rightBarOpened {
    transform: none;
  }
}
.rightTabs.rightTabs--lms .right-sidebar-togler-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  transform: none;
  position: static;
}
.rightTabs.rightTabs--lms .right-sidebar-togler-container::-webkit-scrollbar {
  background-color: #eee;
}
.rightTabs.rightTabs--lms .right-sidebar-togler-container::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler {
  color: #444;
}
@media (min-width: 768px) {
  .rightTabs.rightTabs--lms .right-sidebar-togler-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler {
    width: 60px;
    height: 60px;
    box-shadow: none;
    position: relative;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:hover i, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:focus i {
    color: #fff !important;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:hover svg, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:focus svg {
    filter: invert(1);
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right) {
    font-size: 24px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-eye, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-eye, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-eye {
    font-size: 26px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-pen-to-square, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-pen-to-square, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-pen-to-square {
    font-size: 30px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-gear, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-gear, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-gear {
    font-size: 31px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-folder-open, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-folder-open, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-folder-open {
    font-size: 26px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-palette, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-palette, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-palette {
    font-size: 29px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-t, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-t, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-t {
    font-size: 34px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-memo-pad, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-memo-pad, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-memo-pad {
    font-size: 33px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-money-bill-wave, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-money-bill-wave, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-money-bill-wave {
    font-size: 27px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-users, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-users, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-users {
    font-size: 24px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-sdactions, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-sdactions, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-sdactions {
    font-size: 29px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler .fa-chevron-right {
    display: none;
  }
}
@media (min-width: 992px) {
  .rightTabs.rightTabs--lms .right-sidebar-togler-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler {
    width: 300px;
    height: 60px;
    box-shadow: none;
    position: relative;
    padding-left: 45px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right) {
    font-size: 30px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-eye, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-eye, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-eye {
    left: 14.5px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-gear, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-gear, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-gear {
    font-size: 31px;
    left: 14px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-folder-open, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-folder-open, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-folder-open {
    font-size: 25.5px;
    left: 14.5px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-palette, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-palette, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-palette {
    font-size: 29px;
    left: 14.5px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-t, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-t, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-t {
    font-size: 38px;
    margin: 0;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-memo-pad, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-memo-pad, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-memo-pad {
    font-size: 33px;
    left: 14.5px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-money-bill-wave, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-money-bill-wave, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-money-bill-wave {
    font-size: 26px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fal.fa-users, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > .fa-light.fa-users, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler > i:not(.fa-chevron-right).fa-users {
    font-size: 24px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler i:not(.fa-chevron-right), .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler img, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler svg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler svg {
    width: 24px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler .fa-chevron-right {
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 16px;
    right: 5px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 991px) {
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:before {
    content: "";
    display: block;
    height: 100%;
    width: 4px;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler[disabled] {
    color: #e4e7ea;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.active .fal,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.active i, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.current .fal,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.current i, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:hover .fal,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:hover i, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:focus .fal,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:focus .fa-light,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:focus i {
    color: #333;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.active svg, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler.current svg, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:hover svg, .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:focus svg {
    color: #333;
    fill: #333;
    stroke: #333;
  }
}
@media (max-width: 767px) {
  .rightTabs.rightTabs--lms .right-sidebar-togler-container {
    background: #fff;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler {
    width: 30px;
    height: 30px;
    border-radius: 0 !important;
    border: 0 !important;
    margin-bottom: 0;
    margin-top: 0 !important;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler .fal,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler .fa-light,
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler i {
    font-size: 18px;
    height: 18px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler img {
    width: 18px;
    max-height: 18px;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler svg {
    width: 18px;
    height: 18px;
    color: #333;
    fill: #333;
    stroke: #333;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler + .right-sidebar-togler {
    margin-top: 0;
  }
  .rightTabs.rightTabs--lms .right-sidebar-togler-container .right-sidebar-togler:before {
    width: 100%;
    height: 2px;
    top: 0;
  }
}
.customization-sidebar-wrapper.conditional-logic-wrapper {
  display: block;
  width: 100%;
  max-width: 520px;
  overflow: hidden;
  z-index: 99999999999;
}

.conditional-logic-settings {
  position: absolute;
  right: 0;
  display: block;
  min-width: 0;
  width: 100%;
  max-width: 620px;
  overflow: auto;
  z-index: 99999999999;
  transition: right 500ms;
}
.conditional-logic-settings.conditional-logic-settings_inactive {
  right: -620px;
  transition: right 500ms;
}
.conditional-logic-settings .rightPanel__body {
  padding: 0 !important;
}

@media (max-width: 620px) {
  .conditional-logic-settings {
    width: 100%;
  }
}
.conditionLogic {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  counter-increment: conditioncounter;
  position: relative;
}
.conditionLogic__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 16px;
  width: 100%;
}
.conditionLogic__body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 20px 16px 20px 0;
  width: 100%;
  border-top: 1px solid #EEEEEE;
  position: relative;
}
.conditionLogic__number {
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 1.25rem;
  text-align: center;
  border-radius: 50%;
  background-color: #6492CB;
  color: #fff;
  display: inline-block;
  margin-right: 1.25rem;
  position: relative;
}
.conditionLogic__number:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: counter(conditioncounter);
}
.conditionLogic__name {
  font-size: 1.25rem;
  border-bottom: 1px dotted;
  line-height: 1.2rem;
}
.conditionLogic .btn-conditionHide {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.6875rem;
  height: 1.6875rem;
  min-width: 1px;
  font-size: 1.25rem;
  transition: transform 150ms ease;
  margin-left: auto;
  background: transparent;
  border: 0;
}
.conditionLogic .btn-conditionHide:focus {
  outline: 0;
}
.conditionLogic .btn-conditionHide.active {
  transform: rotate(-180deg);
}
.conditionLogic__block {
  position: relative;
  padding-left: 5rem;
  padding-bottom: 1rem;
  width: 100%;
}
.conditionLogic__block:before {
  content: "";
  width: 1px;
  height: calc(100% - 14px);
  display: block;
  position: absolute;
  left: 40px;
  top: 14px;
  background: #EEEEEE;
}
.conditionLogic__block:last-child:before {
  height: calc(100% - 28px);
}
.conditionLogic__block:last-child:after {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  left: 41px;
  bottom: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #555;
}
.conditionLogic__block.conditionLogic__block--info:before {
  height: 150%;
  top: 0;
}
.conditionLogic__block.conditionLogic__block--info hr {
  border-color: #E5E5E5;
}
.conditionLogic__block.conditionLogic__block--info .conditionLogic__line i {
  font-size: 1.875rem;
  left: -69.5px;
  background: transparent;
}
.conditionLogic__block.conditionLogic__block--info .conditionLogic__item:hover, .conditionLogic__block.conditionLogic__block--info .conditionLogic__item:focus {
  border-color: transparent;
  background: transparent;
}
.conditionLogic__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
  position: relative;
  border: 1px solid #efefef;
  border-radius: 8px;
  padding: 0 1rem 1rem;
}
.conditionLogic__item:hover, .conditionLogic__item:focus {
  border: 1px solid #EEEEEE;
  background: #FAFAFA;
}
.conditionLogic__item:hover .conditionLogic__close, .conditionLogic__item:focus .conditionLogic__close {
  opacity: 1;
  background: #FAFAFA;
}
.conditionLogic__item__missed {
  background: #c40000;
}
.conditionLogic__item .break {
  flex-basis: 100%;
  height: 0;
}
.conditionLogic__item .field-wrapper {
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
}
.conditionLogic__item .field-wrapper:last-child {
  margin-right: 0;
}
.conditionLogic__item .field-wrapper input[type=text] {
  border: 1px solid #e4e9f0;
}
.conditionLogic__label {
  position: absolute;
  left: 50%;
  margin-top: -0.3125rem;
  display: inline-block;
  color: #fff;
  background: #6492CB;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 8px;
  padding: 0.25rem 0.875rem;
  z-index: 10;
}
.conditionLogic__line {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}
.conditionLogic__line i {
  position: absolute;
  left: -4.1875rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3125rem;
  background: #fff;
}
.conditionLogic__line h5 {
  color: #999999;
}
.conditionLogic__line hr {
  border-top: 1px solid transparent;
  margin-bottom: 0.5rem;
}
.conditionLogic__remove {
  display: flex;
  margin-left: 15px;
  /*position: absolute;
  right: 0;
  justify-content: center;
  top: 0;
  align-items: center;
  width: rem(30px);
  height: rem(30px);*/
}
.conditionLogic__remove .conditionLogic__close-btn {
  background: transparent;
  color: #555;
}
.conditionLogic__close {
  position: absolute;
  top: -13px;
  right: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  z-index: 10;
  opacity: 0;
  background: #fff;
  border-radius: 8px;
}
.conditionLogic__close-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  background: #c40000;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 0;
}

.conditionLogic__body.trigger-option-modal {
  border: none;
}

.conditionLogic.trigger-option-modal {
  border: none;
}

.installments-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.installments-line {
  border: 1px solid #eee;
  border-radius: 7px;
  max-height: 999px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  transition-property: max-height;
  transition-delay: 0.125s;
}
.installments-line:last-child {
  margin-top: 0;
}
.installments-line .errorMessage {
  max-width: 100%;
  white-space: inherit;
  height: auto;
}
.installments .installments-line.installments-line--collapsed {
  max-height: 42px;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  transition-property: max-height;
  transition-delay: 0.125s;
}
.installments .installments-line.installments-line--collapsed .collapse-line .arrow.arrow--top:after {
  top: 12px;
  transform: rotate(-135deg);
}
.installments .installments-line.installments-line--collapsed .edit-line {
  opacity: 0;
  transition-duration: 0.125s;
  transition-timing-function: ease-in-out;
  transition-property: opacity;
  transition-delay: 0s;
}
.installments .summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 9px 42px 9px 15px;
  min-height: 42px;
}
.installments .summary .checkmark-icon {
  position: absolute;
  right: 36px;
}
.installments .summary .collapse-line {
  position: absolute;
  top: 0;
  right: 4px;
  width: 38px;
  height: 38px;
}
.installments .summary .collapse-line .arrow {
  width: 38px;
  height: 38px;
}
.installments .summary .collapse-line .arrow:after {
  top: 17px;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.installments .summary .collapse-line:hover, .installments .summary .collapse-line:focus {
  transform: scale(1.2);
}
.installments .summary .line-title {
  width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
  font-size: 16px;
  line-height: 18px;
}
.installments .summary .line-value {
  width: 25%;
  text-align: right;
  padding: 0 4px;
  font-size: 14px;
  line-height: 18px;
}
.installments .summary .line-due-date {
  width: 25%;
  text-align: right;
  padding: 0 4px;
  font-size: 14px;
  line-height: 18px;
}
.installments .edit-line {
  border-top: 1px solid #eee;
  opacity: 1;
  visibility: visible;
  padding: 15px;
}
.installments .installments-add-new-line {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.installments .delete-line {
  text-align: right;
  font-size: 21px;
}

.reminder .reminder-swithcers .form-control-number {
  max-width: 56px;
}
.reminder .reminder-swithcers .sd-switchery-wrapper label {
  margin-left: 0.75rem !important;
}

.btn-add {
  color: #555;
  border: 2px solid #555 !important;
  position: relative;
  outline: none;
}
.btn-add i,
.btn-add .fa,
.btn-add .material-icons {
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.btn-add:hover, .btn-add:focus {
  outline: none;
}
.btn-add:hover i,
.btn-add:hover .fa,
.btn-add:hover .material-icons, .btn-add:focus i,
.btn-add:focus .fa,
.btn-add:focus .material-icons {
  font-size: 2.25rem;
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.btn-add.btn-rounded {
  width: 42px;
  height: 42px;
}

.installments-type-btn {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #eee;
  height: 48px;
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
  padding: 10px 15px;
  overflow: hidden;
  position: relative;
}
.installments-type-btn + .installments-type-btn {
  margin-top: 0.8rem;
}
.installments-type-btn-icon {
  width: 21px;
  max-height: 24px;
  margin-right: 10px;
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.installments-type-btn i,
.installments-type-btn .fa,
.installments-type-btn .material-icons {
  margin-right: 10px;
}
.installments-type-btn .arrow {
  position: absolute !important;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.installments-type-btn:hover, .installments-type-btn:focus {
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
  padding: 0 5px 0 15px;
  border-color: rgba(85, 85, 85, 0.9);
  outline: none;
}
.installments-type-btn:hover .installments-type-btn-icon, .installments-type-btn:focus .installments-type-btn-icon {
  margin-right: 16px;
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.installments-type-btn:hover .arrow, .installments-type-btn:focus .arrow {
  transform: translateY(-50%) scale(1.2);
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}

.installments-line-btn-percentage .installments-type-btn-icon {
  width: 20px !important;
}

.installments-line-btn {
  height: 32px !important;
  flex-shrink: 0;
}
.installments-line-btn.btn-square {
  width: 32px !important;
  max-width: 32px !important;
  border-radius: 5px;
  border: 1px solid #555;
  color: #555;
  background: transparent;
  padding: 0 !important;
  position: relative;
  margin-left: 0;
}
.installments-line-btn.btn-square i,
.installments-line-btn.btn-square .fa,
.installments-line-btn.btn-square .fal {
  font-size: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.installments-line-btn.btn-square svg {
  width: 21px !important;
  height: 21px !important;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}
.installments-line-btn.btn-square:hover, .installments-line-btn.btn-square:focus {
  outline: none;
  box-shadow: none;
}
.installments-line-btn.btn-square:hover svg,
.installments-line-btn.btn-square:hover i, .installments-line-btn.btn-square:focus svg,
.installments-line-btn.btn-square:focus i {
  -webkit-transition: 0.25s linear all;
  transition: 0.25s linear all;
}

.table.table--installments .table--installments-btn {
  text-align: right;
}
@media (max-width: 767px) {
  .table.table--installments thead {
    display: none;
  }
  .table.table--installments tbody tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 30% 10px 0;
    position: relative;
  }
  .table.table--installments tbody tr + tr {
    border-top: 1px solid #efefef;
  }
  .table.table--installments tbody tr td {
    border: 0;
    padding: 0;
    margin: 0;
  }
  .table.table--installments tbody tr td + td {
    margin-top: 0.25rem;
  }
  .table.table--installments .table--installments-title {
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 1.2em;
    white-space: nowrap;
  }
  .table.table--installments .table--installments-status,
  .table.table--installments .table--installments-due {
    font-size: 12px;
    font-weight: 400;
  }
  .table.table--installments .table--installments-due {
    margin-bottom: 0;
  }
  .table.table--installments .table--installments-btn,
  .table.table--installments .table--installments-amount {
    position: absolute;
    right: 0;
    margin: 0;
  }
  .table.table--installments .table--installments-amount {
    top: 10px;
    font-size: 1rem;
    font-weight: 700;
  }
  .table.table--installments .table--installments-btn {
    bottom: 10px;
  }
  .table.table--installments .table--installments-btn .submit-btn {
    margin-bottom: 0 !important;
  }
}

.checklist-header {
  padding: 0 10px;
  margin-bottom: 28px;
}
.checklist-header svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 18px;
}
.checklist-header .checklist-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.checklist-item {
  position: relative;
  z-index: 10;
}

.checklist-item-container {
  position: relative;
  display: flex;
  padding: 10px;
  margin-top: 1rem;
  margin-bottom: -2px;
  width: 100%;
  max-width: 100%;
  height: 70px;
  max-height: 70px;
  border-radius: 80px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #efefef;
}
.checklist-item-container.completed {
  padding-right: 25px;
}
.checklist-item-container .checklist-item-content {
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
  gap: 22px;
}
.checklist-item-container .checklist-item-content .checklist-item-completed-icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid #D5D5D5;
  overflow: hidden;
  transform: translate(0, -50%);
}
.checklist-item-container .checklist-item-content .checklist-item-completed-icon svg {
  width: 25px;
  height: 25px;
  fill: #d5d5d5;
}
.checklist-item-container .checklist-item-content .checklist-item-completed-icon.completed {
  border: none;
}
.checklist-item-container .checklist-item-content .checklist-item-completed-icon.completed svg {
  fill: #fff;
}
.checklist-item-container .checklist-item-content .checklist-item-info {
  position: relative;
  padding-left: 65px;
  flex: 1 1 auto;
  height: 52px;
  overflow-x: hidden;
}
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title {
  max-height: 1.57em;
  overflow: hidden;
  margin-bottom: 3px;
  font-size: 18px;
  white-space: nowrap;
}
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle-wrap {
  gap: 10px;
}
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle {
  max-height: 1.57em;
  overflow: hidden;
  font-size: 14px;
  color: #555;
  white-space: nowrap;
}
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title,
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle {
  position: relative;
  width: 100%;
}
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title::before,
.checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgb(255, 255, 255) 50%);
  z-index: 5;
}
.checklist-item-container .checklist-actions {
  position: relative;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
  z-index: 5;
}
.checklist-item-container .checklist-actions .link-action-btn:focus, .checklist-item-container .checklist-actions .link-action-btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.checklist-item-container .checklist-actions .link-action-btn .checklist-item-admin-is-watching-you p {
  color: #777777;
  font-size: 14px;
  padding-right: 5px;
}
.checklist-item-container .checklist-actions .checklist-actions-btns-wrap {
  gap: 8px;
}
.checklist-item-container .checklist-actions .complete {
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.checklist-item-container .checklist-actions .status {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  color: #407611;
}
.checklist-item-container .checklist-actions .date {
  font-size: 13px;
  color: #bbb;
}
@media (max-width: 600px) {
  .checklist-item-container .checklist-actions .date {
    color: #fff;
  }
}
.checklist-item-container .checklist-actions .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  height: 52px;
  font-size: 16px;
  color: #fff;
  border-radius: 80px;
  border: none;
}
.checklist-item-container .checklist-actions .button span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checklist-item-container .checklist-actions .button.getHelp {
  background-color: #D35152;
}

.checklist-item-collapsing-content {
  margin: 0 auto;
  padding: 1rem 1rem 0;
  width: calc(100% - 142px);
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 0 0 7px 7px;
}
.checklist-item-collapsing-content .checklist-item-title {
  display: none;
  text-transform: capitalize;
  font-size: 18px;
}
.checklist-item-collapsing-content .checklist-item-subtitle {
  display: none;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-size: 14px;
  color: #555;
}
.checklist-item-admin-is-watching-you {
  font-size: 16px;
}
.checklist-item-admin-is-watching-you button {
  border: none;
}
.checklist-item-admin-is-watching-you button svg {
  width: 32px;
  height: 32px;
}

.flow-provide-help.displayed .provide-help-inner.checklist-help {
  right: unset;
  bottom: 0;
  left: 50%;
  padding: 0;
  height: unset;
  width: 900px;
  transform: translate(-50%, 0);
  border-radius: 7px;
}
.flow-provide-help.displayed .provide-help-inner.checklist-help .modal-header {
  margin: 0;
  padding: 15px 22px;
  border-bottom: 4px solid #ccc;
}
.flow-provide-help.displayed .provide-help-inner.checklist-help .modal-header h2 {
  margin: 0;
}
.flow-provide-help.displayed .provide-help-inner.checklist-help .checklist-help__content {
  padding: 22px;
}
.flow-provide-help.displayed .provide-help-inner.checklist-help .checklist-help__content .form-oscar .form-group {
  margin-bottom: 22px;
}
.flow-provide-help.displayed .provide-help-inner.checklist-help .checklist-help__content textarea {
  min-height: 133px;
}
.flow-provide-help.displayed .provide-help-inner.checklist-help .checklist-help__content .form-actions {
  gap: 1rem;
}

@media (max-width: 1200px) {
  .branding-theme-mrclean .checklist-item-container .checklist-actions .complete {
    background-color: #ccc !important;
  }
}
.branding-theme-mrclean .checklist-item-container .checklist-item-content .checklist-item-completed-icon.completed,
.branding-theme-mrclean .checklist-item-container .checklist-actions .button {
  background-color: #ccc !important;
}
.branding-theme-mrclean .checklist-item-container .checklist-actions .button.getHelp {
  background-color: #D35152 !important;
}

.checklist-standalone-layout .card {
  border-radius: 20px !important;
}

.checklist-flow-chain-link .card.checklist-card {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  border-radius: 20px !important;
}
.checklist-flow-chain-link .card.checklist-card .card-body {
  padding: 0;
}
.checklist-flow-chain-link .card .card-header {
  border-left: 4px solid #ddd;
}

@media (max-width: 1200px) {
  .card.checklist-card {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
  }
  .card.checklist-card .card-body {
    padding: 0;
  }
  .checklist-header {
    margin-bottom: 17px;
    background-color: white;
    padding: 1rem;
    border-radius: 12px;
  }
  .checklist-header svg {
    margin-right: 16px;
    width: 24px;
    height: 18px;
  }
  .checklist-header .checklist-title {
    font-size: 19px;
  }
  .checklist-item-container {
    flex-direction: column;
    margin-bottom: 16px;
    padding: 0;
    padding-right: 0;
    max-height: unset;
    height: unset;
    border-radius: 25px;
    border: none;
    overflow: hidden;
  }
  .checklist-item-container.completed {
    padding: 0;
  }
  .checklist-item-container .checklist-item-content {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .checklist-item-container .checklist-item-content .checklist-item-completed-icon {
    flex-shrink: 0;
    flex-grow: 0;
    position: static;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    transform: none;
  }
  .checklist-item-container .checklist-item-content .checklist-item-completed-icon svg {
    width: 26px;
    height: 26px;
  }
  .checklist-item-container .checklist-item-content .checklist-item-info {
    padding: 10px 10px 23px;
    height: auto;
    max-width: unset;
    width: 100%;
  }
  .checklist-item-container .checklist-item-content .checklist-item-info::before {
    display: none;
  }
  .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item__header {
    margin-bottom: 22px;
  }
  .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title {
    max-height: 3.14em;
    overflow: hidden;
    font-size: 16px;
    white-space: normal;
  }
  .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle {
    max-height: 3.14em;
    overflow: hidden;
    font-size: 14px;
    white-space: normal;
  }
  .checklist-item-container .checklist-item-admin-is-watching-you {
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  .checklist-item-container .checklist-actions {
    flex-direction: column;
    width: 100%;
  }
  .checklist-item-container .checklist-actions .checklist-actions-btns-wrap {
    gap: 1px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .checklist-item-container .checklist-actions .button {
    max-width: unset;
    flex-grow: 1;
    padding: 9px;
    height: 41px;
    font-size: 18px;
    border-radius: 0;
  }
  .checklist-item-container .checklist-actions .button.getHelp {
    width: 50%;
    max-width: 50%;
  }
  .checklist-item-container .checklist-actions .complete {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px;
    width: 100%;
    color: #fff;
  }
  .checklist-item-container .checklist-actions .status {
    position: relative;
    margin-bottom: 0;
    padding-right: 11px;
    width: 50%;
    max-width: 50%;
    font-size: 18px;
    color: #fff;
    text-align: right;
  }
  .checklist-item-container .checklist-actions .status::before {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    height: 23px;
    width: 1px;
    background-color: #fff;
    transform: translate(0, -50%);
  }
  .checklist-item-container .checklist-actions .date {
    max-width: 50%;
    width: 50%;
  }
  .checklist-item-collapsing-content {
    position: relative;
    margin-top: -57px;
    padding-top: 57px;
    width: 100%;
    overflow: auto;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  .checklist-item-collapsing-content .checklist-item-title {
    font-size: 16px;
  }
  .checklist-item-collapsing-content .checklist-item-subtitle {
    margin-bottom: 12px;
    font-size: 14px;
  }
  .checklist-item-collapsing-content .checklist-item-description {
    font-size: 12px !important;
  }
  .checklist-item-collapsing-content .checklist-item-description p {
    font-size: 12px !important;
  }
  .checklist-item-collapsing-content .checklist-item-description span {
    font-size: 12px !important;
  }
}
@media (max-width: 1400px) {
  .flow-provide-help.displayed .provide-help-inner.checklist-help {
    width: 100%;
    max-width: 600px;
    border-radius: 0;
  }
}
.create-checklist-chain .select2-container--default .select2-selection--multiple .select2-selection__clear {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -4px 0;
}

.checklist-state-view .checklist-state-list {
  margin: 0 auto 60px;
  width: 50%;
}
@media (max-width: 900px) {
  .checklist-state-view .checklist-state-list {
    width: 74%;
  }
}
@media (max-width: 600px) {
  .checklist-state-view .checklist-state-list {
    width: 94%;
  }
}
.checklist-state-view .checklist-state-list .checklist-state-filter {
  margin-bottom: 1.25rem;
}

.checklist-submission-item {
  width: 100%;
  max-width: 100%;
}
.checklist-submission-item::after {
  top: unset;
  bottom: 0;
}
.checklist-submission-item:last-child::after {
  content: "";
}
.checklist-submission-item .link-state-wrapper {
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  flex: unset;
}
.checklist-submission-item .link-state-wrapper .checklist-submission-item__wrap {
  padding-left: 42px;
  max-width: 95%;
  width: 95%;
}
.checklist-submission-item .link-state-wrapper .checklist-submission-item__wrap .checklist-submission-item__title-wrap {
  position: relative;
  gap: 4px;
  max-width: 100%;
  width: 100%;
}
.checklist-submission-item .link-state-wrapper .checklist-submission-item__wrap .checklist-submission-item__title-wrap::before {
  font-family: "Material Icons";
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "radio_button_unchecked";
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0.625rem;
  font-weight: lighter;
  font-size: 2rem;
  color: #ccc;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translate(-100%, -50%);
}
.checklist-submission-item .link-state-wrapper .link-title {
  padding: 0;
  border-bottom: none;
  max-width: 100%;
  width: 100%;
}
.checklist-submission-item .link-state-wrapper .link-title::before {
  display: none;
}
.checklist-submission-item .link-state-wrapper .link-subtitle-wrap {
  gap: 8px;
  max-width: 100%;
  width: 100%;
}
.checklist-submission-item .link-state-wrapper .link-title,
.checklist-submission-item .link-state-wrapper .link-subtitle {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: clip;
}
.checklist-submission-item .link-state-wrapper .link-title::after,
.checklist-submission-item .link-state-wrapper .link-subtitle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 20px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgb(255, 255, 255) 50%);
  z-index: 5;
}
.checklist-submission-item .link-state-wrapper .link-subtitle {
  flex: 1 1 auto;
}
.checklist-submission-item .link-state-wrapper .link-title-collapsing {
  font-size: 18px;
  font-weight: 500;
}
.checklist-submission-item .link-state-wrapper .link-subtitle-collapsing {
  color: #888;
}
.checklist-submission-item .link-state-wrapper .link-description-collapsing {
  color: #555 !important;
}
.checklist-submission-item .link-state-wrapper .link-description-collapsing p {
  color: #555 !important;
}
.checklist-submission-item .link-state-wrapper .link-description-collapsing span {
  color: #555 !important;
}
.checklist-submission-item .link-state-wrapper .dropdown-toggle i {
  font-size: 20px;
}
.checklist-submission-item .link-state-wrapper .dropdown-menu {
  padding: 0.5rem 0;
}
.checklist-submission-item .link-state-wrapper .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
}
.checklist-submission-item .link-state-wrapper .dropdown-menu .dropdown-item svg {
  margin-right: 11px;
  width: 16px;
  height: 16px;
  fill: #888;
}
.checklist-submission-item.active .link-state-wrapper {
  box-shadow: none;
  border: 3px solid #777;
  flex: unset;
}

.checklist-state-view .checklist-state-header .state-user .logo.logo-sm {
  margin: 0;
  margin-right: 0.625rem;
  width: unset !important;
}

@media (max-width: 1800px) {
  .flow-chain-link-wrapper .checklist-header {
    margin-bottom: 17px;
    padding: 1rem;
    border-radius: 12px;
  }
  .flow-chain-link-wrapper .checklist-item-collapsing-content {
    margin-top: -57px;
    padding-top: 57px;
    width: 100%;
    overflow: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    z-index: -1;
  }
  .flow-chain-link-wrapper .checklist-item-container {
    flex-direction: column;
    margin-bottom: 16px;
    padding: 0;
    padding-right: 0;
    height: auto;
    max-height: unset;
    border-radius: 25px;
    border: none;
    overflow: hidden;
  }
  .flow-chain-link-wrapper .checklist-item-container.completed {
    padding: 0;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-completed-icon {
    flex-shrink: 0;
    flex-grow: 0;
    position: static;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    transform: none;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-completed-icon svg {
    width: 26px;
    height: 26px;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-info {
    padding: 10px 10px 23px;
    max-width: unset;
    width: 100%;
    height: auto;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item__header {
    margin-bottom: 22px;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title {
    max-height: 3.14em;
    overflow: hidden;
    white-space: normal;
    font-size: 16px;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle {
    max-height: 3.14em;
    overflow: hidden;
    white-space: normal;
    font-size: 14px;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-item-admin-is-watching-you {
    width: 100%;
    justify-content: center;
    font-size: 16px;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions {
    flex-direction: column;
    width: 100%;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .checklist-actions-btns-wrap {
    gap: 1px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .button {
    max-width: unset;
    flex-grow: 1;
    padding: 9px;
    height: 41px;
    font-size: 18px;
    border-radius: 0;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .button.getHelp {
    width: 50%;
    max-width: 50%;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .complete {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px;
    width: 100%;
    color: #fff;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .status {
    position: relative;
    margin-bottom: 0;
    padding-right: 11px;
    width: 50%;
    max-width: 50%;
    font-size: 18px;
    color: #fff;
    text-align: right;
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .status::before {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    height: 23px;
    width: 1px;
    background-color: #fff;
    transform: translate(0, -50%);
  }
  .flow-chain-link-wrapper .checklist-item-container .checklist-actions .date {
    max-width: 50%;
    width: 50%;
  }
}
.checklist-states-grid th {
  text-align: left;
}
.checklist-states-grid th.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.checklist-states-grid th.column-options,
.checklist-states-grid td.column-options {
  max-width: 100px !important;
  min-width: 100px !important;
  width: 100px !important;
}
@media (max-width: 600px) {
  .checklist-states-grid th.column-options,
  .checklist-states-grid td.column-options {
    max-width: 80px !important;
    min-width: 80px !important;
    width: 80px !important;
  }
}

.flow-chain-link.checklist-chain-link .configured-actions-modal-box.mt-3 {
  margin-top: 0 !important;
}

.checklist-submission-item.complete .link-state-wrapper .checklist-submission-item__wrap .checklist-submission-item__title-wrap::before {
  content: "check_circle_outline";
  color: #38d57a;
}

@media (max-width: 992px) {
  .checklist-configure-automations .entity-action-widget .px-sm-3 {
    padding: 0 !important;
  }
}
.checklist-configure-automations .configured-actions {
  padding: 0 !important;
}
.checklist-configure-automations .configured-actions .currently-configured-actions-wrap {
  margin: 1rem 0 1.8rem;
}

.checklist-configure-automations-outer-wrap .checklist-configure-automations-help-stack-switcher {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-top: 1.6rem;
  border-top: 1px solid #e3e3e3;
}

.checklistStandaloneLayout .checklist-standalone-header {
  height: 8rem;
}
.checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo {
  height: 100%;
  display: flex;
  justify-content: center;
}
.checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
.checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo-collapse {
  display: block;
}
.checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo-expand {
  display: none;
}
.checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo__dark-mode {
  display: none;
}

@media (min-width: 600px) {
  .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }
  .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo-collapse {
    display: none;
  }
  .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo-expand {
    display: block !important;
  }
  .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo__dark-mode {
    display: none !important;
  }
}
#domainSettings .domain-wrap {
  position: relative;
  height: 42px;
}
#domainSettings .lock-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  left: 475px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
#domainSettings .sd-domain-progress {
  margin-top: 20px;
}
#domainSettings .sd-domain-progress ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#domainSettings .sd-domain-progress ul li {
  color: #de0000;
}
#domainSettings .sd-domain-progress ul li.step-complete {
  color: #00b506;
}
#domainSettings .sd-domain-progress ul li i.fa-light,
#domainSettings .sd-domain-progress ul li i.fa-regular {
  font-size: inherit;
  color: inherit;
}

.branding-templates .branding-templates-tab__title {
  width: 100%;
  text-align: center;
}
.branding-templates .lms-panel__header {
  padding: 1.8rem 0;
  border-top: 1px solid #ddd;
}
.branding-templates .lms-panel__content {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  grid-gap: 1rem;
  text-align: start;
  overflow: visible;
}
@media (max-width: 1490px) {
  .branding-templates .lms-panel__content {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
}
@media (max-width: 1280px) {
  .branding-templates .lms-panel__content {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}
@media (max-width: 600px) {
  .branding-templates .lms-panel__content {
    grid-template-columns: minmax(200px, 1fr);
  }
}
.branding-templates .product-card {
  margin: 0;
  width: unset;
  height: unset;
  overflow: visible;
}
.branding-templates .product-card .card-title {
  position: relative;
  padding-right: 1.5rem;
}
.branding-templates .product-card .card-title .branding-templates__title-text-wrap {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.branding-templates .product-card .card-title .branding-templates__title-text-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgb(255, 255, 255) 50%);
  z-index: 5;
}
.branding-templates .product-card .card-title .dropdown {
  top: -5px;
  z-index: 50;
}
.branding-templates .card-body {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.branding-templates .card-body .branding-templates__description-preview {
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.branding-templates .card-body .see-more-block-wrap {
  position: relative;
}
.branding-templates .card-body .see-more-collapsed-content {
  position: absolute;
  top: 20px;
  margin: 0 -21px;
  padding: 1rem 20px 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  border-radius: 0 0 5px 5px;
  z-index: 60;
}

.glass-background-effect .brandingTemplatesSideBar .RightBar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.brandingTemplatesSideBar .RightBar__body {
  height: calc(100% - 107px);
}

.brandingTemplateDetailsSideBar .RightBar {
  min-width: 100%;
}
.brandingTemplateDetailsSideBar .RightBar .product-modal-preview .product-modal-preview__content {
  padding: 1rem;
  height: auto;
  overflow: auto;
}
.brandingTemplateDetailsSideBar .RightBar .product-modal-preview__title {
  font-size: 20px;
  font-weight: 500;
}

.contact-info .thumb-lg svg {
  width: 180px;
  height: 180px;
}
.contact-info .card-img-top {
  position: relative;
}
.contact-info .card-img-top svg {
  margin: 0 auto;
}
.contact-info .card-img-top .img-circle svg {
  border-radius: 100%;
}
.contact-info .card-block h4 .badge {
  font-size: 0.4285714286em;
  letter-spacing: 0.1428571429em;
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .crm-details-quick-add-block .material-icons {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .crm-details-quick-add-block .material-icons {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .crm-details-quick-add-block .text {
    text-decoration: underline !important;
  }
}
@media (max-width: 575px) {
  .crm-details-quick-add-block .text {
    text-decoration: underline !important;
  }
}

.crm-contact-views .data-table-card {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  overflow: visible;
}

.modal-fs {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-fs .modal-header {
  border-radius: 0 !important;
}
.modal-fs .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 16px;
}
.modal-fs .modal-title {
  margin-left: 1rem;
}

.sd-contact-view-data-block-open-close {
  width: 100% !important;
}

.data-view-wrapper {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}
.data-view-wrapper .options-wrapper {
  padding: 0 25px;
}
.data-view-wrapper .search-wrapper {
  width: 100%;
  position: relative;
  height: calc(2.5rem + 2px);
  margin-bottom: 15px;
  padding: 0 15px;
}
.data-view-wrapper .search-wrapper .search-icon {
  position: absolute;
  top: 9px;
  padding: 0 9px;
}
.data-view-wrapper .search-wrapper input[type=text] {
  padding-left: 36px;
}
.data-view-wrapper > table {
  display: table;
  table-layout: fixed;
  max-width: none;
  width: auto;
  min-width: 100%;
}
.data-view-wrapper > table thead {
  border: 1px solid #e9ecef;
}
.data-view-wrapper > table thead td {
  text-align: left;
  width: calc(33.33% - 10px);
  padding: 10px;
  font-weight: 500;
  font-size: 16px;
  font-style: italic;
}
.data-view-wrapper > table thead td:first-child {
  width: 60px;
}
.data-view-wrapper > table thead td:nth-child(2) {
  width: 350px;
}
@media (max-width: 991px) {
  .data-view-wrapper > table thead td:nth-child(2) {
    width: calc(33.33% - 10px);
  }
}
.data-view-wrapper > table > tbody > tr > td {
  padding: 10px;
}
.data-view-wrapper > table > tbody > tr > td:first-child {
  text-align: right;
  padding: 10px 5px 10px 0;
}
.data-view-wrapper > table > tbody > tr > td:last-child {
  text-align: left;
}
.data-view-wrapper > table > tbody > tr > td .sortable_handle {
  cursor: grab;
}
.data-view-wrapper > table > tbody > tr > td .favorite {
  display: inline-block;
}
.data-view-wrapper > table > tbody > tr > td .favorite .pace-activity {
  display: none;
}
.data-view-wrapper > table > tbody > tr > td .favorite.loading i {
  display: none;
}
.data-view-wrapper > table > tbody > tr > td .favorite.loading .pace-activity {
  display: block;
}

.form.form-fixed-header {
  position: relative;
}
.form.form-fixed-header .form-fixed-header-top {
  width: 100%;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1005;
  padding: 15px;
}
@media (max-width: 767px) {
  .form.form-fixed-header .form-fixed-header-top {
    border-bottom: 1px solid #EEEEEE;
  }
}
.form.form-fixed-header .form-fixed-header-top .form-actions,
.form.form-fixed-header .form-fixed-header-top .options-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding: 0;
}
.form.form-fixed-header .form-fixed-header-top .options-wrapper {
  justify-content: flex-start;
}
.form.form-fixed-header .form-fixed-header-top .form-actions {
  justify-content: flex-end;
}
.form.form-fixed-header .form-fixed-header-top .form-actions .btn, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions button, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions button {
  margin-right: 0;
}
.form.form-fixed-header .form-fixed-header-top .form-actions .btn + .btn, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + .btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions button + .btn, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + .btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions button + .btn, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .btn + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions .btn + button, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions button + button, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .btn + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions .btn + button, .form.form-fixed-header .form-fixed-header-top .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form.form-fixed-header .form-fixed-header-top .form-actions button + button {
  margin-left: 10px;
}
.form.form-fixed-header .form-fixed-header-top .search-wrapper {
  padding: 0;
}

.table-fixed-header {
  width: 100%;
  height: 100%;
  position: relative;
}
.table-fixed-header thead {
  position: sticky;
  top: 112px;
  background: #fff;
  box-shadow: -1px 0px 0px 1px #e9ecef;
  z-index: 1005;
}
.table-fixed-header thead th,
.table-fixed-header thead td {
  text-align: left;
  padding: 10px;
  font-weight: 500;
  font-size: 16px;
  font-style: italic;
}
.table-fixed-header tbody {
  height: 100%;
}

.table-mobile-responsive {
  margin: 0;
  padding: 10px;
  width: 100%;
  table-layout: fixed;
}
@media screen and (max-width: 768px) {
  .table-mobile-responsive {
    border: 0;
  }
  .table-mobile-responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .table-mobile-responsive tr {
    border: 1px solid #EEEEEE;
    display: block;
    margin: 10px 10px 20px;
    border-radius: 4px;
    background: #fafafa;
  }
  .table-mobile-responsive td {
    border-bottom: 1px solid #EEEEEE;
    display: block;
    text-align: right;
    padding-left: 50%;
    min-height: 40px;
  }
  .table-mobile-responsive td input,
  .table-mobile-responsive td select,
  .table-mobile-responsive td textarea,
  .table-mobile-responsive td .select2,
  .table-mobile-responsive td .td-category {
    max-width: 50% !important;
    margin: 0 0 0 auto;
  }
  .table-mobile-responsive td .td-category .select2 {
    max-width: 100% !important;
  }
  .table-mobile-responsive td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    max-width: 50%;
    display: inline-block;
  }
  .table-mobile-responsive td:first-child {
    padding: 10px !important;
  }
  .table-mobile-responsive td:last-child {
    border-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .table-mobile-responsive td {
    padding-left: 0;
  }
  .table-mobile-responsive td input,
  .table-mobile-responsive td select,
  .table-mobile-responsive td textarea,
  .table-mobile-responsive td .select2 {
    max-width: 100% !important;
    margin: 32px auto 1rem;
  }
  .table-mobile-responsive td:before {
    max-width: 100%;
  }
  .table-mobile-responsive td .td-category {
    max-width: 100% !important;
  }
  .table-mobile-responsive td .td-category .select2 {
    max-width: 100% !important;
  }
}

.dropdown-add-wrapper .select2 {
  width: calc(100% - 200px) !important;
}

#import-options-wrapper {
  padding: 20px;
}

#contactDetails .dropdown-add-wrapper .select2 {
  width: calc(100% - 35px) !important;
}
#contactDetails .dropdown-add-wrapper .add-new-element-btn {
  padding: 3px !important;
}
#contactDetails .dropdown-add-wrapper .add-new-element-btn span {
  display: none;
}
#contactDetails input[type=text].form-control {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  height: auto;
}
#contactDetails input[type=text].form-control::placeholder {
  color: #555;
}
#contactDetails .profile-block {
  margin-bottom: 20px;
}
#contactDetails .profile-block .profile-btn {
  padding: 3px !important;
}
#contactDetails .profile-block .created-by-content {
  margin-bottom: 15px;
}
#contactDetails .profile-block .created-by-content .created-by-item {
  font-style: italic;
  font-size: 13px;
  margin-bottom: 0.5rem;
  color: #a19488;
}
#contactDetails .profile-block .created-by-content .created-by-item span {
  color: #555;
  font-weight: 600;
}
#contactDetails .profile-header {
  text-align: center;
  margin-bottom: 15px;
  padding: 6px 8px 4px 20px;
  position: relative;
  border: 1px solid #eeeeee;
  font-size: 1.15rem;
  border-top: 3px solid #123330;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
#contactDetails .profile-header.sm {
  padding: 6px 8px 6px 20px;
  font-size: 0.9rem;
}
#contactDetails .contact-name {
  text-align: center;
  font-size: 1.4rem;
}
#contactDetails .profile-content {
  margin-bottom: 10px;
}
#contactDetails .profile-content.avatar-block .img-circle {
  margin: 0 0 0.7rem;
}
#contactDetails .profile-content.avatar-block figure svg {
  width: 100%;
}
#contactDetails .profile-content.avatar-block .img-responsive {
  width: 100%;
  height: 100%;
}
#contactDetails .profile-content.last-visit {
  text-align: center;
  font-size: 1.1rem;
  color: #03a9f3;
  font-weight: 400;
  margin-bottom: 25px;
}
#contactDetails .profile-content .profile-btn {
  display: block;
  padding: 10px;
  border: 1px solid #eeeeee;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 15px;
  font-size: 0.8rem;
  color: #555;
}
#contactDetails .profile-content .profile-btn:hover, #contactDetails .profile-content .profile-btn:active {
  background: rgba(0, 0, 0, 0.03);
}
#contactDetails .profile-content .profile-btn.sm {
  padding: 6px 5px;
  font-size: 0.9rem;
}
#contactDetails .profile-content .circle-wrap .circle-item {
  position: relative;
  padding: 8px 5px 8px 16px;
  font-size: 0.9rem;
  display: block;
  border: 1px solid #f0f0f0;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #555;
}
#contactDetails .profile-content .circle-wrap .circle-item .line-bg {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 8px;
  height: calc(100% + 2px);
}
#contactDetails .profile-content .circle-wrap .circle-item .close-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  border-radius: 8px;
  background: #eee;
  margin-left: 5px;
}
#contactDetails .profile-content .circle-wrap .profile-btn.sm {
  margin-right: 20px;
}

.profile-content.last-visit {
  color: #01a9f4;
  font-weight: 400;
}

.cards-buttons-wrap > * {
  display: inline-block;
}

.bulk-edit-button {
  margin-left: 10px;
}
@media (max-width: 430px) {
  .bulk-edit-button {
    margin-left: 3rem;
  }
}

.crm-bulk-edit-selectors {
  margin-top: 10px;
}

.bulk-edit-empty-wrapper > .checkbox {
  top: 50%;
}

#contact-tasks-grid .pills .task-status {
  display: inline-block;
  max-width: 100%;
}
#contact-tasks-grid .pills .task-status .category-pill {
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
}

#crm-contacts-grid .info-wrap {
  z-index: 2;
}
#crm-contacts-grid .crm-companies .crm-companies__wrap {
  column-gap: 4px;
}
#crm-contacts-grid .crm-companies .crm-companies__wrap a {
  padding: 1px;
  min-width: unset !important;
  width: 50px;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-shadow: 0 0 2px #ddd;
}
#crm-contacts-grid .crm-companies .crm-companies__wrap a > span {
  display: block;
  width: 100%;
  height: 100%;
}
#crm-contacts-grid .crm-companies .crm-companies__wrap a .default-user-avatar {
  width: 100% !important;
  height: 100% !important;
  font-size: 20px;
}

.landscape-area img-crop.fixed-height {
  min-height: 350px;
}
.landscape-area .crop-area .col-6 {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .landscape-area .crop-area .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
}

.crop-area img,
.image-preview > img {
  border: 1px dashed #c2c2c2;
  max-width: 180px;
  margin-bottom: 10px;
}

.crm-contacts-card .avatar-wrap {
  flex-shrink: 0;
}

.crm-contacts-card .title {
  word-break: break-word;
}

.importContacts-downloadSampleBtn .importContacts-downloadSampleBtn__icon {
  width: 20px;
  height: 20px;
}
.importContacts-downloadSampleBtn svg {
  width: 20px;
  height: 20px;
  fill: #333;
}

.associated-companies > div,
#crm-contacts-grid .crm-companies .crm-companies__wrap {
  column-gap: 4px;
  align-items: center;
}
.associated-companies > div a,
#crm-contacts-grid .crm-companies .crm-companies__wrap a {
  padding: 1px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
}
.associated-companies > div a > div,
#crm-contacts-grid .crm-companies .crm-companies__wrap a > div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.associated-companies > div .default-user-avatar-container,
#crm-contacts-grid .crm-companies .crm-companies__wrap .default-user-avatar-container {
  height: 100%;
  width: 100%;
}
.associated-companies > div .default-user-avatar,
#crm-contacts-grid .crm-companies .crm-companies__wrap .default-user-avatar {
  width: 100% !important;
  height: 100% !important;
  font-size: 20px;
  line-height: 1;
}
.associated-companies > div .img-responsive,
#crm-contacts-grid .crm-companies .crm-companies__wrap .img-responsive {
  border-radius: 50%;
}

#crm-contacts-grid .crm-companies .crm-companies__wrap img {
  border-radius: 50%;
}

.company-info .dropdown {
  z-index: 99999;
}
.company-info .dropdown .dropdown-menu {
  padding: 0;
  min-width: 100px !important;
  max-width: 100% !important;
}
.company-info .thumb-lg svg {
  width: 180px;
  height: 180px;
}
.company-info .card-img-top {
  position: relative;
}
.company-info .card-img-top svg {
  margin: 0 auto;
}
.company-info .card-img-top .img-circle svg {
  border-radius: 100%;
}
.company-info .card-block h4 .badge {
  font-size: 0.4285714286em;
  letter-spacing: 0.1428571429em;
}

.sd-primary-star {
  color: #F7AC08;
}

.sd-company-details-label {
  text-transform: uppercase;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 6px;
}

.sd-company-category-pill {
  vertical-align: top;
  line-height: 27px !important;
}

.custom-menu-items-sidebar .menu-item {
  display: grid !important;
  grid-template-columns: auto max-content;
  padding: 10px;
}
.custom-menu-items-sidebar .menu-item .select-item {
  display: inline-block;
  max-width: 100%;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions {
  line-height: 28px;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions > span {
  cursor: pointer;
  display: inline-block;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions > span.show-sub-items i, .custom-menu-items-sidebar .menu-item .sidebar-actions > span.edit-item i {
  font-size: 1.4rem;
}

.iconpicker-popover.fade {
  opacity: 1;
}

.sub-items-empty-container {
  flex: 1 1 300px;
  width: auto;
}
.sub-items-empty-container > img {
  display: block;
  width: 500px;
  margin: 50px auto 0;
}

#CrmCompany-grid .category-pill,
#CrmCompany-grid .crm-category-pill {
  margin-left: 0;
  display: inline-block;
  word-break: break-word;
}

@media (max-width: 410px) {
  #company-settings #import-circles-for-all-companies {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  #company-settings #import-circles-for-all-companies {
    font-size: 10px;
  }
}
#CrmCompany-grid .primary-contact span {
  position: relative;
  z-index: 2;
}
#CrmCompany-grid .crmCompany-dropdown.dropdown-left {
  list-style: none;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.4rem 0;
  margin: 0;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 7px;
  background-color: #fff;
  transform: translateY(100%);
  z-index: 100;
}
#CrmCompany-grid .crmCompany-dropdown.dropdown-left .option-link {
  display: block;
  padding: 5px 20px;
  color: #888;
  font-size: 14px;
  white-space: nowrap;
}

.company-info .tabs {
  height: unset;
}

#people-grid table th:first-child {
  text-align: left;
}

.crmCompany-dropdown .dropdown-item {
  padding: 0 !important;
}
.crmCompany-dropdown .dropdown-item .option-link,
.crmCompany-dropdown .dropdown-item .dropdown-item {
  padding: 8px 16px !important;
  line-height: 1;
}
.crmCompany-dropdown .dropdown-item .option-link .option-icon,
.crmCompany-dropdown .dropdown-item .dropdown-item .option-icon {
  height: 15px;
}
.crmCompany-dropdown .dropdown-item .option-link .option-icon svg,
.crmCompany-dropdown .dropdown-item .dropdown-item .option-icon svg {
  width: 15px;
  height: 15px;
  fill: #888;
}

.circles-users-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px;
  padding: 0 5px;
  height: 35px;
  min-width: 35px;
  text-align: right;
  line-height: 0.9;
  box-shadow: 0 0 2px #DDD;
  border: 1px solid #CCC;
  border-radius: 35px;
  white-space: nowrap;
}

.circle-all-users-item {
  width: 120px;
}
.circle-all-users-item figure.img-responsive {
  display: block;
  max-width: 60px;
  max-height: 60px;
  width: auto;
  background: #FFF;
}
.circle-all-users-item figure.img-responsive .default-user-avatar {
  max-height: 50px;
}

.hideDefaultCircles label {
  margin-left: 10px;
  margin-bottom: 0;
}

#invoices-form .select2-selection__choice,
#circle-form .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  height: 25px;
}

#invoices-form .select2-selection__choice__remove span,
#circle-form .select2-selection__choice__remove span {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  font-size: 0;
}
#invoices-form .select2-selection__choice__remove span::before,
#circle-form .select2-selection__choice__remove span::before {
  content: "";
  position: absolute;
  top: -1px;
  width: 2px;
  height: 12px;
  background-color: #303030;
  border-radius: 2px;
  transform: rotate(45deg);
}
#invoices-form .select2-selection__choice__remove span::after,
#circle-form .select2-selection__choice__remove span::after {
  content: "";
  position: absolute;
  top: -1px;
  width: 2px;
  height: 12px;
  background-color: #303030;
  border-radius: 2px;
  transform: rotate(-45deg);
}

#invoices-form .select2-selection__choice__display,
#circle-form .select2-selection__choice__display {
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1;
}

.deals-title-data {
  color: #c6c6c6;
  font-size: 36px;
}

.swal2-select {
  height: auto;
}

.pipeline-wrapper {
  display: flex;
  flex-direction: column;
}
.pipeline-wrapper .pipeline-bar {
  padding: 0 16px;
  background-color: #fff;
  border-radius: 7px;
}
.pipeline-wrapper .pipeline-bar .pipeline-bar-wrap {
  justify-content: end;
  gap: 16px;
  padding: 16px 0;
}
@media (max-width: 900px) {
  .pipeline-wrapper .pipeline-bar .pipeline-bar-wrap {
    flex-wrap: wrap;
    justify-content: start;
  }
  .pipeline-wrapper .pipeline-bar .pipeline-bar-wrap .pipeline-bar-wrap-action-btns {
    margin-left: auto;
  }
}
.pipeline-wrapper .pipeline-bar .pipeline-bar-wrap select {
  border: 1px solid #eee;
  border-radius: 6px;
  background-color: transparent;
}
.pipeline-wrapper .pipeline-bar .pipeline-bar-wrap select option {
  font-weight: 500 !important;
}
.pipeline-wrapper .pipeline-bar .pipeline-bar-wrap .sd-switchery-wrapper {
  flex-direction: row-reverse;
  align-items: center;
}
.pipeline-wrapper .pipeline-bar .pipeline-bar-wrap .sd-switchery-wrapper label {
  margin: 0 !important;
}
@media (max-width: 900px) {
  .pipeline-wrapper .pipeline-bar .pipeline-bar-wrap .sd-switchery-wrapper {
    flex-direction: row-reverse !important;
  }
}
.pipeline-wrapper .pipeline-conitainer {
  display: flex;
  position: relative;
  padding: 16px;
  height: 100%;
  height: calc(100vh - 21.6rem);
  overflow-x: auto;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  height: auto;
  word-break: break-all;
  min-width: 0;
  margin-right: 16px;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 10px;
  width: 100%;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column:hover .add-stage:not(.ng-hide) {
  display: block !important;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header {
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 10px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .btn-link svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
  padding-left: 8px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  display: grid;
  grid-template-columns: 1fr max-content;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary {
  display: flex;
  align-content: flex-end;
  flex: 0 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  white-space: nowrap;
  opacity: 1;
  top: 8px;
  right: 10px;
  left: 10px;
  bottom: 0;
  padding: 8px;
  font: 400 13px/16px Source Sans Pro, sans-serif;
  transition: opacity 0.2s ease-in-out 0.2s;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .totalSum {
  padding-top: 16px;
  opacity: 0;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .totalSum:before {
  content: attr(data-weighted-summary);
  color: #26292c;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary[data-percentage="100"] svg {
  display: none;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary[data-percentage="100"]:hover .icon > svg {
  display: none;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:not([data-percentage="100"]):hover .icon > svg {
  display: none;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:not([data-percentage="100"]):hover:before {
  content: attr(data-open);
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:not([data-percentage="100"]):hover:after {
  content: attr(data-value);
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:not([data-percentage="100"]):hover span.number:before {
  content: attr(data-won);
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:after, .pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:before {
  height: 16px;
  text-align: right;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:before {
  content: attr(data-weighted-open);
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary:after {
  margin-top: -16px;
  content: attr(data-weighted-summary);
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .icon {
  display: flex;
  border-bottom: 1px solid #b9babb;
  border-bottom: 1px solid #b9babb;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .icon > svg {
  float: none;
  margin-left: -10px;
  margin-top: -18px;
  padding-right: 4px;
  position: relative;
  top: 2px;
  right: 4px;
  fill: #333;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .icon .plus {
  margin-right: 2px;
  vertical-align: top;
  display: inline-block;
  margin-left: -16px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .icon span.number {
  flex: 1;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .icon span.number:before {
  content: attr(data-won);
  color: #08a742;
  float: right;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .deal-counter {
  font-size: 14px;
  width: 100%;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .add-stage {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  display: none;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .add-stage.before-column {
  left: -20px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .add-stage.after-column {
  right: -20px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards {
  height: 100%;
  padding: 0 10px 0 10px;
  position: relative;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards.won {
  border-left: 4px solid #08a742;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards.lost {
  border-left: 4px solid darkred;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards a {
  color: darkred;
  text-decoration: underline;
  font-size: 12px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards label {
  width: 100%;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards label input[type=text], .pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards label input[type=number] {
  width: 100%;
  font-weight: 400 !important;
  font-size: 14px !important;
  border: 1px solid #eee;
  padding: 5px 10px;
  color: #555;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards label input[type=text].ng-invalid, .pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards label input[type=number].ng-invalid {
  border: 1px solid darkred;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card {
  background: rgb(255, 255, 255);
  cursor: pointer;
  margin-bottom: 0;
  opacity: initial;
  word-break: initial;
  padding: 14px;
  margin: 10px 0;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card.won {
  border-left: 4px solid #08a742;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .title {
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  line-height: 21px;
  margin-bottom: 15px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .card-item-row-category-value {
  width: 100%;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .card-item-row-category-value > div {
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 10px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .card-item-row-category-value .category-pill {
  margin-left: 0 !important;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .card-item-row-avatar-contact {
  display: grid;
  width: 100%;
  grid-template-columns: 32px 1fr;
  grid-gap: 10px;
  align-items: center;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .card-item-row-avatar-contact .default-user-avatar-container {
  font-size: 12px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .avatar {
  height: 32px;
  border-radius: 16px;
  overflow: hidden;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .contact {
  font-size: 0.8rem;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown {
  position: absolute;
  top: 12px;
  right: 0px;
}
.pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown .btn, .pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown button, .pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown button {
  padding: 0 !important;
}

.pipeline-panel svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: currentColor;
}
@media (max-width: 768px) {
  .pipeline-panel button span {
    display: none;
  }
  .pipeline-panel button svg {
    margin: 0 !important;
  }
}

.deal-row-won {
  border-left: 10px solid #08a742 !important;
}

.deal-row-lost {
  border-left: 10px solid darkred !important;
}

.grid-card-view .card.data-table-item-mobile.won {
  border-left: 4px solid #08a742;
}
.grid-card-view .card.data-table-item-mobile.lost {
  border-left: 4px solid darkred;
}

.month-switcher button {
  font-weight: 500 !important;
}
.month-switcher button:hover {
  text-decoration: underline;
}

#crm-goals-visibility-grid .title {
  color: #444 !important;
}

#crm-goals-visibility-grid .grid-card-view {
  padding: 0;
}

.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-gap: unset;
  row-gap: 20px;
  column-gap: 1.3%;
}

.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper view-template {
  width: 32%;
}

.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper .card.data-table-item-mobile {
  width: 100%;
}
.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .main-data {
  flex-wrap: wrap;
  row-gap: 12px;
}
.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .main-data .type {
  width: 100%;
}
.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .badge {
  padding: 6px 8px;
}

.sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .options-btns-wrap {
  width: 40px;
  height: 40px;
}

body.sd-dark-mode.sd-redesign2020 #crm-goals-visibility-grid.new-design .data-table-item-mobile .options-btns-wrap .dropdown {
  right: 0 !important;
  top: 21px !important;
}

@media (max-width: 990px) {
  .sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper {
    column-gap: 4%;
  }
  .sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper view-template {
    width: 48%;
  }
}
@media (max-width: 570px) {
  .sd-redesign2020 #crm-goals-visibility-grid.new-design .dv-view .view-template-wrapper view-template {
    width: 100%;
  }
}
@media (min-width: 577px) {
  .pipeline-wrapper .pipeline-conitainer .pipeline-column {
    width: 19.5rem;
  }
}
.forecast.pipeline-wrapper .pipeline-conitainer .pipeline-card {
  cursor: default;
}

.crm-deals-block .deals-title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px;
  height: 59px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #efefef;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}
.crm-deals-block .new-design .gridview-header {
  margin-bottom: 16px;
  padding: 0 !important;
}
.crm-deals-block .new-design .gridview-header .sd-btn-wide-primary-add-36px {
  margin: 0;
}
.crm-deals-block .new-design .gridview-header .grid-title {
  display: none !important;
}
.crm-deals-block .new-design .gridview-header .grid-actions {
  padding: 0 !important;
}
.crm-deals-block #crm-goals-visibility-grid {
  padding: 16px;
  background-color: #fff !important;
  border-radius: 7px;
  border: 1px solid #efefef !important;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important;
}

.primaryContactCompaniesList {
  flex-wrap: wrap;
  column-gap: 3%;
  row-gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.primaryContactCompaniesListItem {
  gap: 24px;
  padding: 1rem;
  width: 48.5%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .primaryContactCompaniesListItem {
    width: 100%;
  }
}
.primaryContactCompaniesListItem .primaryContactCompaniesListItem__header {
  gap: 12px;
}
.primaryContactCompaniesListItem .primaryContactCompaniesListItem__emailDescription {
  font-size: 10px;
  color: #888;
  font-weight: 400;
}
.primaryContactCompaniesListItem .form-group {
  margin-bottom: 0;
}
.primaryContactCompaniesListItem .form-group label {
  margin-bottom: 0;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.primaryContactCompaniesListItem .primaryContactCompanyLogo {
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  overflow: hidden;
  background: #01a9f4;
}
.primaryContactCompaniesListItem .primaryContactCompanyLogo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.primaryContactCompaniesListItem .primaryContactCompanyDescription {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
  overflow: hidden;
}
.primaryContactCompaniesListItem .primaryContactCompanyName {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-weight: 600;
}
.primaryContactCompaniesListItem .primaryContactCompanyStatus {
  padding: 2px 4px;
  font-size: 10px;
  line-height: 1;
  border-radius: 6px;
}
.primaryContactCompaniesListItem .primaryContactCompanyLink {
  margin-left: auto;
  width: 20px;
  height: 20px;
  line-height: 1;
}
.primaryContactCompaniesListItem .primaryContactCompanyLink svg {
  width: 20px;
  height: 20px;
  fill: #555;
}

.modal .bulk-edit-modal {
  height: 100%;
  max-height: 80vh;
  margin-bottom: 44px;
}

.crm-phone-formatting {
  min-height: 600px;
}
.crm-phone-formatting .crm-phone-formatting__block-wrap {
  gap: 42px;
}
.crm-phone-formatting .sd-big-btn-with-icon {
  padding: 1rem !important;
  height: 54px;
  font-size: 1rem;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.crm-phone-formatting .sd-big-btn-with-icon svg {
  width: 26px;
  height: 22px;
}
.crm-phone-formatting .crm-phone-formatting__block-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.crm-phone-formatting .crm-phone-formatting__text {
  margin: 0;
  line-height: 1.4;
  font-size: 12px;
}

.crm-phone-formatting__Sidebar .crm-phone-formatting__info,
.crm-phone-formatting__Sidebar .RightBar__block-header {
  border-bottom: 4px solid #f8f8f8;
}
.crm-phone-formatting__Sidebar .RightBar__block-header {
  padding: 15px 20px;
}
.crm-phone-formatting__Sidebar .RightBar__block-header .left {
  margin-bottom: 0;
  font-size: 13px;
}
.crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__filters-name {
  padding: 0 37px;
  height: 42px;
  background-color: #f8f8f8;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__info {
  padding: 1rem 42px;
  gap: 22px;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__info svg {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  fill: #777;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__info p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #777;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block {
  display: flex;
  align-items: center;
  gap: 6%;
  padding: 1rem 37px;
  border-bottom: 1px solid #eee;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block.crm-phone-formatting__filter-form-block--mobile {
  display: none;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block .select2-container--default .select2-selection--single .select2-selection__placeholder {
  text-transform: capitalize;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block {
  display: flex;
  align-items: self-start;
  gap: 12px;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .btn-wrap {
  position: relative;
  display: flex;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .btn-wrap .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 12px;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .btn-wrap .icon::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 5px;
  width: 10px;
  height: 17px;
  background-color: transparent;
  border: 1px solid #fff;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .btn, .crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block button, .crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block button {
  width: 42px;
  height: 42px;
  border-radius: 3px !important;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item {
  flex: 1 1 47%;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item.crmSmsPhoneToolSidebar__copy__button {
  border: none;
}
.crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item > .btn, .crm-phone-formatting__Sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__filter-form-item > button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item > button, .crm-phone-formatting__Sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__filter-form-item > button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item > button {
  gap: 0.5rem;
  justify-content: flex-start;
  padding: 0 !important;
}
.crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__filters-result-wrap {
  overflow-x: hidden;
}

.crmSmsPhoneToolSidebar__item {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #EEEEEE;
}
.crmSmsPhoneToolSidebar__item--formatting {
  gap: 0.5rem;
  padding: 12px 26px 12px 37px;
}
.crmSmsPhoneToolSidebar__item--formatting .crmSmsPhoneToolSidebar__item-block {
  gap: 0.5rem;
  flex: 1 1 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  padding: 0;
}
.crmSmsPhoneToolSidebar__item--formatting .crmSmsPhoneToolSidebar__item__text {
  flex: 1 1 auto;
  width: calc(100% - 42px);
  min-width: calc(100% - 42px);
  max-width: calc(100% - 42px);
}
.crmSmsPhoneToolSidebar__item--formatting .crm-phone-formatting__select-btn-block {
  margin-left: auto;
}
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item__loader,
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__copy__button {
  flex: 0 0 4%;
}
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  margin-right: 10px;
}
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item__icon .success {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid #38d57a;
  border-radius: 50%;
}
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item__icon .success::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 10px;
  width: 10px;
  height: 17px;
  background-color: transparent;
  border: 2px solid #38d57a;
  border-left: none;
  border-top: none;
  transform: rotate(45deg) skew(2deg, 0);
}
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item__icon svg {
  width: 33px;
  height: 33px;
  fill: #555;
}
.crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item__icon svg.warning {
  fill: #E6614F;
}

.crmSmsPhoneToolSidebar__item-block {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex: 0 0 48%;
  padding: 0 1rem 0 2.5rem;
}

.crmSmsPhoneToolSidebar__item:last-child {
  border-bottom: none;
}

.crmSmsPhoneToolSidebar__item__text {
  width: calc(100% - (33px + 1.5rem));
}

.crmSmsPhoneToolSidebar__item__text__line {
  padding: 3px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crmSmsPhoneToolSidebar__item__text__sub__line {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #888;
}

.crmSmsPhoneToolSidebar__copy__button {
  display: flex;
}
.crmSmsPhoneToolSidebar__copy__button .btn, .crmSmsPhoneToolSidebar__copy__button .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crmSmsPhoneToolSidebar__copy__button button, .crmSmsPhoneToolSidebar__copy__button .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crmSmsPhoneToolSidebar__copy__button button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  border-radius: 5px !important;
}
.crmSmsPhoneToolSidebar__copy__button svg {
  margin-left: 2px;
  width: 12px;
  height: 12px;
  fill: #999;
}

.crmSmsPhoneToolSidebar__item__button {
  flex: 0 0 auto;
}

.mobileMessage {
  display: none;
}

@media (max-width: 600px) {
  .mobileMessage {
    display: block;
  }
  .crm-phone-formatting .crm-phone-formatting__block-wrap {
    flex-direction: column;
    gap: 1rem;
  }
  .crm-phone-formatting__Sidebar .RightBar__block-header {
    padding: 1rem 1.25rem;
  }
  .crm-phone-formatting__Sidebar .RightBar__block-header .left {
    font-size: 11px;
    color: #888;
    line-height: 1.7;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__info {
    flex-direction: column;
    gap: 9px;
    padding: 1rem 1.25rem;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__info p {
    font-size: 11px;
    text-align: center;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block.crm-phone-formatting__filter-form-block--mobile {
    display: flex;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block.crm-phone-formatting__filter-form-block--desktop {
    display: none;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item {
    flex: 1 1 100%;
    width: 100%;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item--search {
    position: relative;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item--search svg {
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 18px;
    height: 18px;
    fill: #777;
    transform: translate(0, -50%);
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item--horizontal {
    justify-content: space-between;
    align-items: center;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item .totalNumber {
    font-size: 11px;
  }
  .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item > .btn, .crm-phone-formatting__Sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__filter-form-item > button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item > button, .crm-phone-formatting__Sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__filter-form-item > button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-item > button {
    font-size: 12px;
    color: #555;
  }
  .crm-phone-formatting__Sidebar .sd-switchery-wrapper label {
    padding-right: 0 !important;
    font-size: 11px;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__filters-result-wrap {
    padding: 1rem 1.25rem;
    min-height: 120px;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__item--formatting {
    padding: 12px 0;
    gap: 0.5rem;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__item--formatting .crm-phone-formatting__select-btn-block {
    margin-left: 0;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__item-block {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__copy__button {
    flex: 1 1 100%;
    gap: 0.5rem;
    max-width: 100%;
  }
  .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__item .crmSmsPhoneToolSidebar__copy__button span {
    font-size: 11px;
    font-weight: 400;
  }
}
.invoice-header-wrapper {
  position: relative;
  top: initial;
  bottom: initial;
  left: initial;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  border: 0 none;
  width: initial;
  max-width: 950px;
  background-color: #fff;
  color: #555555;
  border-radius: 7px;
  margin: 0 auto;
  padding: 25px 30px 5px 30px;
}

.modal-lg .invoice-header-wrapper {
  padding: 0 30px 5px 30px !important;
}

p.est-inv-hero-total {
  font-size: 2.0736em;
  line-height: 1em;
  padding: 15px 0 0 0;
  color: #333;
  margin-bottom: 5px;
}

.inv-pay-button {
  margin-left: 8px;
  padding: 12px 5px;
}

.inv-pay-button-helper-text {
  color: #888;
  margin-left: 8px;
  font-size: 12px;
}

.invoice-single-view .my-billing {
  max-width: 920px;
  margin: 0 auto;
}

.select2-search input {
  font-weight: 500;
}

.pdf-wrapper.wkhtmltopdf {
  padding: 2em !important;
}
.pdf-wrapper table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.pdf-wrapper table, .pdf-wrapper th, .pdf-wrapper td {
  border: 1px solid #eee;
}
.pdf-wrapper .content-block-view-wrapper {
  padding: 0 !important;
}

.ui-spinner-up {
  background: url(../../../../images/icons/sd-spinner_up.svg) !important;
}

.ui-spinner-down {
  background: url(../../../../images/icons/sd-spinner_down.svg) !important;
}

.modal .billing-pdf-wrapper,
.widget-bg .billing-pdf-wrapper {
  margin-top: 25px !important;
  margin-bottom: 20px !important;
}

.invoice-header-wrapper {
  margin-top: 0 !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .invoice-form .submit-btn,
  .invoice-form a.submit-btn,
  .invoice-form a.options-btn,
  .invoice-form .options-btn {
    color: #fff;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 430px) {
  .invoice-form .submit-btn,
  .invoice-form a.submit-btn,
  .invoice-form a.options-btn,
  .invoice-form .options-btn {
    margin-bottom: 10px;
  }
}
@-moz-document url-prefix() {
  .invoice-form .submit-btn,
  .invoice-form a.submit-btn,
  .invoice-form a.options-btn,
  .invoice-form .options-btn {
    color: #fff;
  }
  @media only screen and (max-width: 430px) {
    .invoice-form .submit-btn,
    .invoice-form a.submit-btn,
    .invoice-form a.options-btn,
    .invoice-form .options-btn {
      margin-bottom: 10px;
    }
  }
}
.invoice-form .submit-btn .list-icon,
.invoice-form a.submit-btn .list-icon,
.invoice-form a.options-btn .list-icon,
.invoice-form .options-btn .list-icon {
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.payment-gateway-content {
  display: none;
}

.payment-gateway-wrapper {
  border: 1px solid #f1f1f1;
  width: 100%;
  border-bottom-right-radius: 25px;
  margin-bottom: 20px;
  padding: 10px;
}
.payment-gateway-wrapper:hover {
  cursor: pointer;
}
.payment-gateway-wrapper.selected {
  border: 3px solid #43B05B;
}
.payment-gateway-wrapper p {
  margin-bottom: 0;
  font-weight: 700;
}

.sdPayNow,
.estimatesApproveBtn {
  color: #fff;
  font-size: 1rem;
}

.bottom-pay-button-disabled .btn-sm,
.bottom-pay-button .btn-sm {
  line-height: 1.4;
  font-size: 0.75rem;
  text-transform: uppercase;
}

#installments .bottom-pay-button-disabled .btn.sdPayNow, #installments .bottom-pay-button-disabled .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.sdPayNow, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments .bottom-pay-button-disabled button.sdPayNow, #installments .bottom-pay-button-disabled .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.sdPayNow, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments .bottom-pay-button-disabled button.sdPayNow {
  opacity: 0.25;
  cursor: none;
}
#installments .btn.btn-outline-default, #installments .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-default, #installments .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-default, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-default {
  background: transparent !important;
  border: 1px solid #ACACAC !important;
  color: #ACACAC !important;
  text-transform: uppercase;
}
#installments .btn.btn-outline-success, #installments .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-success, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-success, #installments .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-success, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-success {
  background: transparent !important;
  border: 1px solid #4D9235 !important;
  color: #4D9235 !important;
  text-transform: uppercase;
}
#installments .btn.btn-outline-success:hover, #installments .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-success:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-success:hover, #installments .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-success:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-success:hover, #installments .btn.btn-outline-success:focus, #installments .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-success:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-success:focus, #installments .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-outline-success:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #installments button.btn-outline-success:focus {
  background: #4D9235 !important;
  color: #fff !important;
}

.modal .invoice-form .sd-grid-view .table tr th, .modal .invoice-form .form-oscar .table tr th {
  text-align: inherit;
}

.relativeDueDateEntry {
  max-width: 45px !important;
}

.create-recurring-profile .ui-spinner .form-oscar input[type=text].form-control, .create-recurring-profile .ui-spinner .form-oscar select.form-control {
  height: calc(1.8rem + 2px);
  line-height: normal;
  border: 1px solid #ccc;
}

.create-accumulating-profile .ui-spinner .form-oscar input[type=text].form-control, .create-accumulating-profile .ui-spinner .form-oscar select.form-control {
  height: calc(1.8rem + 2px);
  line-height: normal;
  border: 1px solid #ccc;
}

.ui-spinner a.ui-spinner-button {
  border: 1px solid #fff;
  background: #ccc;
}

.ui-spinner .ui-spinner-input {
  height: 30px !important;
  padding: 0.25rem 0.6rem;
  line-height: 18px;
}

.sd-500-error-text {
  line-height: 2.5rem;
}

@media only screen and (max-width: 400px) {
  .sd-payment-gateway-header-icon {
    float: left;
  }
}

.sd-payment-gateway-header {
  color: #555555;
  font-weight: 600;
  font-style: italic;
  margin-left: 5px;
  font-size: 1.2rem;
  vertical-align: top;
}
@media only screen and (max-width: 640px) {
  .sd-payment-gateway-header {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 400px) {
  .sd-payment-gateway-header {
    margin-left: 0;
  }
}

.sd-payment-step-subtitle {
  margin-left: 58px !important;
  margin-top: -20px !important;
  font-weight: 300;
  font-size: 12px;
}
@media only screen and (max-width: 400px) {
  .sd-payment-step-subtitle {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}

.sd-payment-gateway-text {
  color: #aaa;
  font-weight: 300;
  font-style: italic;
  margin-left: 10px;
}

.payment-gateway-content .sd-oscar-form-errors {
  margin-top: 27px;
}
.payment-gateway-content .form-error {
  font-size: 12px;
  color: #fff !important;
  padding: 10px 20px;
  background: #EA2F2F;
  border-radius: 4px;
  margin-left: 14px;
}
.payment-gateway-content .card-wrapper {
  margin-top: -15px;
}
@media (max-width: 991px) {
  .payment-gateway-content .card-wrapper {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 330px) {
  .payment-gateway-content .card-wrapper .jp-card-container {
    width: 100%;
  }
  .payment-gateway-content .card-wrapper .jp-card-container .jp-card {
    min-width: 100%;
  }
}

.invoice-head img {
  width: 100%;
}

.invoice-header-wrapper .text-overdue {
  color: #F28686;
  font-size: 15px;
  margin: 0 0 10px 10px;
}

.invoice-header-wrapper .text-dynamic-estimate-warning {
  color: #940707;
  font-size: 13px;
  margin: 0 0 28px 0;
}

.invoice-header-wrapper .form {
  padding: 0 15px;
}

.invoice-info-wrapper {
  padding: 0 12px;
}

.est-inv-make-payment {
  margin: 0;
  padding: 0 14px;
}

.invoice-header-row .dynamic-items-confirm-btn {
  padding: 0.75rem 1.6rem !important;
  height: 47px;
  font-size: 18px;
  line-height: 1;
  border-radius: 10px !important;
}
.invoice-header-row .dynamic-items-confirm-btn.estimatesApproveBtnDynamic {
  padding: 0.5rem 0.9rem !important;
  height: 34px;
  font-size: 14px;
}

.invoice-header-row #start-over {
  padding: 0 0.5rem;
  font-size: 8px;
  text-decoration: underline;
  color: #940707;
}

.invoice-header-row .dynamic-items-confirm-btn:disabled {
  background-color: transparent !important;
  color: #555 !important;
}

.pdf-wrapper .ribbon .ribbon-open,
.pdf-wrapper .ribbon .ribbon-outstanding,
.pdf-wrapper .ribbon .ribbon-draft,
.pdf-wrapper .ribbon .ribbon-converted,
.pdf-wrapper .ribbon .ribbon-overdue,
.pdf-wrapper .ribbon .ribbon-approved {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.pdf-wrapper .ribbon .ribbon-draft {
  background-color: #3FAFFF;
}
.pdf-wrapper .ribbon .ribbon-outstanding,
.pdf-wrapper .ribbon .ribbon-converted {
  background-color: #F36529;
}
.pdf-wrapper .ribbon .ribbon-overdue {
  background-color: #D31100;
}
.pdf-wrapper .ribbon .ribbon-open,
.pdf-wrapper .ribbon .ribbon-partially_paid {
  background-color: #B2CD63;
}
.pdf-wrapper .ribbon .ribbon-approved {
  background-color: #54A356;
}
.pdf-wrapper .ribbon .ribbon-void,
.pdf-wrapper .ribbon .ribbon-non-billable {
  background-color: #B5B5B5;
}
.pdf-wrapper .ribbon .ribbon-unbilled,
.pdf-wrapper .ribbon .ribbon-processing {
  background-color: #80A2FB;
}
.pdf-wrapper .ribbon .ribbon-overpaid {
  background-color: #FF7E62;
}

.pdf-wrapper {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #efefef;
  border-top: 4px solid #ddd;
  border-radius: 7px;
}
.pdf-wrapper img.draggable-signature {
  display: inline !important;
}
.pdf-wrapper .ribbon-processing {
  background: #ff9800;
}

.payment-gateway-content input[type=text], .payment-gateway-content input[type=password], .payment-gateway-content select, .payment-gateway-content textarea {
  display: inline-block;
  height: 38px;
  padding: 6px 7px;
  font-size: 12px;
  color: #858585;
  background: #fff;
  border: 1px solid #ccc;
}
.payment-gateway-content .form-group {
  margin-bottom: 1rem !important;
}

.btn-sd-payment {
  height: auto;
  display: flex;
  line-height: 1.5;
  white-space: normal;
  padding: 8px 25px 8px 20px !important;
  font-size: 14px;
  font-weight: 500 !important;
}

.credit-card-payment {
  padding: 20px;
  width: 100%;
  max-width: 960px;
  background: var(--sd-bg-primary);
  border-radius: 7px;
}

.non-logged-payinvoice-container {
  background: #fff;
}
.non-logged-payinvoice-container .non-logged-payinvoice-wrapper {
  width: 95%;
  max-width: 860px;
  background: #fff;
  border-radius: 20px;
}
.non-logged-payinvoice-container .non-logged-payinvoice-wrapper .widget-body {
  border: none;
  box-shadow: none;
}

.non-logged-payinvoicestretch-container {
  background: #fff;
}
.non-logged-payinvoicestretch-container .non-logged-payinvoicestretch-wrapper {
  width: 95%;
  /* max-width: 860px; */
  background: #fff;
}
.non-logged-payinvoicestretch-container .non-logged-payinvoicestretch-wrapper .widget-body {
  border: none;
  box-shadow: none;
}

.invoice-payment-result-message {
  text-align: center;
}
.invoice-payment-result-message .form-group > * {
  margin-bottom: 25px !important;
}
.invoice-payment-result-message h2 {
  font-size: 46px;
  font-weight: 400;
}
.invoice-payment-result-message .message-icon svg {
  max-width: 70px;
  height: auto;
  color: #000;
  margin-top: 20px;
}

#invoices-form .card-block {
  padding-bottom: 0.55rem !important;
}

.invoiceTable {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  border-top: 3px solid #ddd;
}
.invoiceTable .remove-row {
  position: relative;
  background-image: none;
  width: 10px;
  height: 10px;
}
.invoiceTable .remove-row::before {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: -1px;
  width: 2px;
  height: 12px;
  background-color: #444;
  transform: rotate(45deg);
}
.invoiceTable .remove-row::after {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: -1px;
  width: 2px;
  height: 12px;
  background-color: #444;
  transform: rotate(-45deg);
}
.invoiceTable .invoice_items td {
  height: 100%;
}
.invoiceTable .invoice_items td .remove-row {
  position: relative;
  background-image: none;
  width: 10px;
  height: 10px;
}
.invoiceTable .invoice_items td .remove-row::before {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: -1px;
  width: 2px;
  height: 12px;
  background-color: #444;
  transform: rotate(45deg);
}
.invoiceTable .invoice_items td .remove-row::after {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: -1px;
  width: 2px;
  height: 12px;
  background-color: #444;
  transform: rotate(-45deg);
}
.invoiceTable .invoice_items td .invoice-item-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoiceTable .invoice_items td .invoice-item-container .top-tooltip {
  position: absolute;
  top: calc(50% + 25px);
  left: 50%;
  transform: translate(-50%, 0);
  padding: 5px 10px;
  color: #fff;
  background: #2e2e2e;
  text-align: center;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: opacity 0.3s ease-in 0.5s;
}
.invoiceTable .invoice_items td .invoice-item-container .top-tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #2e2e2e;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
}
.invoiceTable .invoice_items td .invoice-item-container:hover .top-tooltip {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.invoiceTable .invoice_items td .invoice-item-container .d-flex {
  justify-content: center;
}
.invoiceTable:not(.invoiceTableSummary) .invoice_items {
  height: 100%;
}

@media (max-width: 575px) {
  .pdf-wrapper {
    padding: 60px 15px;
  }
}

@media (max-width: 575px) {
  .pdf-wrapper .pdf-body .invoice-head .left img,
  .pdf-wrapper .pdf-body .estimate-head .left img,
  .pdf-wrapper .pdf-body .invoice-head .left img,
  .pdf-wrapper .pdf-body .estimate-head .left img {
    width: 90%;
  }
  .pdf-wrapper .pdf-body .invoice-head .left .billing-left,
  .pdf-wrapper .pdf-body .estimate-head .left .billing-left,
  .pdf-wrapper .pdf-body .invoice-head .left .billing-left,
  .pdf-wrapper .pdf-body .estimate-head .left .billing-left {
    margin-top: 15px;
    word-break: break-word;
  }
}
.pdf-wrapper .pdf-body .invoice-head .right,
.pdf-wrapper .pdf-body .estimate-head .right,
.pdf-wrapper .pdf-body .invoice-head .right,
.pdf-wrapper .pdf-body .estimate-head .right {
  text-align: right;
  position: relative;
  min-height: 200px;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
.pdf-wrapper .pdf-body .invoice-head .right .balance,
.pdf-wrapper .pdf-body .estimate-head .right .balance,
.pdf-wrapper .pdf-body .invoice-head .right .balance,
.pdf-wrapper .pdf-body .estimate-head .right .balance {
  margin-bottom: 8px;
}
.pdf-wrapper .pdf-body .invoice-head .right .billing-right,
.pdf-wrapper .pdf-body .estimate-head .right .billing-right,
.pdf-wrapper .pdf-body .invoice-head .right .billing-right,
.pdf-wrapper .pdf-body .estimate-head .right .billing-right {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 15px;
}
.pdf-wrapper .pdf-body .invoice-head .right .billing-right table,
.pdf-wrapper .pdf-body .estimate-head .right .billing-right table,
.pdf-wrapper .pdf-body .invoice-head .right .billing-right table,
.pdf-wrapper .pdf-body .estimate-head .right .billing-right table {
  float: right;
}
@media (max-width: 575px) {
  .pdf-wrapper .pdf-body .invoice-head .right .billing-right table,
  .pdf-wrapper .pdf-body .estimate-head .right .billing-right table,
  .pdf-wrapper .pdf-body .invoice-head .right .billing-right table,
  .pdf-wrapper .pdf-body .estimate-head .right .billing-right table {
    width: auto !important;
  }
  .pdf-wrapper .pdf-body .invoice-head .right .billing-right table tr,
  .pdf-wrapper .pdf-body .estimate-head .right .billing-right table tr,
  .pdf-wrapper .pdf-body .invoice-head .right .billing-right table tr,
  .pdf-wrapper .pdf-body .estimate-head .right .billing-right table tr {
    margin-bottom: 9px;
    display: block;
  }
  .pdf-wrapper .pdf-body .invoice-head .right .billing-right table td,
  .pdf-wrapper .pdf-body .estimate-head .right .billing-right table td,
  .pdf-wrapper .pdf-body .invoice-head .right .billing-right table td,
  .pdf-wrapper .pdf-body .estimate-head .right .billing-right table td {
    width: 100% !important;
    display: block;
  }
}
@media (max-width: 575px) {
  .pdf-wrapper .pdf-body .invoice-head .right .right-item .title,
  .pdf-wrapper .pdf-body .invoice-head .right .right-item .title,
  .pdf-wrapper .pdf-body .estimate-head .right .right-item .title,
  .pdf-wrapper .pdf-body .estimate-head .right .right-item .title,
  .pdf-wrapper .pdf-body .invoice-head .right .right-item .title,
  .pdf-wrapper .pdf-body .invoice-head .right .right-item .title,
  .pdf-wrapper .pdf-body .estimate-head .right .right-item .title,
  .pdf-wrapper .pdf-body .estimate-head .right .right-item .title {
    font-size: 16pt !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 575px) {
  .pdf-wrapper .pdf-body .item-table thead,
  .pdf-wrapper .pdf-body .item-table thead {
    display: none;
  }
  .pdf-wrapper .pdf-body .item-table tr,
  .pdf-wrapper .pdf-body .item-table tr {
    margin-bottom: 8px;
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px solid #f8f8f8;
  }
  .pdf-wrapper .pdf-body .item-table tr:last-child,
  .pdf-wrapper .pdf-body .item-table tr:last-child {
    border-bottom: 0;
  }
  .pdf-wrapper .pdf-body .item-table td,
  .pdf-wrapper .pdf-body .item-table td {
    display: block;
    text-align: left !important;
    width: 100% !important;
    padding: 5px 5px !important;
    border: 0 !important;
  }
  .pdf-wrapper .pdf-body .item-table td:before,
  .pdf-wrapper .pdf-body .item-table td:before {
    background: transparent !important;
    display: block;
    width: 100%;
    content: attr(data-label);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ced0c8;
    color: #3c3d3a;
  }
  .pdf-wrapper .pdf-body .item-table td .item-title,
  .pdf-wrapper .pdf-body .item-table td .item-title {
    display: inline-block !important;
  }
}

#items-grid .selected {
  background: #F3FBFF !important;
}

.edit-button-view-action {
  padding: 0 1rem !important;
  border-radius: 5px !important;
  line-height: 24px;
}

.invoice-custom-fields-wrap .field-checkbox {
  flex: 0 0 50px;
  max-width: 30px;
}

@media (max-width: 575px) {
  .invoice-custom-fields-wrap .field-label,
  .invoice-custom-fields-wrap .field-value {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0 10px;
  }
}

#cardForm {
  margin-bottom: 20px;
}
#cardForm .form-group {
  margin-bottom: 0 !important;
}
#cardForm .form-card-row {
  border: 1px solid #dee3e8;
  background: #edf2f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 12px;
}
#cardForm .form-card-row .payment-exp-date input {
  text-align: center;
  padding: 0.25rem 0 !important;
  width: 40px !important;
}
#cardForm .form-card-row input {
  background: none;
  border: 0;
  font-size: 15px;
  box-shadow: none;
  color: #444;
}
#cardForm .form-card-row input::placeholder {
  color: #888;
  font-style: italic;
}
#cardForm .form-card-row input.error.ng-untouched {
  animation: shakeText 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  color: red !important;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
#cardForm .form-card-row input.error.ng-untouched::placeholder {
  color: red !important;
}
#cardForm .form-card-row input.error.ng-untouched:focus, #cardForm .form-card-row input.error.ng-untouched:active {
  color: #3b4355 !important;
}
#cardForm .form-card-row input.error.ng-untouched:focus::placeholder, #cardForm .form-card-row input.error.ng-untouched:active::placeholder {
  color: #3b4355 !important;
}

@keyframes shakeText {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.sd-billing-ledger-values {
  text-align: right;
}

.invoiceTable .sd-billing-ledger-values {
  text-align: center;
}

.invoiceTable .item_total {
  display: flex;
  justify-content: center;
}

.sd-billing-ledger-section-header {
  background: #3C3D3A;
  vertical-align: middle;
  line-height: 29px;
  color: #fff;
}

.inv-seen-eye {
  margin-right: 5px;
  width: 24px;
  height: 17px;
}
.inv-seen-eye svg {
  width: 24px;
  height: 17px;
  fill: #c6c6c6;
}

.inv-seen-eye--green svg {
  fill: #43b05c !important;
}

.jp-card .jp-card-back .jp-card-shiny::after {
  content: "This card has been issued by Fictional Bank. Fictional Bank is not a real bank and therefore will not be liable for anything. Have a nice day :)";
}

.inv_accum_col_deleteitem {
  width: 3%;
}
@media (max-width: 1000px) {
  .inv_accum_col_deleteitem {
    width: 5%;
  }
}

.inv_accum_col_name {
  width: 20%;
}
@media (max-width: 1000px) {
  .inv_accum_col_name {
    width: 28% !important;
  }
}

.sd-grid-view .table tr td.inv_accum_col_desc,
.form-oscar .table tr td.inv_accum_col_desc {
  width: 20%;
}
@media (max-width: 1000px) {
  .sd-grid-view .table tr td.inv_accum_col_desc,
  .form-oscar .table tr td.inv_accum_col_desc {
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    position: absolute;
  }
}

.inv_accum_col_qty {
  width: 10%;
}
@media (max-width: 1000px) {
  .inv_accum_col_qty {
    width: 15%;
  }
}

.inv_accum_col_rate {
  width: 10%;
}
@media (max-width: 1000px) {
  .inv_accum_col_rate {
    width: 15%;
  }
}

.inv_accum_col_discount {
  width: 12%;
}
@media (max-width: 1000px) {
  .inv_accum_col_discount {
    width: 15%;
  }
}

.inv_accum_col_tax {
  width: 12%;
}
@media (max-width: 1000px) {
  .inv_accum_col_tax {
    width: 15%;
  }
}

.inv_accum_col_total {
  width: 13%;
  text-align: right;
}
@media (max-width: 1000px) {
  .inv_accum_col_total {
    width: 15%;
  }
}

.pdf-wrapper .billing-right table {
  border: none;
}
.pdf-wrapper .billing-right table td {
  border: none;
}

@media (max-width: 1200px) {
  .create-invoice .table-responsive,
  .update-invoice .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}

.vault-add-manually {
  font-size: 3.5rem;
  margin: 4px 0;
}

.vault-add-request {
  font-size: 3.5rem;
  margin: 4px 0;
}

.bank_name_separator {
  padding-left: 5px;
}

.inv-pay-button-row {
  padding: 15px 0 0 0;
}

@media (max-width: 620px) {
  #recurringProfile-grid .gridview-header .add-btn-wrap .sd-btn-wide-primary-add-36px {
    font-size: 10px;
  }
  #recurringProfile-grid .gridview-header .add-btn-wrap .sd-btn-wide-primary-add-36px span {
    margin: 0;
  }
  #recurringProfile-grid .gridview-header .dropdown-menu.show .dropdown-item {
    font-size: 10px;
  }
}
.pdf-wrapper .ribbon {
  width: 170px;
  height: 170px;
  top: 0;
  left: 0;
}
.pdf-wrapper .ribbon .ribbon-inner {
  width: 170px;
  z-index: 5;
}
@media (max-width: 768px) {
  .pdf-wrapper .ribbon {
    top: -4px;
  }
  .pdf-wrapper .ribbon .ribbon-inner {
    top: 0;
    padding-right: 58px;
  }
}

.pdf-wrapper:not(.billing-pdf-wrapper--expenses) .pdf-body .invoice-head .right .right-item .invoice-number {
  white-space: break-spaces;
}

.pdf-wrapper.billing-pdf-wrapper--expenses .pdf-body .invoice-head .right .right-item .title {
  margin-bottom: 1.5rem;
}

@media (max-width: 560px) {
  .sd-500-error-text {
    word-break: break-all;
  }
  .pdf-wrapper .pdf-body .invoice-head .right .right-item .invoice-number {
    word-break: break-all;
  }
}
@media (max-width: 1200px) {
  .EditDirectRecurringGeneratorFormTab .items,
  .EditDirectRecurringGeneratorFormTab #items,
  .EditDynamicAccumulatingGeneratorFormTab .items,
  .EditDynamicAccumulatingGeneratorFormTab #items,
  .EditEstimatesFormTab .items,
  .EditEstimatesFormTab #items {
    overflow: auto;
  }
}
.invoiceViewActions {
  margin-top: 15px;
}
.invoiceViewActions svg {
  width: 20px;
  height: 14px;
  fill: #777;
}

#invoices-grid .invoice-number {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.saveCardOptionsSwitcher label {
  margin-bottom: 0;
}

.branding-theme-mrclean .sd-type-switcher__tabs {
  border-color: #ddd;
}
.branding-theme-mrclean .sd-type-switcher__tabs:after {
  background-color: #ddd;
}
.branding-theme-mrclean .sd-type-switcher__tabs .sd-type-switcher__slider.active {
  color: #fff;
}
.branding-theme-mrclean .sd-type-switcher__tabs .sd-type-switcher__slider {
  color: #555;
}

.mx-auto.widget-holder.credit-card-payment {
  border-top: 10px solid var(--sd-bg-accent);
  border-bottom: 10px solid var(--sd-bg-accent);
}

.modal-include-wrapper.credit-card-payment {
  padding-bottom: 15px;
}

.invoice-form-items-container {
  flex-wrap: wrap;
  gap: 1rem;
}
.invoice-form-items-container .invoice-item {
  flex: 1 1 auto;
}

.dragSigText {
  color: #03a9f3;
  font-style: italic;
  margin-top: 5px;
}

.sd-contract-placeholder-choose {
  font-weight: 700;
  font-style: italic;
  line-height: 20px;
  text-transform: uppercase;
  color: #03a9f3;
}

.sd-contract-logo {
  border: none !important;
  box-shadow: none !important;
  max-width: 250px !important;
}

.contract-status-points {
  font-size: 8px;
  margin: 0 3px 2px 0;
}

.contract-status-points-wrapper i.contract-status-point-completed,
body.sd-dark-mode .contract-status-points-wrapper i.contract-status-point-completed {
  color: #84c233;
  text-shadow: 0 0 2px #84c233;
}

.contract-status-points-wrapper i.contract-status-point-outSignature,
body.sd-dark-mode .contract-status-points-wrapper i.contract-status-point-outSignature {
  color: #f8be3d;
  text-shadow: 0 0 2px #f8be3d;
}

.contract-status-points-wrapper i.contract-status-point-awaitingMe,
body.sd-dark-mode .contract-status-points-wrapper i.contract-status-point-awaitingMe {
  color: #30b5f3;
  text-shadow: 0 0 2px #30b5f3;
}

.contract-status-points-wrapper i.contract-status-point-void,
body.sd-dark-mode .contract-status-points-wrapper i.contract-status-point-void {
  color: #dd2828;
  text-shadow: 0 0 2px #dd2828;
}

.contract-history-view .contract-history-body .contract-history-icon-block {
  margin-top: 2px;
}
.contract-history-view .contract-history-body .contract-history-icon-block .contract-history-icon-wrapper i {
  font-size: 20px;
}
.contract-history-view .contract-history-body .contract-history-icon-block .contract-history-icon-text {
  font-size: 10px;
  line-height: 25px;
  text-transform: uppercase;
}

.add-contract-card__checkboxes {
  display: flex;
  row-gap: 12px;
  column-gap: 16px;
}

.documentAttachedFilesButton svg {
  width: 22px;
  height: 22px;
  fill: #555;
}

@media (max-width: 767px) {
  .add-contract-card__checkboxes {
    flex-direction: column;
  }
  .documentAttachedFilesButton svg {
    width: 16px;
    height: 16px;
  }
}
#crm-contacts-grid .mobile-gridview-header .cards-buttons-wrap,
#sent-grid .mobile-gridview-header .cards-buttons-wrap,
#subscriptions-grid .mobile-gridview-header .cards-buttons-wrap {
  width: unset;
}
#crm-contacts-grid .grid-head-title,
#sent-grid .grid-head-title,
#subscriptions-grid .grid-head-title {
  padding: 0;
  margin: 0;
  min-height: unset;
}

.addNewGeneratorEventForm label,
.addNewGeneratorEventForm .addNewGeneratorEventForm__label {
  display: flex;
  flex-shrink: 0;
}

[contenteditable] {
  outline: 0 solid transparent;
}

.proposalPages > div {
  margin-bottom: 20px;
}
.proposalPages .locked .handle-page-mover {
  visibility: hidden;
}
.proposalPages .card-header {
  display: flex;
  justify-content: space-between;
  border-radius: 7px;
}
.proposalPages .card-header h5, .proposalPages .card-header .h5 {
  flex: 1;
  font-size: 1.125rem;
  text-align: center;
  color: #333;
  margin: 0;
  padding: 0;
}
.proposalPages .card-header h5:focus, .proposalPages .card-header .h5:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.proposalPages .card-header .card-header-icon {
  border: none;
}
.proposalPages .card-header .collapse-toggle-btn:not(.collapsed) .arrow_drop_down {
  display: none;
}
.proposalPages .card-header .collapse-toggle-btn.collapsed .arrow_drop_up {
  display: none;
}
.proposalPages .signature-zone {
  padding-top: 5px !important;
}
.proposalPages .signature-zone .form-oscar .form-group {
  margin-bottom: 0 !important;
}
.proposalPages .redactor-container {
  margin-top: 5px;
  max-width: 100%;
}
.proposalPages .redactor-container .redactor-box {
  height: 100%;
}

.sd-portal-page-edit .right-sidebar-togler-container {
  top: 400px;
}

.right-sidebar-togler-container-top {
  top: 20%;
  transform: translate(0, -20%);
}

.customization-sidebar-wrapper {
  display: flex;
  position: fixed;
  height: 100%;
  min-height: -webkit-fill-available;
  max-height: 100%;
  padding-top: 90px;
  top: 0;
  bottom: 0;
  right: 0;
  width: 90%;
  max-width: 520px;
  background: #fff;
  border-left: 0.3125rem solid #EEEEEE;
  z-index: 99999992;
  animation-duration: 500ms;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) {
  top: 90px;
  height: calc(100% - 90px);
  display: grid;
  grid-template-rows: 64px 1fr;
}
@media (max-width: 575px) {
  .customization-sidebar-wrapper {
    width: 100%;
  }
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .form-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.025em;
  color: #000000;
  margin: 0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-block-wrapper {
  padding: 5px 15px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  font-size: 16px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 110;
  padding: 1rem;
  height: 64px;
}
@media (min-width: 768px) {
  .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header {
    padding: 18px 22px 18px 14px;
  }
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header h2 {
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #555;
  opacity: 1;
  background: transparent;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  float: none;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close:before, .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close:before {
  transform: translateY(-50%) rotate(45deg);
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close i {
  display: none;
  color: #555;
  font-size: 1.5rem;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close:hover, .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .search-template-wrap {
  position: relative;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .search-template-wrap input {
  padding-left: 40px;
  border-radius: 1rem !important;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .search-template-wrap i {
  position: absolute;
  top: 10px;
  left: 10px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content {
  width: 100%;
  overflow-y: auto;
  height: calc(100% - 72px);
  overflow-x: hidden;
  margin-bottom: 60px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content.templates-sidebar {
  height: calc(100% - 102px);
  margin-bottom: 102px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .template-name {
  width: 100%;
  border-radius: 1rem !important;
  margin-bottom: 5px;
  text-align: left;
  display: block;
  white-space: normal;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .template-name .radiobox {
  padding: 0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .template-name label {
  display: block;
  margin-bottom: 0;
  padding: 0.22rem;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .template-name label input {
  visibility: hidden;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .template-name label .label-text:before {
  display: none;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar {
  padding: 24px 24px 0 24px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar label {
  font-weight: 400;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar .proposal-fontSize {
  border-right: 0;
  border-radius: 0.25rem 0 0 0.25rem !important;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar .input-group-addon {
  background: #FAFAFA;
  border-left: 1px solid #e4e9f0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar .color-picker-swatch.color-picker-swatch-left {
  width: 40px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar .form-control,
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar .select2-selection--single {
  box-shadow: none;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .form-oscar .color-picker-input-wrapper .form-control {
  padding-left: 50px;
  box-shadow: none;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .templates-list-wrapper {
  margin: 0 0 40px 0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 .form-group {
  margin-bottom: 24px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 .form-group .form-control {
  height: 2.5rem;
  border-radius: 8px !important;
  color: #000;
  padding-left: 16px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 .form-group .color-picker-input-wrapper .form-control {
  padding-left: 56px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 .form-group .color-picker-input-wrapper .color-picker-swatch.color-picker-swatch-left {
  height: 40px;
  border-radius: 8px 0px 0px 8px !important;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 .form-group .proposal-fontSize {
  border-radius: 8px 0 0 8px !important;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 .form-group .input-group-addon {
  border-radius: 0 8px 8px 0 !important;
  height: 40px;
  width: 48px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .sidebar-content .settings-row .col-md-6 label {
  color: #000;
  margin-bottom: 8px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block {
  padding: 0;
  color: #000;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block .form-group {
  margin-bottom: 24px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block .form-control {
  border-radius: 8px 0 0 8px !important;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block .reminder-label-days {
  border-radius: 0 8px 8px 0 !important;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block .form-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.025em;
  color: #000;
  margin: 0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block p {
  font-size: 13px;
  line-height: 150%;
  margin-bottom: 20px;
  color: #303030;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) #proposal-notification-form .card-block .crm-bulk-edit-selectors {
  margin-top: 24px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .btn:not(.list-index), .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.list-index), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) button:not(.list-index), .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.list-index), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) button:not(.list-index) {
  min-width: 80px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .form-actions {
  margin-left: -20px !important;
  margin-right: -20px !important;
  border-top: 1px solid #e9ecef;
  padding: 15px 25px;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message {
  background-color: #FAFAFA;
  padding: 1rem;
  font-size: 13px;
  line-height: 18px;
  position: sticky;
  top: 4rem;
  z-index: 110;
  cursor: pointer;
  border-bottom: 1px solid #EEEEEE;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-circle-check,
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-check-circle {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #38d57a;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-circle-check.ng-enter, .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-circle-check.ng-leave.ng-leave-active,
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-check-circle.ng-enter,
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-check-circle.ng-leave.ng-leave-active {
  opacity: 0;
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-circle-check.ng-enter.ng-enter-active, .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-circle-check.ng-leave,
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-check-circle.ng-enter.ng-enter-active,
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-check-circle.ng-leave {
  opacity: 1;
}
@media (min-width: 768px) {
  .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-circle-check,
  .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message .fa-check-circle {
    right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message {
    padding: 1rem 3.875rem 1rem 1.5rem;
  }
}
.customization-sidebar-wrapper:not(.RightBar):not(.languages-sidebar) .save-message + .rightPanel__body {
  margin-top: 1rem;
}

.sidebar-expand .customization-sidebar-wrapper.sidebar-25, .sidebar-expand .customization-sidebar-wrapper.sidebar-50, .sidebar-expand .customization-sidebar-wrapper.sidebar-75, .sidebar-expand .customization-sidebar-wrapper.sidebar-100,
.sidebar-focused .customization-sidebar-wrapper.sidebar-25,
.sidebar-focused .customization-sidebar-wrapper.sidebar-50,
.sidebar-focused .customization-sidebar-wrapper.sidebar-75,
.sidebar-focused .customization-sidebar-wrapper.sidebar-100,
.sidebar-collapse .customization-sidebar-wrapper.sidebar-25,
.sidebar-collapse .customization-sidebar-wrapper.sidebar-50,
.sidebar-collapse .customization-sidebar-wrapper.sidebar-75,
.sidebar-collapse .customization-sidebar-wrapper.sidebar-100 {
  max-width: 100%;
}
@media (max-width: 960px) {
  .sidebar-expand .customization-sidebar-wrapper.sidebar-25, .sidebar-expand .customization-sidebar-wrapper.sidebar-50, .sidebar-expand .customization-sidebar-wrapper.sidebar-75, .sidebar-expand .customization-sidebar-wrapper.sidebar-100,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-25,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-50,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-75,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-100,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-25,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-50,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-75,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-100 {
    min-width: 100%;
  }
}
@media (min-width: 961px) {
  .sidebar-expand .customization-sidebar-wrapper.sidebar-25, .sidebar-expand .customization-sidebar-wrapper.sidebar-50, .sidebar-expand .customization-sidebar-wrapper.sidebar-75, .sidebar-expand .customization-sidebar-wrapper.sidebar-100,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-25,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-50,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-75,
  .sidebar-focused .customization-sidebar-wrapper.sidebar-100,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-25,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-50,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-75,
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-100 {
    width: 100%;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-25 {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.25);
  }
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-50 {
    max-width: calc((100% - 3.75rem) * 0.5);
  }
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-75 {
    max-width: calc((100% - 3.75rem) * 0.75);
  }
  .sidebar-collapse .customization-sidebar-wrapper.sidebar-100 {
    max-width: calc(100% - 3.75rem);
  }
}

@media (min-width: 961px) {
  .sidebar-focused .customization-sidebar-wrapper.sidebar-25,
  .sidebar-expand .customization-sidebar-wrapper.sidebar-25 {
    max-width: calc((100% - 14.375rem) * 0.25);
  }
  .sidebar-focused .customization-sidebar-wrapper.sidebar-50,
  .sidebar-expand .customization-sidebar-wrapper.sidebar-50 {
    max-width: calc((100% - 14.375rem) * 0.5);
  }
  .sidebar-focused .customization-sidebar-wrapper.sidebar-75,
  .sidebar-expand .customization-sidebar-wrapper.sidebar-75 {
    max-width: calc((100% - 14.375rem) * 0.75);
  }
  .sidebar-focused .customization-sidebar-wrapper.sidebar-100,
  .sidebar-expand .customization-sidebar-wrapper.sidebar-100 {
    max-width: calc(100% - 14.375rem);
  }
}

.proposal_content.load-template .proposal-navbar {
  top: 90px;
}
@media (max-width: 767px) {
  .proposal_content.load-template .proposal-navbar {
    top: 120px;
  }
}
.proposal_content.load-template .proposal-content-wrapper {
  padding-top: 11.2rem;
}
@media (max-width: 767px) {
  .proposal_content.load-template .proposal-content-wrapper {
    padding-top: 17.2rem;
  }
}
.proposal_content.load-template .proposal-content-wrapper .sidebar {
  height: calc(100vh - 11.2rem);
}
@media (max-width: 767px) {
  .proposal_content.load-template .proposal-content-wrapper .sidebar {
    top: 92px;
  }
}

.load-template-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  right: 0;
  box-shadow: 0 1px 3px 0 rgba(122, 122, 122, 0.1);
  z-index: 99;
  background: #fff;
}
.load-template-wrapper #proposal-settings-form {
  display: grid;
  grid-template-columns: auto 1fr auto;
}
.load-template-wrapper #proposal-settings-form > div {
  padding: 10px;
}

#proposal-settings-form .select2-form-group > .btn:first-child, #proposal-settings-form .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .select2-form-group > button:first-child, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #proposal-settings-form .select2-form-group > button:first-child, #proposal-settings-form .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .select2-form-group > button:first-child, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #proposal-settings-form .select2-form-group > button:first-child {
  margin-right: 10px;
}
#proposal-settings-form label {
  font-weight: 700;
}
#proposal-settings-form .proposal-fontSize {
  border-radius: 0.25rem 0 0 0.25rem !important;
}
#proposal-settings-form .color-picker-wrapper .color-picker-input-wrapper .form-control {
  padding-left: 55px;
}
#proposal-settings-form .color-picker-wrapper .color-picker-swatch.color-picker-swatch-left {
  width: 40px;
}
#proposal-settings-form .reminder-field,
#proposal-settings-form .proposal-fontSize-group {
  padding-right: 0 !important;
  position: relative;
}
#proposal-settings-form .reminder-field input,
#proposal-settings-form .proposal-fontSize-group input {
  padding-right: 75px;
  border: 1px solid #e4e9f0 !important;
}
#proposal-settings-form .reminder-field .reminder-label-days,
#proposal-settings-form .reminder-field .input-group-addon,
#proposal-settings-form .proposal-fontSize-group .reminder-label-days,
#proposal-settings-form .proposal-fontSize-group .input-group-addon {
  position: absolute;
  padding: 8px 0 9px 0 !important;
  right: 1px !important;
  top: 2px !important;
  border: 0 !important;
  border-left: 1px solid #e4e9f0;
  display: block !important;
  background: #fafafa;
  width: 65px;
  text-align: center;
  z-index: 10;
  color: #a2a2a2;
}
#proposal-settings-form .proposal-notification-card {
  padding-bottom: 0;
}
#proposal-settings-form .proposal-notification-card:last-child {
  padding-top: 5px;
}

.proposal_content ol ol li {
  list-style-type: lower-alpha;
}
.proposal_content ol ol ol li {
  list-style-type: lower-roman;
}
.proposal_content .proposal-navbar {
  display: flex;
  border-radius: 0;
  width: 100%;
  flex-direction: row;
  align-items: center;
  height: 170px;
}
.proposal_content .proposal-navbar .proposal-navbar-header {
  height: 100%;
  width: 100%;
  padding: 20px 0;
}
.proposal_content .proposal-navbar .proposal-navbar-header img {
  max-height: 90px;
  max-width: 230px;
}
.proposal_content .proposal-content-wrapper {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .proposal_content .proposal-content-wrapper {
    min-height: calc(100vh - 75px);
  }
}
.proposal_content .proposal-content-wrapper .proposal-topbar {
  display: none !important;
}
.proposal_content .proposal-content-wrapper .proposal-topbar .proposal-navbar {
  margin-bottom: 0;
  justify-content: space-between;
}
.proposal_content .proposal-content-wrapper .proposal-topbar .proposal-navbar .proposal-navbar-header {
  max-width: 320px;
}
@media screen and (max-width: 400px) {
  .proposal_content .proposal-content-wrapper .proposal-topbar .proposal-navbar .proposal-navbar-header {
    max-width: 250px !important;
  }
}
@media (max-width: 767px) {
  .proposal_content .proposal-content-wrapper .proposal-topbar {
    display: flex !important;
  }
}
.proposal_content .proposal-content-wrapper .proposal-topbar .sidebar-toggle {
  display: none;
  margin: 15px;
  z-index: 10000000;
}
@media (max-width: 767px) {
  .proposal_content .proposal-content-wrapper .proposal-topbar .sidebar-toggle {
    display: block;
  }
}
.proposal_content .proposal-content-wrapper .proposal-topbar .sidebar-toggle i {
  font-size: 2.2rem;
  color: #224057;
}
.proposal_content .proposal-content-wrapper .proposal-page-title {
  text-align: left;
  padding: 64px 0 32px 0;
}
.proposal_content .proposal-content-wrapper .proposal-page-title h1 {
  box-shadow: none !important;
  font-size: 28px;
}
@media (max-width: 991px) {
  .proposal_content .proposal-content-wrapper .proposal-page-title h1 {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .proposal_content .proposal-content-wrapper .proposal-page-title h1 {
    font-size: 48px;
  }
}
.proposal_content .proposal-content-wrapper .sidebar {
  background: rgb(255, 255, 255);
  position: fixed;
  width: 320px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-right: 1px solid #eee;
  overflow: hidden;
}
@media screen and (max-width: 400px) {
  .proposal_content .proposal-content-wrapper .sidebar {
    width: 250px !important;
  }
  .proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li > input {
    max-width: 165px !important;
  }
}
@media (min-width: 768px) {
  .proposal_content .proposal-content-wrapper .sidebar.ng-hide {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .proposal_content .proposal-content-wrapper .sidebar {
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    animation-duration: 500ms;
    box-shadow: 9px 1px 9px 3px rgba(122, 122, 122, 0.1);
    height: 100vh;
  }
  .proposal_content .proposal-content-wrapper .sidebar.show {
    display: block;
  }
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav {
  width: 100%;
  flex: 0 0 auto;
  min-height: 1rem;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul {
  margin: 0;
  flex-direction: column;
  position: relative;
  font-size: 0.92857em;
  line-height: 2.30769em;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li {
  position: relative;
  width: 100%;
  border-left: 4px solid transparent;
  align-items: center;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li.active, .proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li:hover {
  border-color: #000000;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li > a {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  padding: 16px 0 16px 24px;
  position: relative;
  transform: translate3d(0, 0, 0);
  background: transparent;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li > input {
  max-width: 235px;
  padding: 18px 12px 19px 24px;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  position: relative;
  background: transparent;
  height: 100%;
  cursor: pointer;
  font-weight: 600 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li .dropdown button {
  border: none;
  margin-left: 5px;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li .dropdown button i {
  color: #6F6F6F;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li .menu-buttons {
  margin-left: 5px;
  padding-right: 10px;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li .menu-buttons i {
  color: #6F6F6F;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons {
  margin-top: 25px;
  padding: 0 15px 0 16px;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn {
  margin-bottom: 16px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  text-align: center;
  font-weight: 600 !important;
  line-height: 150%;
  color: #333;
  display: block;
  font-family: "Inter", "Roboto", sans-serif;
  min-width: 145px;
  width: 100%;
  padding: 1em 0.5em !important;
  font-size: 1em;
  border-radius: 6px;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn svg {
  width: 24px;
  height: 24px;
  fill: #333;
  vertical-align: top;
  margin-right: 3px;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn:hover {
  color: #333;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn:hover svg {
  fill: #333;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label {
  color: #444;
  text-transform: uppercase;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label:hover {
  color: #333;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label:hoversvg {
  fill: #333;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label svg {
  fill: #444;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-active {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #54A356;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-activated {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #B2CD63;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-expired {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #B5B5B5;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-rejected {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #D31100;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-signed {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #80A2FB;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-draft {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #3FAFFF;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-converted {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-right: 5px solid #F36529;
}
.proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-label-wrap {
  width: 100%;
}
.proposal_content .proposal-content-wrapper .sidebar .new-page-wrapper {
  margin-top: 24px;
  padding: 16px 20px;
}
.proposal_content .proposal-content-wrapper .sidebar .new-page-wrapper button {
  width: 100%;
  padding: 1em 0.5em !important;
  font-size: 1em;
  margin-bottom: 16px;
  font-weight: 600 !important;
  height: unset;
  line-height: 150%;
}
.proposal_content .proposal-content-wrapper .sidebar .new-page-wrapper a {
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #6F6F6F !important;
  margin-top: 0 !important;
  text-transform: lowercase;
}
.proposal_content .proposed-signed-signature-wrapper {
  width: 100%;
}
.proposal_content .proposed-signed-signature-wrapper .proposed-signed-signature-block {
  border: 1px #ccc solid;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.proposal_content .proposed-signed-signature-wrapper .proposed-signed-signature-block .proposed-signed-signature-text {
  width: 100%;
}
.proposal_content .proposed-signed-signature-wrapper .proposed-signed-signature-block .proposed-signed-signature {
  background-color: #f0f0f0;
  padding: 20px 40px;
  border-radius: 20px;
}
.proposal_content .proposed-signed-signature-wrapper .proposed-signed-signature-block .proposed-signed-signature .proposed-signed-signature-img {
  border-bottom: 1px #000 solid;
  padding-top: 10px;
}
.proposal_content .proposed-signed-signature-wrapper .proposed-signed-signature-block .proposed-signed-signature p {
  font-size: 14px;
}
.proposal_content .proposed-signed-signature-wrapper .proposed-signed-signature-block .proposed-signed-signature .proposed-signed-signature-date {
  margin-right: 10px;
}
.proposal_content .main-wrapper {
  padding: 0 20px 20px 20px;
  line-height: 2rem;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}
.proposal_content .main-wrapper, .proposal_content .main-wrapper .app-redactor, .proposal_content .main-wrapper .redactor-container, .proposal_content .main-wrapper .redactor-box, .proposal_content .main-wrapper .redactor-styles {
  height: 100%;
}
.proposal_content .main-wrapper .redactor-box {
  border: 0;
  background: transparent;
}
.proposal_content .main-wrapper .redactor-box .redactor-styles {
  line-height: 2rem;
  padding: 0;
  overflow: visible;
}
.proposal_content .main-wrapper table {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
}
.proposal_content .main-wrapper table th,
.proposal_content .main-wrapper table td {
  padding: 16px 16px 15px 16px;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.proposal_content .main-wrapper table th:first-child,
.proposal_content .main-wrapper table td:first-child {
  padding-left: 20px !important;
  border-left: 1px solid #efefef;
}
.proposal_content .main-wrapper table tr:last-child td {
  border-bottom: 1px solid #efefef;
}
@media (min-width: 768px) {
  .proposal_content .main-wrapper {
    margin-left: 20rem !important;
  }
}
@media (max-width: 767px) {
  .proposal_content .main-wrapper {
    margin-left: 0 !important;
  }
}
@media (max-width: 575px) {
  .proposal_content .main-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 576px) {
  .proposal_content .main-wrapper {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 992px) {
  .proposal_content .main-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.proposal_content .main-wrapper figure.full-width {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block;
}
.proposal_content .main-wrapper img.full-width {
  width: calc(100% + 40px) !important;
  max-width: none !important;
  height: auto !important;
  display: block;
  margin: 0 -10rem;
}
@media (max-width: 767px) {
  .proposal_content .main-wrapper img.full-width {
    width: calc(100% + 4rem) !important;
    margin: 0 -2rem;
  }
}
@media (min-width: 576px) {
  .proposal_content .main-wrapper img.full-width {
    width: calc(100% + 12rem) !important;
    margin: 0 -6rem;
  }
}
@media (min-width: 992px) {
  .proposal_content .main-wrapper img.full-width {
    width: calc(100% + 400px) !important;
    margin: 0 -200px;
  }
}
.proposal_content .main-wrapper p {
  margin-top: 5px;
  line-height: 2em;
  word-break: break-word;
}
.proposal_content .main-wrapper .bottom_nav {
  padding-top: 10px;
  margin: 0 -10rem;
  border-top: 1px solid #ccc;
  margin-top: auto !important;
}
.proposal_content .main-wrapper .bottom_nav button {
  height: 35px;
  width: 35px;
  border-radius: 35px !important;
  text-align: center;
}
.proposal_content .main-wrapper .bottom_nav button:focus {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
}
.proposal_content .main-wrapper .bottom_nav button:hover {
  background: #494c54;
}
.proposal_content .main-wrapper .bottom_nav button:hover span {
  color: #fff;
}
@media (max-width: 767px) {
  .proposal_content .main-wrapper .bottom_nav {
    margin: 0 -2rem;
  }
}
@media (min-width: 576px) {
  .proposal_content .main-wrapper .bottom_nav {
    margin: 0 -6rem;
  }
}
@media (min-width: 992px) {
  .proposal_content .main-wrapper .bottom_nav {
    margin: 0 -200px;
  }
}
.proposal_content .proposed-signature-wrap {
  padding-top: 20px;
}
.proposal_content .proposed-signature-wrap .form-signature-wrap {
  margin-top: 20px;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 3px 1px rgba(122, 122, 122, 0.1);
}
.proposal_content .proposed-signature-wrap .form-signature-wrap .form-actions button {
  color: #fff !important;
}
@media (min-width: 1365px) {
  .proposal_content .redactor-toolbar-wrapper-air .redactor-air.open {
    max-width: 800px;
  }
}
.proposal_content .signature-zone .drag-zone {
  background: #fff;
}
.proposal_content .signature-zone .drag-zone .drag-smile-item {
  padding: 0.5rem 1rem !important;
}
.proposal_content .signature-zone .drag-zone .drag-smile-item img {
  max-height: 22px;
}
.proposal_content .signature-zone .drag-zone .dragSigText {
  font-size: 12px !important;
  margin-top: 0;
}

body.modal-proposal-preview .modal .modal-dialog.modal-fs {
  max-width: 100% !important;
  margin: 0 !important;
  height: 100% !important;
}
body.modal-proposal-preview .modal .modal-dialog.modal-fs .modal-content {
  height: 100% !important;
}
body.modal-proposal-preview .modal-content {
  border-radius: 0 !important;
  border: 0 !important;
}
body.modal-proposal-preview .customization-sidebar-wrapper {
  top: 0 !important;
}
body.modal-proposal-preview .customization-sidebar-wrapper.RightBar {
  height: 100%;
  padding-top: 0;
}
body.modal-proposal-preview .customization-sidebar-wrapper .form-actions.btn-list {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
body.modal-proposal-preview .redactor-dropdown,
body.modal-proposal-preview #sd-dropdown-wrapper {
  z-index: 9999;
}
body.modal-proposal-preview .impersonate-wrapper {
  cursor: pointer;
}

body.proposal-assigment {
  overflow-y: auto;
  margin-bottom: 0 !important;
}
body.proposal-assigment .sidebar-nav li a {
  grid-template-columns: auto !important;
}
body.proposal-assigment .form-signature-wrap {
  margin-bottom: 30px;
}
body.proposal-assigment .form-signature-wrap .form-actions.btn-list {
  padding-top: 5px;
}
@media (max-width: 767px) {
  body.proposal-assigment .proposal-navbar {
    position: relative;
  }
  body.proposal-assigment .proposal_content .proposal-content-wrapper {
    padding-top: 0;
  }
}
body.proposal-assigment .rejection_reason {
  margin-bottom: 60px;
}

.signature-form-wrapper .form-actions button {
  height: 40px;
  font-size: 12px;
  text-align: center;
  border-radius: 4px !important;
  width: 50%;
  text-transform: uppercase;
  margin: 0;
}
.signature-form-wrapper .form-actions button.btn-primary-signature {
  background: #ffffff;
  color: #444444;
  cursor: pointer;
  border: 1px solid #ccc;
  margin: 0 10px;
}
.signature-form-wrapper .form-actions button.btn-primary-signature:hover {
  background: #F8F9FB;
  border-color: #888;
}
.signature-form-wrapper .form-actions button.btn-accept {
  margin-right: 20px;
  border-right: 5px solid #28A745 !important;
}
.signature-form-wrapper .form-actions button.btn-accept:hover {
  background: #F8F9FB;
  border-color: #888;
}
.signature-form-wrapper .form-actions button.btn-rejection {
  color: #444;
  background: #ffffff;
  margin-right: 0;
}
.signature-form-wrapper .form-actions button.btn-rejection:hover {
  background: #fb4e4e;
  border-color: #fb4e4e;
  color: #fff;
  border-right: 5px solid #F9080A !important;
}

.sd-signature-pad {
  position: relative;
  width: calc(100% + 30px) !important;
  margin-right: -15px;
  margin-left: -15px;
}
.sd-signature-pad .nav-tabs .nav-link {
  width: 50%;
  text-align: center;
  background-color: #f2f4f8;
  border-color: #e9ecef #e9ecef #ddd;
  line-height: 40px;
}
.sd-signature-pad .nav-tabs .nav-link.active {
  color: #495057;
  background-color: transparent;
  border-color: #ddd #ddd #f2f4f8;
}
.sd-signature-pad .nav-tabs .nav-link .material-icons {
  color: #969696;
  font-size: 18px;
  margin-right: 3px;
}
.sd-signature-pad .fade {
  height: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.sd-signature-pad .fade.show {
  height: 100%;
  overflow: visible;
  padding: 20px;
}
.sd-signature-pad .form-oscar .form-group {
  margin-bottom: 0;
  line-height: 1.5em;
  color: #666;
  padding: 15px;
}
.sd-signature-pad .tab-pane .bold-label {
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: 600;
  color: #555;
}

.modal .sd-signature-pad {
  width: 100% !important;
  margin-right: 0;
  margin-left: 0;
}

.proposal_content .ribbon {
  height: 155px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  right: -10px;
  z-index: 1099;
}

.proposal_content .ribbon .ribbon-inner {
  text-align: center;
  color: #FFF;
  top: 30px;
  right: -40px;
  width: 200px;
  padding: 14px 3px;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-transform: uppercase;
}
.proposal_content .ribbon .ribbon-inner.ribbon-signed {
  background-color: #80A2FB;
  border-color: #80A2FB;
}
.proposal_content .ribbon .ribbon-inner.ribbon-rejected {
  background-color: #D31100;
  border-color: #D31100;
}
.proposal_content .ribbon .ribbon-inner.ribbon-expired {
  background-color: #B5B5B5;
  border-color: #B5B5B5;
}
.proposal_content .ribbon .ribbon-inner.ribbon-draft {
  background-color: #3FAFFF;
  border-color: #3FAFFF;
}
.proposal_content .ribbon .ribbon-inner.ribbon-active {
  background-color: #54A356;
  border-color: #54A356;
}
.proposal_content .ribbon .ribbon-inner.ribbon-activated {
  background-color: #B2CD63;
  border-color: #B2CD63;
}
.proposal_content .ribbon .ribbon-inner.ribbon-converted {
  background-color: #F36529;
  border-color: #F36529;
}

@media (max-width: 767.98px) {
  .proposal_content {
    height: calc(100% - 75px);
  }
  .proposal_content .ribbon {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
  }
  .proposal_content .ribbon .ribbon-inner {
    transform: none;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.proposal-tabs-wrapper label {
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  font-size: 18px;
}
.proposal-tabs-wrapper .tabs-wrapper {
  margin-top: 0;
}
.proposal-tabs-wrapper .tabs-wrapper .tab-item {
  color: #6F6F6F;
  font-size: 16px;
  padding: 6px 0;
  cursor: pointer;
  margin-right: 25px;
}
.proposal-tabs-wrapper .tabs-wrapper .tab-item.active, .proposal-tabs-wrapper .tabs-wrapper .tab-item:hover {
  color: #000000;
  font-weight: 900;
}

#proposal-form .redactor-box.redactor-styles-on {
  border: none !important;
}
#proposal-form .card {
  border: none !important;
}
#proposal-form .card-header {
  border-top: 2px solid #ddd;
}

#proposal-form .new-page-wrapper .btn, #proposal-form .new-page-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #proposal-form .new-page-wrapper button, #proposal-form .new-page-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #proposal-form .new-page-wrapper button,
.proposal_content .new-page-wrapper .btn,
.proposal_content .new-page-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .proposal_content .new-page-wrapper button,
.proposal_content .new-page-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .proposal_content .new-page-wrapper button {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  width: 200px;
  font-size: 14px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  height: 44px;
  margin-bottom: 10px;
}
#proposal-form .new-page-wrapper small,
.proposal_content .new-page-wrapper small {
  font-size: 90%;
}

#proposal-notification-form .reminder-field,
#proposal-settings-form .reminder-field,
#proposal-form .reminder-field {
  position: relative;
  padding-right: 65px;
}
#proposal-notification-form .reminder-field input,
#proposal-settings-form .reminder-field input,
#proposal-form .reminder-field input {
  border-right: 0;
  border-radius: 0.25rem 0 0 0.25rem;
  height: calc(2.5rem + 2px) !important;
}
#proposal-notification-form .reminder-field .reminder-label-days,
#proposal-settings-form .reminder-field .reminder-label-days,
#proposal-form .reminder-field .reminder-label-days {
  color: #949494;
  text-transform: lowercase;
  width: 65px;
  padding: 9px 0;
  right: 0;
  position: absolute;
  text-align: center;
  top: 0;
  background: #FAFAFA;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  border-radius: 0px 0.25rem 0.25rem 0px;
}
#proposal-notification-form .select2-container .select2-selection--multiple .select2-search.select2-search--inline input:placeholder-shown,
#proposal-settings-form .select2-container .select2-selection--multiple .select2-search.select2-search--inline input:placeholder-shown,
#proposal-form .select2-container .select2-selection--multiple .select2-search.select2-search--inline input:placeholder-shown {
  display: block !important;
  width: 100% !important;
}

.redactor-full-height .redactor-box {
  height: 100%;
}
.redactor-full-height .redactor-box .redactor-in {
  min-height: 70%;
}

.redactor-container figure.full-width,
.redactor-container img.full-width,
.proposalPages figure.full-width,
.proposalPages img.full-width {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block;
}

#proposalRedactorContainer a {
  margin: 0 !important;
}
#proposalRedactorContainer h1:first-child {
  margin-top: 1.5rem;
}
#proposalRedactorContainer h2:first-child {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  #proposalRedactorContainer {
    width: calc(100% - 320px);
  }
}
.sd-btn-grid-switcher {
  background: #fff;
  padding: 5px 10px;
  font-size: 0.75rem;
  color: #444;
  border-radius: 15px;
  margin-right: 10px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: all 0.3s ease-in-out;
}
.sd-btn-grid-switcher:hover {
  background: #ececec;
  color: #444 !important;
  text-decoration: none !important;
}
.sd-btn-grid-switcher:focus {
  color: #444;
}
.sd-btn-grid-switcher:active {
  box-shadow: rgba(204, 204, 204, 0.5) 0px 0px 0px 2px;
}

.sd-btn-grid-switcher.active {
  background-color: #ececec;
  background-image: none;
  border-color: #b3b3b3;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.sd-btn-grid-switcher.active:hover {
  color: #444 !important;
}
.sd-btn-grid-switcher.active:focus {
  color: #444;
}

#proposalPageViewForMargins {
  height: 100%;
  overflow: hidden;
}

#proposalRedactorContainer {
  flex-grow: 1;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.RightBar .template-name {
  width: 100%;
  border-radius: 1rem !important;
  margin-bottom: 5px;
  text-align: left;
  display: block;
  white-space: normal;
}
.RightBar .template-name .radiobox {
  padding: 0;
}
.RightBar .template-name label {
  display: block;
  margin-bottom: 0;
  padding: 0.22rem;
}
.RightBar .template-name label input {
  visibility: hidden;
}
.RightBar .template-name label .label-text:before {
  display: none;
}
.RightBar .form-oscar label {
  font-weight: 500;
}
.RightBar .form-oscar .proposal-fontSize {
  border-right: 0;
  border-radius: 0.25rem 0 0 0.25rem !important;
}
.RightBar .form-oscar .input-group-addon {
  background: #FAFAFA;
  border-left: 1px solid #e4e9f0;
}
.RightBar .form-oscar .color-picker-swatch.color-picker-swatch-left {
  width: 40px;
}
.RightBar .form-oscar .form-control,
.RightBar .form-oscar .select2-selection--single {
  box-shadow: none;
}
.RightBar .form-oscar .color-picker-input-wrapper .form-control {
  padding-left: 50px;
  box-shadow: none;
}
.RightBar .templates-list-wrapper {
  margin: 0 0 40px 0;
}
.RightBar .settings-row .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
.RightBar .settings-row .col-md-6 .form-group {
  margin-bottom: 24px;
}
.RightBar .settings-row .col-md-6 .form-group .form-control {
  height: 2.5rem;
  border-radius: 8px !important;
  color: #000;
  padding-left: 16px;
}
.RightBar .settings-row .col-md-6 .form-group .color-picker-input-wrapper .form-control {
  padding-left: 56px;
}
.RightBar .settings-row .col-md-6 .form-group .color-picker-input-wrapper .color-picker-swatch.color-picker-swatch-left {
  height: 40px;
  border-radius: 8px 0px 0px 8px !important;
}
.RightBar .settings-row .col-md-6 .form-group .proposal-fontSize {
  border-radius: 8px 0 0 8px !important;
}
.RightBar .settings-row .col-md-6 .form-group .input-group-addon {
  border-radius: 0 8px 8px 0 !important;
  height: 40px;
  width: 48px;
}
.RightBar .settings-row .col-md-6 label {
  color: #000;
  margin-bottom: 8px;
}

.cbe-block-signature-form-wrapper .form-signature-wrap .card {
  z-index: 10;
}

.cbe-block-signature-form-wrapper .form-signature-wrap .card .card-block {
  padding: 2.25rem 3.3rem;
}

.sd-type-switcher__tabs {
  border-radius: 7px;
}

.input-group__with-switcher input {
  border-right: 0;
  border-radius: 0.25rem 0 0 0.25rem !important;
}
.input-group__with-switcher .input-group-addon {
  background-color: #fff !important;
  padding: 0;
  border-left: 0;
}
.input-group__with-switcher .input-group-addon .input-group-addon-switcher .select2-container--default.select2 {
  width: 30px !important;
  padding-bottom: 10px;
  padding-top: 10px;
}
.input-group__with-switcher .input-group-addon .input-group-addon-switcher .select2-container--default {
  min-height: auto;
}
.input-group__with-switcher .input-group-addon .input-group-addon-switcher .select2-selection--single {
  border: none;
  background-color: transparent;
  height: 20px !important;
  padding: 0;
  justify-content: center;
  align-items: normal;
}
.input-group__with-switcher .input-group-addon .input-group-addon-switcher .select2-selection__arrow {
  display: none;
}
.input-group__with-switcher .input-group-addon .input-group-addon-switcher .select2-selection__rendered {
  padding: 0;
  line-height: 20px;
}

.external-user .navbar {
  padding-right: 7px !important;
}

.cportal-admin {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cportal-admin .cportal-widget-list {
  margin-top: 0;
}
.cportal-admin .floating-slip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  background-color: white;
  opacity: 1;
  z-index: 2000;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  border: 2px dashed #ccc;
  overflow: hidden;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cportal-admin .floating-slip * {
  pointer-events: none;
}
.cportal-admin .floating-slip .widget-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.cportal-admin .floating-slip .widget-wrapper .widget-heading {
  margin: auto;
  padding: 0;
}
.cportal-admin .floating-slip .widget-wrapper .widget-heading h1 {
  font-size: 1.2857142857em;
}
.cportal-admin .floating-slip .widget-wrapper .widget-config, .cportal-admin .floating-slip .widget-wrapper .widget-content {
  display: none;
}
.cportal-admin .cportal-dashboard {
  margin-top: 0 !important;
}
.cportal-admin .cportal-dashboard:hover .edit-mode-btn {
  opacity: 1 !important;
  pointer-events: all !important;
}
.cportal-admin .cportal-dashboard .toolbar-wrap {
  display: none;
}
.cportal-admin .cportal-dashboard .sdd-widget-dock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: height ease 0.2s;
  transition: height ease 0.2s;
  margin: 1.4285714286em -0.7142857143em;
}
.cportal-admin .cportal-dashboard .sdd-widget-dock:first-child {
  margin-top: 0;
}
.cportal-admin .cportal-dashboard .sdd-widget-dock.temp-dock {
  height: 2.1428571429em;
  margin-top: 0;
  margin-bottom: 0;
  border: 2px dashed #ccc;
}
.cportal-admin .cportal-dashboard .sdd-widget-dock.temp-dock.colliding {
  height: 7.1428571429em;
  border: 0 none;
}
.cportal-admin .cportal-dashboard .sdd-widget-dock.temp-dock.colliding .colliding {
  border: 2px dashed #ccc;
}
.cportal-admin .cportal-dashboard .sdd-widget-dock.empty {
  height: 10.7142857143em;
}
.cportal-admin .cportal-dashboard .widget-slip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
  padding: 0 0.7142857143em;
  border: 2px dashed transparent;
}
.cportal-admin .cportal-dashboard .widget-slip.colliding {
  border-color: #ccc;
}
.cportal-admin .cportal-dashboard .widget-slip.stacked-slip .slip.temp {
  border: 2px dashed transparent;
}
.cportal-admin .cportal-dashboard .widget-slip .slip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 1.4285714286em;
  margin-bottom: 1.4285714286em;
  background-color: white;
}
.cportal-admin .cportal-dashboard .widget-slip .slip:last-child {
  margin-bottom: 0;
}
.cportal-admin .cportal-dashboard .widget-slip .slip.floating {
  position: relative;
}
.cportal-admin .cportal-dashboard .widget-slip .slip.floating .shell-widget {
  opacity: 0;
}
.cportal-admin .cportal-dashboard .widget-slip .slip.floating:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
  padding: 1.4285714286em;
  margin: -1.4285714286em;
}
.cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget:hover {
  cursor: move;
}
.cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget .widget-config {
  position: absolute;
  top: 0;
  right: 0;
}
.cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget .widget-config .btn, .cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget .widget-config .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget .widget-config button, .cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget .widget-config .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .cportal-admin .cportal-dashboard .widget-slip .slip .shell-widget .widget-config button {
  padding: 0.3125rem;
}
.cportal-admin .cportal-dashboard .widget-slip .slip .icon-move {
  margin: auto 0;
  font-size: 1.4285714286em;
}
.cportal-admin .cportal-dashboard .widget-slip .slip .widget-heading {
  margin: auto;
  text-align: center;
  padding: 0;
}
.cportal-admin .cportal-dashboard .widget-slip .slip .widget-heading h1 {
  word-break: break-all;
  text-transform: uppercase;
  font-size: 2.1428571429em;
}
.cportal-admin .available-widgets {
  position: relative;
  opacity: 1;
}
.cportal-admin .available-widgets.ng-hide-add.ng-hide-add-active, .cportal-admin .available-widgets.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.cportal-admin .available-widgets.ng-hide {
  height: 0;
  opacity: 0;
}
.cportal-admin .available-widgets .widget-float {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  background-color: white;
  z-index: 2;
  padding: 15px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cportal-admin .available-widgets .widget-float * {
  pointer-events: none;
}
.cportal-admin .available-widgets .sd-widget-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 1;
  position: relative;
}
.cportal-admin .available-widgets .sd-widget-list.ng-move, .cportal-admin .available-widgets .sd-widget-list.ng-enter, .cportal-admin .available-widgets .sd-widget-list.ng-leave, .cportal-admin .available-widgets .sd-widget-list.ng-hide-add, .cportal-admin .available-widgets .sd-widget-list.ng-hide-remove {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.cportal-admin .available-widgets .sd-widget-list.ng-leave, .cportal-admin .available-widgets .sd-widget-list.ng-move.ng-move-active, .cportal-admin .available-widgets .sd-widget-list.ng-enter.ng-enter-active {
  opacity: 1;
  top: 0;
}
.cportal-admin .available-widgets .sd-widget-list.ng-move, .cportal-admin .available-widgets .sd-widget-list.ng-enter, .cportal-admin .available-widgets .sd-widget-list.ng-leave.ng-leave-active {
  opacity: 0;
  top: 150px;
}
.cportal-admin .available-widgets .sd-widget-list .sd-widget {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.cportal-admin .available-widgets .sd-widget-list .sd-widget:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cportal-admin .available-widgets .sd-widget-list .sd-widget:first-child {
  margin-left: 0;
}
.cportal-admin .available-widgets .sd-widget-list .sd-widget.in-use {
  position: relative;
  cursor: not-allowed;
}
.cportal-admin .available-widgets .sd-widget-list .sd-widget.in-use:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #dfdfdf;
  opacity: 0.2;
  cursor: not-allowed;
}
.cportal-admin .available-widgets .sd-widget-list .sd-widget.in-use:after {
  pointer-events: none;
  content: "in use";
  position: absolute;
  font-size: 10px;
  font-style: italic;
  bottom: 5px;
  right: 5px;
}

.content-wrapper-fixed {
  z-index: 100;
}
.content-wrapper-fixed .main-wrapper {
  width: 0;
  padding: 0;
}
.content-wrapper-fixed .main-wrapper > .widget-list {
  margin: 0.7142857143em 0 0;
  position: fixed;
  top: 5.625rem;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.sidebar-expand .content-wrapper-fixed .main-wrapper > .widget-list {
  left: 14.375rem;
}
.sidebar-collapse .content-wrapper-fixed .main-wrapper > .widget-list {
  left: 3.75rem;
}
.content-wrapper-fixed .main-wrapper > .widget-list .row {
  max-height: 100%;
  margin-left: 0;
  margin-right: 0;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin .widget-bg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 2px;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  padding: 0;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin .widget-bg .cp-title {
  -webkit-box-flex: 1 0 4.2857142857em;
  -moz-box-flex: 1 0 4.2857142857em;
  -webkit-flex: 1 0 4.2857142857em;
  -ms-flex: 1 0 4.2857142857em;
  flex: 1 0 4.2857142857em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1.4285714286em;
  background-color: white;
  border: 1px solid #ddd;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin .widget-bg .cp-title h3 {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 1.4285714286em;
  line-height: 1.4285714286em;
  padding-left: 0.7142857143em;
  text-transform: uppercase;
  white-space: nowrap;
  margin: auto 0 !important;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin .widget-bg .widget-list {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: 0;
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin .widget-bg .widget-list .form {
  margin-top: 0;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cportal-admin .widget-bg .widget-list .form .card-block {
  padding: 1.25rem 0;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cp-save-in-progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  padding: 0.7142857143em 0;
  right: 0.3571428571em;
  bottom: 0.3571428571em;
  opacity: 1;
  min-height: 1.4285714286em;
  min-width: 10.7142857143em;
  background-color: #f9edbe;
  border: 1px solid #f0c36d;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.content-wrapper-fixed .main-wrapper > .widget-list .cp-save-in-progress span {
  padding: 0 0.3571428571em;
  font-style: italic;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cp-save-in-progress.ng-hide-add.ng-hide-add-active, .content-wrapper-fixed .main-wrapper > .widget-list .cp-save-in-progress.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.content-wrapper-fixed .main-wrapper > .widget-list .cp-save-in-progress.ng-hide {
  bottom: -7.1428571429em;
  opacity: 0;
}

.sd-ma-transactions-grid-item {
  line-height: 45px;
  margin-bottom: 0 !important;
}

.sd-ma-transactions-grid-item-status {
  line-height: 45px;
  margin-bottom: 0 !important;
}

.cp-dashboard-preview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
}

.task-description p {
  padding: 1.4285714286em 1.0714285714em 0.3571428571em;
  margin: 0;
}

#pm-tasks-form .assign-user-options {
  width: 100%;
  padding: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}
#pm-tasks-form .assign-user-options .form-group {
  margin-top: 0;
  margin-bottom: 1rem;
}
#pm-tasks-form .assign-user-options .form-group:last-child {
  margin-bottom: 0 !important;
}
#pm-tasks-form .assign-user-options .form-group:last-child label {
  margin-bottom: 0 !important;
}
#pm-tasks-form .assign-user-options .checkbox span.label-text {
  font-weight: bold;
}
#pm-tasks-form .assign-user-options .checkbox span.label-text:after {
  background: #fff;
}

.clientApprovalHelperText {
  margin-left: 0;
  margin-top: -4px;
  padding-left: 2rem;
  color: #555 !important;
}

.assign-user-options .checkbox span.label-text {
  padding-left: 2rem;
}

.btn-sd-task-approval {
  background-color: #fff;
  color: #62775E;
  font-weight: 500 !important;
}
.btn-sd-task-approval:hover {
  background-color: #62775E;
  color: white;
  font-weight: 500 !important;
}

.btn-sd-task-reject {
  background-color: #fff;
  color: #EF6C6C;
  font-weight: 500 !important;
  padding: 0 25px 0 15px;
}
.btn-sd-task-reject:hover {
  background-color: #EF6C6C;
  color: white;
  font-weight: 500 !important;
  padding: 0 25px 0 15px;
}
.btn-sd-task-reject:active {
  background-color: #EF6C6C;
  color: white;
  font-weight: 500 !important;
  padding: 0 25px 0 15px;
}
.btn-sd-task-reject:focus {
  background-color: #EF6C6C;
  color: white;
  font-weight: 500 !important;
  padding: 0 25px 0 15px;
  border: 1px solid #ccc;
}

.btn-sd-recurring-task .material-icons {
  font-size: 16px !important;
}

.taskHistoryModalWrapper > div:first-child:not(.row) {
  height: 0 !important;
}

#pm-project-template .card-header {
  border-bottom: none;
}

.split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap {
  position: absolute;
  top: 10px;
  right: 0;
  display: flex;
  flex-direction: column;
}
.split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown {
  position: static;
  margin-bottom: 10px;
  width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 7px;
  transform: none;
}
.split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown .btn.btn-link.btn-options, .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link.btn-options, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown button.btn-link.btn-options, .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link.btn-options, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown button.btn-link.btn-options {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  width: 36px;
  height: 36px;
}
.split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown .btn.btn-link.btn-options .material-icons, .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link.btn-options .material-icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown button.btn-link.btn-options .material-icons, .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link.btn-options .material-icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown button.btn-link.btn-options .material-icons {
  position: static;
  transform: none;
  left: unset;
  top: unset;
}
.split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .btn.btn-secondary.p-1.mr-2, .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary.p-1.mr-2, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap button.btn-secondary.p-1.mr-2, .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary.p-1.mr-2, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap button.btn-secondary.p-1.mr-2 {
  width: 36px !important;
}

.phase-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.phase-progress .progress-color {
  width: 100px;
}
.phase-progress .progress-level {
  position: absolute;
  margin: 0 !important;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1 !important;
  transform: translate(-50%, -50%);
}

body.sd-dark-mode .split-view-row[sd-oscar-grid-view=pm-tasks-grid] .options-btns-wrap .dropdown {
  border: none;
}

.recurring-form-block select.form-control {
  width: 100% !important;
}
.recurring-form-block table th {
  padding: 5px 10px 5px 0;
  text-align: left;
}
.recurring-form-block .input-group .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.recurring-form-block .input-group .input-group-addon {
  padding: 0 5px;
  line-height: 30px;
  background: transparent;
  border: 0;
}

.recurring-form--creatingTask {
  padding: 0.5rem;
  padding-left: 1rem;
}
.recurring-form--creatingTask .recurring-form-visibleInput {
  width: 180px;
}
.recurring-form--creatingTask .recurring-form-wrap {
  gap: 1rem;
}
.recurring-form--creatingTask .recurring-form-label {
  font-weight: 700;
}
.recurring-form--creatingTask .recurring-form-label.leftSideLabel {
  min-width: 20%;
  max-width: 20%;
  width: 20%;
}
.recurring-form--creatingTask .checkbox {
  padding: 0;
}
.recurring-form--creatingTask .checkbox label {
  margin: 0;
}

@media (max-width: 768px) {
  .recurring-form--creatingTask .mobileColumn {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem;
  }
  .recurring-form--creatingTask .flexShrink0 {
    flex-shrink: 0;
  }
  .recurring-form--creatingTask .mobileFullWidth {
    width: 100%;
  }
  .recurring-form--creatingTask .recurring-form-visibleInput {
    width: 150px;
  }
  .recurring-form--creatingTask .recurring-form-label.leftSideLabel {
    min-width: 30%;
    max-width: 30%;
    width: 30%;
  }
  .recurring-form--creatingTask .relativeDueDateBlock {
    flex-wrap: wrap;
  }
  .recurring-form--creatingTask .relativeDueDateOptions {
    width: 100%;
  }
}
#timerView .view-timer .timer-wrap .sd-timer-counter timer-control {
  margin: unset;
}

#timerView .view-timer .timer-wrap .sd-timer-counter timer-control .timer-control {
  padding: 5px 0 0 15px;
}

#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap {
  padding: 0 10px 0 0;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-rate-wrap .entity-timer-rate {
  width: 40px;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input:first-child {
  padding-left: 7px;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.error {
  border: 1px solid rgba(168, 102, 102, 0.8);
}
@media (max-width: 410px) {
  #taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input {
    width: 75px;
  }
}

#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-rate-wrap {
  flex: 0 0 auto;
  width: auto;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-rate-wrap::before, #taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-rate-wrap::after {
  display: none;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-rate-wrap .entity-timer-rate {
  flex: 0 0 auto;
  width: auto;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-manual-wrap.is-manual-timer {
  align-items: center;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-manual-wrap button.set-manual-timer {
  width: 14px;
  height: 14px;
}
#taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input.entity-timer-manual-wrap button.set-manual-timer svg {
  width: 14px;
  height: 14px;
  fill: #858585;
}

/* Kanban Page
========================*/
.kanban-container {
  height: calc(100vh - 21.6rem);
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.kanban-container .kanban-container__header .kanban-container__header-additionalContainer {
  flex-shrink: 0;
  max-width: 50%;
}
.kanban-container .kanban-container__header .btn-list {
  column-gap: 4px;
  row-gap: 4px;
}
.kanban-container .kanban-container__header .btn-list svg {
  width: 20px;
  height: 20px;
  fill: #555;
}
.kanban-container .kanban-container__header .btn-list .btn, .kanban-container .kanban-container__header .btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .kanban-container .kanban-container__header .btn-list button, .kanban-container .kanban-container__header .btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .kanban-container .kanban-container__header .btn-list button {
  height: 28px !important;
  line-height: 1;
}
.kanban-container .kanban-container__header .btn-list.btn-list--right svg {
  display: none;
}
@media (max-width: 450px) {
  .kanban-container .kanban-container__header .btn-list .btn, .kanban-container .kanban-container__header .btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .kanban-container .kanban-container__header .btn-list button, .kanban-container .kanban-container__header .btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .kanban-container .kanban-container__header .btn-list button {
    font-size: 0;
  }
  .kanban-container .kanban-container__header .btn-list.btn-list--right svg {
    display: block;
  }
}
.kanban-container .kanban-container__header .add-btn {
  column-gap: 4px;
}
.kanban-container .kanban-container__header .add-btn svg {
  width: 18px;
  height: 18px;
  fill: #555;
}
.kanban-container .kanban-board {
  flex: 1;
  white-space: nowrap;
  overflow-x: auto;
  display: flex;
  user-select: none;
  column-gap: 10px;
  padding-bottom: 16px;
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
}
.kanban-container .kanban-board::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #eee;
}
.kanban-container .kanban-board::-webkit-scrollbar {
  width: 100%;
  height: 6px;
  background-color: #eee;
}
.kanban-container .kanban-board::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.kanban-container .kanban-board .card-kanban {
  user-select: none;
  outline: none !important;
  cursor: grab;
  margin-bottom: 0.6rem;
}
.kanban-container .kanban-board .card-kanban .card-body {
  padding: 1rem;
}
.kanban-container .kanban-board .card-kanban .card-body .card-options {
  position: absolute;
  top: 1rem;
  right: 0.75rem;
}
.kanban-container .kanban-board .card-kanban .card-body .title {
  cursor: pointer;
}
.kanban-container .kanban-board .card-kanban .card-title {
  margin-bottom: 0.75rem;
  word-break: break-all;
}
.kanban-container .kanban-board .card-kanban .info-wrap {
  white-space: normal;
}
.kanban-container .kanban-board .card-kanban .info-wrap .title {
  margin-bottom: 0.5rem;
}
.kanban-container .kanban-board .card-kanban .category-pill {
  white-space: nowrap;
}
.kanban-container .kanban-board .card-kanban .options-btns-wrap {
  position: absolute;
  top: 12px;
  right: 8px;
}
.kanban-container .kanban-board .card-kanban .options-btns-wrap .dropdown-toggle {
  padding: 0 !important;
  width: 24px;
  height: 24px;
}
.kanban-container .kanban-board > .kanban-col {
  user-select: none;
  flex: 1 0 auto;
  width: 100%;
  max-height: 100%;
  outline: none !important;
}
@media (min-width: 576px) {
  .kanban-container .kanban-board > .kanban-col {
    max-width: 19.5rem;
  }
}
.kanban-container .kanban-board > .kanban-col .card-list {
  margin-bottom: 0.75rem;
  border-radius: 0.4rem;
  padding: 1rem 0.75rem;
  background: #fff;
  border: 1px solid #ccc;
  user-select: none;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-bottom: 1rem !important;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .logo-wrap {
  flex: 0 0 20px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
  border: 0;
  padding: 0;
  text-align: center;
  min-width: 20px;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .logo-wrap figure {
  margin: 0;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .logo-wrap img {
  width: 20px;
  height: 20px;
  display: block;
  max-width: 100%;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .info-wrap {
  flex: 1 1 auto;
  white-space: normal;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .info-wrap .userName {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap {
  flex: 0 0 24px;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button {
  width: 24px;
  height: 24px;
  padding: 0 !important;
  position: relative;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button .material-icons {
  display: none;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button:before, .kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button:after {
  content: "";
  display: block;
  position: absolute;
  background: #0a0a0a;
  margin: 0;
  border: 0;
  box-shadow: none;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button:before {
  width: 20px;
  height: 2px;
  left: 2px;
  top: 50%;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button:after {
  width: 2px;
  height: 20px;
  left: 50%;
  top: 2px;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body {
  height: 100%;
  min-height: 50vh;
  user-select: none;
  overflow-y: scroll;
  -ms-overflow-style: none;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body::-webkit-scrollbar {
  display: none;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body.has-scrollbar {
  position: relative;
  padding: 0;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body .kanban-hidden-card {
  height: 0 !important;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body .empty {
  padding: 20px 10px;
  position: relative;
  display: block;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body .ui-sortable-handle {
  margin-top: 0.75rem;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body .ui-sortable-handle:first-child {
  margin-top: 0;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-body .ui-sortable-handle .card-kanban {
  margin-bottom: 0;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-footer {
  padding-top: 0.75rem;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-footer .list-icon {
  vertical-align: middle;
}
.kanban-container .kanban-board > .kanban-col .card-list .card-list-footer .sd-kanban-add-task-text {
  top: 0 !important;
  font-weight: 400;
  font-size: 13px;
}
.kanban-container .kanban-board > .kanban-col .card-list .card {
  border-radius: 7px;
  border: 1px solid #eee !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
}
.kanban-container .kanban-board > .kanban-col .card-list .default-user-avatar {
  font-size: 0.8em;
  line-height: 0.9;
  font-weight: 500;
}
.kanban-container .task-pills {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  row-gap: 4px;
  column-gap: 4px;
}
.kanban-container .task-pills .task-pill.due-date {
  width: 100%;
  margin-bottom: 0.5rem;
}
.kanban-container .task-pills .task-pill.ng-hide + .task-pill {
  margin-left: 0;
}
.kanban-container .task-pills .task-pill .pill-prefix {
  padding-right: 4px;
}
.kanban-container .task-pills .task-pill .category-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px 7px;
  text-transform: capitalize;
  line-height: 1;
}

.switcher .select2-container--default {
  max-width: 300px;
  min-width: 200px;
}
@media (min-width: 576px) {
  .switcher .select2-container--default {
    max-width: 400px;
  }
}

.project-switcher-bar .projects-list {
  display: flex;
  align-items: center;
  padding: 2px;
  height: 36px;
  width: 36px;
  border: 2px solid #09a9f3;
  border-radius: 4px;
}
.project-switcher-bar .projects-list svg {
  height: 32px;
  width: 32px;
  fill: #09a9f3;
}

.project-overview .card-header .status-title,
.project-overview .card-header .updates-title,
.project-overview .card-header .history-title {
  font-weight: 700;
  text-transform: uppercase;
}
.project-overview .card-header .actions a {
  column-gap: 8px;
}
.project-overview .card-header .actions a .text {
  color: #09a9f3;
}
.project-overview .card-header .actions a .icon {
  color: #555;
}

pm-project-overview-admin .poa-display-setting {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
pm-project-overview-admin .poa-display-setting:last-child {
  margin-bottom: 0;
}
pm-project-overview-admin .poa-display-setting .poa-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
pm-project-overview-admin .poa-display-setting .poa-header .switchery {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
pm-project-overview-admin .poa-display-setting .poa-header .switchery-small {
  min-width: 33px;
}
pm-project-overview-admin .poa-display-setting .poa-header label {
  margin-left: 0.625rem;
}
pm-project-overview-admin .poa-display-setting .poa-block > div {
  padding: 1rem;
}
pm-project-overview-admin .poa-display-setting .poa-block > div:empty {
  padding: 0;
}
pm-project-overview-admin .poa-display-setting .poa-block p {
  margin-bottom: 0.5rem;
}
pm-project-overview-admin .poa-display-setting .poa-block .form-group {
  margin-bottom: 0;
}
pm-project-overview-admin .poa-display-setting .radiobox {
  padding: 0.5rem 0;
}
pm-project-overview-admin .poa-display-setting + .form-title {
  margin-top: 1rem;
}
pm-project-overview-admin .poa-logo-upload {
  margin-top: 0.625rem;
}
pm-project-overview-admin .poa-logo-upload .crop-area {
  display: none;
}
pm-project-overview-admin .poa-logo-upload .crop-area .crop-wrap {
  height: 9.375rem;
  width: 9.375rem;
}
pm-project-overview-admin .poa-logo-upload .crop-area .btn-list {
  padding-left: 0;
  margin-top: 1.25rem;
}
pm-project-overview-admin .poa-logo-upload .uploaded-logo .btn-list {
  margin-top: 0.625rem;
}
pm-project-overview-admin .poa-logo-upload .logo-select .drop {
  position: relative;
  width: 100%;
  height: 9.375rem;
  border: 2px dashed #d5d5d5;
  margin-bottom: 1.25rem;
  background-color: #fcfcfc;
}
pm-project-overview-admin .poa-logo-upload .logo-select .drop.dragover {
  border-color: #bbbbbb;
}
pm-project-overview-admin .poa-logo-upload .logo-select .drop:before {
  content: "Drop your logo";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
pm-project-overview-admin .poa-logo-upload.cropping .crop-area {
  display: block;
}
pm-project-overview-admin .poa-logo-upload.cropping .logo-select {
  display: none;
}
pm-project-overview-admin .sd-switchery-wrapper label {
  font-weight: normal;
}

.outlook_send_datetime .glyphicon-chevron-up:before {
  font-family: FontAwesome;
  content: "\f106";
  display: inline-block;
  vertical-align: middle;
}
.outlook_send_datetime .glyphicon-chevron-down:before {
  font-family: FontAwesome;
  content: "\f107";
  display: inline-block;
  vertical-align: middle;
}

.global-settings-wrapper .radiobox {
  margin-left: 0;
}
.global-settings-wrapper .sub-item {
  margin-left: 1em;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.project-overview {
  row-gap: 16px;
}
.project-overview .welcome-block .welcome-message {
  position: relative;
}
.project-overview .welcome-block .welcome-message span {
  display: block;
}
.project-overview .welcome-block .welcome-long-text {
  margin-top: 0.625rem;
}
.project-overview .welcome-block .welcome-long-text .welcome-long-text__show-more-link {
  display: flex;
  justify-content: flex-end;
  font-style: normal;
  text-decoration: none;
  font-weight: 500;
}
@media (max-width: 767px) {
  .project-overview .welcome-block .welcome-long-text .welcome-long-text__show-more-link {
    justify-content: flex-start;
  }
}
.project-overview .welcome-block .welcome-long-text *:last-child {
  margin-bottom: 0;
}
.project-overview .welcome-block .welcome-long-text.short-text > div {
  max-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-overview .project-overview-details {
  column-gap: 16px;
}
.project-overview .project-overview-details > div {
  flex-shrink: 1 !important;
  row-gap: 16px;
}
.project-overview .card .card-header {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  /* > * {
    line-height: 1;
    @include flex(1 1 100%);
  } */
  /* .actions {
    @include display-flex();
    @include flex(1 1 auto);
    text-align: center;
    margin-right: $margin;
    > div[ng-click] {
      &.refreshing {
        animation: rotate 1s linear both infinite;
      }
    }
  } */
}
.project-overview .card .card-header [ng-click] {
  cursor: pointer;
  user-select: none;
}
.project-overview .card .card-header .actions {
  display: flex;
  margin-left: auto;
}
.project-overview .card.minimized .card-block {
  display: none !important;
}
.project-overview .updates-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.project-overview .updates-title > span {
  margin: auto 0;
}
.project-overview .updates-title .search-updates {
  border-left: 1px solid #ccc;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-left: 0.46875rem;
}
.project-overview .updates-title .search-updates .po-search {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
  box-shadow: none;
  border: 0 none;
  height: 100%;
}
.project-overview .updates-title .search-updates .po-search:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.project-overview .updates-title .search-updates .po-search[disabled], .project-overview .updates-title .search-updates .po-search[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .project-overview .updates-title .search-updates .po-search {
    min-height: 42px;
    font-size: 14px;
  }
  .project-overview .updates-title .search-updates .po-search:not(textarea) {
    height: auto !important;
  }
}
.project-overview .updates-title .search-updates .po-search.standard-multiselect {
  height: auto !important;
}
.project-overview .updates .update-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 3.125rem;
  margin: -1.25rem -1.25rem 0 -1.25rem;
}
.project-overview .updates .update-list .carousel-nav {
  height: 100%;
  border-radius: 0;
}
.project-overview .updates .update-list .carousel-wrap {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
  width: auto;
  height: 50px;
  overflow: hidden;
  margin: 0 0.625rem;
}
.project-overview .updates .update-list ul {
  min-width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
}
.project-overview .updates .update-list ul li {
  text-align: center;
  width: 5.9375rem;
  display: inline-block;
  padding: 0.625rem 0;
  margin: 0 3px;
  cursor: pointer;
  border-bottom: 5px solid transparent;
}
.project-overview .updates .update-list ul li.active {
  border-bottom-color: #ccc;
}
.project-overview .updates .update-list ul li:hover:not(.active) {
  border-bottom-color: #eee;
}
.project-overview .updates .carousel .carousel-item {
  transition: none;
}
.project-overview .updates .carousel .carousel-item .slide {
  margin: 1.25rem 0;
}
.project-overview .updates .carousel .carousel-item .slide *:last-child {
  margin-bottom: 0;
}
.project-overview .history.hide-progress .progress-head, .project-overview .history.hide-progress .update-progress, .project-overview .history.hide-progress .progressbar {
  display: none;
}
.project-overview .history.hide-status .status-head, .project-overview .history.hide-status .update-row .status {
  display: none;
}
.project-overview .history table {
  table-layout: fixed;
}
.project-overview .history tr > th {
  text-transform: uppercase;
  padding-bottom: 0.46875rem;
}
.project-overview .history tr > td, .project-overview .history tr > th {
  padding: 0.25rem 0 0.25rem 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  color: #9f9f9f;
}
.project-overview .history .update-row {
  cursor: pointer;
}
.project-overview .history .update-row .progress-percent {
  display: inline-block;
  width: 4rem;
  text-align: center;
  background-color: #40779f;
  border-radius: 0.5rem;
  color: #fff;
}
.project-overview .history .update-row .progress-yellow {
  color: black;
}
.project-overview .history .update-row.active td {
  font-weight: bold;
  font-style: oblique;
  background-color: rgba(238, 238, 238, 0.5);
}
.project-overview .history .update-row:hover td {
  background-color: rgba(238, 238, 238, 0.2);
}
.project-overview .po-client-talk .ct-thread {
  margin-bottom: 1.25rem;
}
.project-overview .po-client-talk .ct-thread ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.project-overview .po-client-talk .ct-thread ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0.625rem 0;
}
.project-overview .po-client-talk .ct-thread ul li.ct-message.ct-reply {
  margin-left: 3.125rem;
}
.project-overview .po-client-talk .ct-thread ul li .reply-block {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0.625rem;
  border: 1px solid #eee;
  margin-right: 0.625rem;
  height: 100%;
}
.project-overview .po-client-talk .ct-thread ul li .reply-block .author {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
}
.project-overview .po-client-talk .ct-thread ul li .avatar {
  -webkit-align-self: flex-end;
  -moz-box-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  -webkit-box-flex: 1 1 3.125rem;
  -moz-box-flex: 1 1 3.125rem;
  -webkit-flex: 1 1 3.125rem;
  -ms-flex: 1 1 3.125rem;
  flex: 1 1 3.125rem;
}
.project-overview .po-client-talk .ct-thread ul li .avatar figure {
  margin-bottom: 0;
}

.project-switcher h2 {
  padding: 15px 0;
}
.project-switcher h3 {
  padding: 15px 0;
}
.project-switcher h4 {
  padding: 10px 0;
}
.project-switcher h5 {
  padding: 8px 0;
}
.project-switcher h6 {
  padding: 8px 0;
}
.project-switcher a {
  color: #09a9f3;
  text-decoration: underline;
  font-style: italic;
}
.project-switcher .project-status {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.project-switcher .project-status .sd-update-select-by-click {
  position: relative;
  z-index: 0;
}
.project-switcher .project-status .sd-update-select-by-click .project-status-bg {
  z-index: -1;
}
.project-switcher .project-status .badge-info,
.project-switcher .project-status .sd-update-select-by-click-view-value {
  display: flex;
  align-items: center;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  justify-content: center;
  height: 35px;
  background-color: transparent !important;
}
.project-switcher .project-status .sd-update-select-by-click-view-value {
  font-size: 0.75rem !important;
  background-color: #03a9f3;
  border-color: #03a9f3;
  font-weight: 200;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.project-switcher .project-status-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.project-switcher .select2-container--default {
  min-height: unset;
}
.project-switcher .select2 .select2-selection--single {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px !important;
}
.project-switcher .select2 .select2-selection--single .select2-selection__rendered {
  white-space: nowrap;
}
.project-switcher .box-title {
  margin: 0;
  word-break: break-all;
}

#select2-selectedProject-results li {
  word-break: break-all;
}

.project-overview .project-switcher__header .mr-md-4 {
  display: flex;
  align-items: center;
}

.project-overview .welcome-block .box-title p {
  margin-bottom: 0 !important;
  line-height: 1.4;
}

.project-overview-switcher-block {
  margin-left: auto;
}
.project-overview-switcher-block .box-uid {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  height: 35px;
}

.project-switcher-bar .switcher {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .project-switcher-bar .switcher {
    margin-left: 0.25rem;
    max-width: 65%;
  }
}
@media (max-width: 389px) {
  .project-switcher-bar .switcher {
    max-width: 55%;
  }
  .project-switcher-bar .switcher .select2 {
    min-width: 120px;
  }
}
.project-switcher-bar .projects-list {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .project-switcher-bar .projects-list {
    margin-left: 0.25rem;
  }
}

.work-request-view .invoiceTable {
  min-width: unset;
}

.project-overview ui-knob svg text {
  font-size: 30px;
}

.project-progress .card-header {
  display: flex;
}
.project-progress .card-header .actions {
  display: flex;
  margin-left: auto;
}

.project-reminders-settings__form-group {
  display: flex;
  align-items: center;
}

.project-reminders-settings__checkbox {
  display: flex;
  width: 100%;
  max-width: 280px;
}
.project-reminders-settings__checkbox label {
  font-size: 14px !important;
}

.project-reminders-settings__text input {
  margin-right: 14px !important;
  width: 40px !important;
  max-height: 36px !important;
}

@media (max-width: 655px) {
  .project-reminders-settings__form-group {
    flex-direction: column;
    align-items: flex-start;
  }
  .project-reminders-settings__form-group .project-reminders-settings__text {
    display: flex;
    align-items: center;
  }
  .project-reminders-settings__form-group .project-reminders-settings__text input {
    margin-left: 28px !important;
    margin-right: 8px !important;
  }
  .project-reminders-settings__form-group .project-reminders-settings__text span {
    font-size: 12px;
  }
}
.card.pm-archive-card {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.card.pm-archive-card .gridview-header {
  padding: 12px 15px;
}

.card.pm-archive-card .gridview-header .grid-head-title {
  margin: 0;
  padding: 0;
}

.estimatedValue__block {
  column-gap: 12px;
}
.estimatedValue__block > div {
  width: 50%;
}

@media (max-width: 480px) {
  .estimatedValue__block {
    flex-direction: column;
    row-gap: 12px;
  }
  .estimatedValue__block > div {
    width: 100%;
  }
}
.file-upload-widget .drop-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  min-height: 14.2857142857em;
}
.file-upload-widget .drop-box p {
  display: inline-block;
  margin: auto;
}
.file-upload-widget .file-list {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-height: 28.5714285714em;
  padding: 0.6rem;
  overflow-y: auto;
}
.file-upload-widget .file-list ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.file-upload-widget .file-list ul .file {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #ccc;
  padding: 0.5rem 0;
}
.file-upload-widget .file-list ul .file:first-child {
  border-top: 0 none;
}
.file-upload-widget .file-list ul .file .info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
  gap: 0.5rem;
}
.file-upload-widget .file-list ul .file .info .wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
.file-upload-widget .file-list ul .file .info span {
  padding-left: 0.3571428571em;
  text-align: left;
  margin: auto 0;
}
.file-upload-widget .file-list ul .file .info .fileName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-widget .file-list ul .file .info .progress {
  flex: 1 1 auto;
  margin: 0 !important;
}
.file-upload-widget .file-list ul .file .info .progress .progress-bar {
  text-indent: 1%;
}
.file-upload-widget .file-list ul .file .info button {
  flex: 0 0 auto;
  width: 55px;
  max-width: 55px;
  margin: 0 !important;
}
.file-upload-widget .file-list ul .file .error {
  color: red;
}

@keyframes pulse {
  50% {
    box-shadow: 0 0 0 1px rgba(246, 106, 106, 0.2), 0 0 0 2px rgba(246, 106, 106, 0.4), 0 0 0 3px rgba(246, 106, 106, 0.5);
  }
}
@media (max-width: 961px) {
  .wrapper.fix-top .notification-sidebar-wrapper {
    top: 0;
    height: auto;
  }
}
.wrapper .notification-sidebar-wrapper {
  top: 5.625rem;
  height: calc(100% - 90px);
}

.top-nav-link .icon-wrapper {
  position: relative;
  height: 30px;
}
.top-nav-link .notifications-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  height: 20px;
  min-width: 20px;
  font-size: 13px;
  color: #fff;
  position: absolute;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  background: #c40000;
  right: 0;
  transform: translate(50%, 0);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .top-nav-link .notifications-counter {
    top: -4px;
  }
}
/*@-moz-document url-prefix() {
	.top-nav-link {

		.notifications-counter {
			top: -2px;
			right: 8px;
			line-height: 18px;
		}
	}
}*/
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .top-nav-link .notifications-counter {
      top: -3px;
      left: 13px;
      line-height: 18px;
    }
  }
}
body.notification-sidebar-expand {
  overflow: hidden;
}

.notification-sidebar-wrapper {
  position: fixed;
  display: grid;
  grid-template-rows: 64px 64px auto;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 520px;
  background: #fff;
  z-index: 1001;
  border-left: 0.3125rem solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  animation-duration: 250ms;
}
.notification-sidebar-wrapper.no-notifications {
  grid-template-rows: 64px auto;
}
@media (max-width: 470px) {
  .notification-sidebar-wrapper {
    width: 100%;
  }
}
.notification-sidebar-wrapper .empty-grid-svg {
  width: 50%;
  display: block;
  margin: 50px auto;
}
.notification-sidebar-wrapper .stretched-link {
  position: absolute;
  top: -20px;
  right: 0;
  bottom: -20px;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.notification-sidebar-wrapper .position-relative {
  position: relative;
}
.notification-sidebar-wrapper .sidebar-block-wrapper {
  padding: 5px 15px 5px 25px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #E6E6E6;
  font-size: 16px;
}
.notification-sidebar-wrapper .sidebar-header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 110;
  padding: 1rem;
  height: 64px;
}
@media (min-width: 768px) {
  .notification-sidebar-wrapper .sidebar-header {
    padding: 18px 22px 18px 14px;
  }
}
.notification-sidebar-wrapper .sidebar-header h2 {
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
}
.notification-sidebar-wrapper .sidebar-header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #555;
  opacity: 1;
  background: transparent;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  float: none;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.notification-sidebar-wrapper .sidebar-header .close:before, .notification-sidebar-wrapper .sidebar-header .close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.notification-sidebar-wrapper .sidebar-header .close:before {
  transform: translateY(-50%) rotate(45deg);
}
.notification-sidebar-wrapper .sidebar-header .close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.notification-sidebar-wrapper .sidebar-header .close i {
  display: none;
  color: #555;
  font-size: 1.5rem;
}
.notification-sidebar-wrapper .sidebar-header .close:hover, .notification-sidebar-wrapper .sidebar-header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.notification-sidebar-wrapper .notification-tabs {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  align-items: center;
  grid-template-columns: auto 45px;
  display: grid;
}
.notification-sidebar-wrapper .notification-tabs .tab-item a {
  color: #000000;
}
.notification-sidebar-wrapper .notification-tabs .ng-hide.ng-hide-animate {
  display: none !important;
}
.notification-sidebar-wrapper .notification-tabs .tab-item {
  display: inline-block;
}
.notification-sidebar-wrapper .notification-tabs .tab-item .tab-link {
  margin-right: 24px;
}
.notification-sidebar-wrapper .notification-tabs .tab-item .tab-link.active, .notification-sidebar-wrapper .notification-tabs .tab-item .tab-link:hover {
  border-bottom: 1px solid #2D9BF0;
}
.notification-sidebar-wrapper .notification-tabs .dropdown-toggle,
.notification-sidebar-wrapper .notification-tabs .toggle-filter {
  display: block;
  text-align: center;
  width: 45px;
}
.notification-sidebar-wrapper .notification-tabs .search-filter .search {
  border: none;
}
.notification-sidebar-wrapper .notification-tabs .search-filter .notification-type-filter-result {
  background: #F2F2F2;
  width: 60px;
  color: #6F6F6F;
  border-radius: 9999px;
  font-size: 12px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
}
.notification-sidebar-wrapper .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.notification-sidebar-wrapper .dropdown .dropdown-menu .dropdown-item {
  color: #000000;
  font-size: 16px;
  line-height: 34px;
}
.notification-sidebar-wrapper .dropdown .dropdown-menu .dropdown-item i {
  width: 30px;
}
.notification-sidebar-wrapper .sidebar-content {
  width: 100%;
  position: relative;
}
.notification-sidebar-wrapper .sidebar-content:not(.ps--theme_default) {
  overflow-y: auto !important;
}
.notification-sidebar-wrapper .sidebar-content.first-loading:after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 101;
}
.notification-sidebar-wrapper .sidebar-content.first-loading:before {
  animation: loading-spin-centered 1s infinite steps(1000);
  display: block !important;
  position: absolute;
  content: " ";
  background-image: url(../../../../images/icons/replay.svg);
  background-size: 100px 100px;
  height: 108px;
  width: 100px;
  background-repeat: no-repeat;
  pointer-events: none;
  color: black;
  left: 50%;
  top: 40%;
  z-index: 1;
}
.notification-sidebar-wrapper .sidebar-content .no-results {
  height: 100%;
}
.notification-sidebar-wrapper .sidebar-content .no-results > div {
  text-align: center;
  max-width: 256px;
}
.notification-sidebar-wrapper .sidebar-content .no-results > div img {
  width: 100%;
}
.notification-sidebar-wrapper .sidebar-content .no-results > div h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.notification-sidebar-wrapper .sidebar-content .no-results > div p {
  font-size: 14px;
  line-height: 24px;
}
.notification-sidebar-wrapper .sidebar-content .notifications-loading {
  position: fixed;
  bottom: 25px;
  right: 250px;
}
.notification-sidebar-wrapper .sidebar-content .sd-notification-panel-item .sidebar-block-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 25px;
  padding-left: 0;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper-title {
  display: grid;
  grid-template-columns: auto 45px;
  cursor: pointer;
  padding: 5px 15px 5px 25px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #E6E6E6;
  font-size: 14px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper-title i {
  font-size: 16px;
  line-height: 21px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper-title.collapsed i.up {
  display: none;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper-title:not(.collapsed) i.down {
  display: none;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
  display: flex;
  cursor: pointer;
  position: relative;
}
@media (max-width: 470px) {
  .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
    grid-template-columns: 45px 315px 32px;
  }
}
@media (max-width: 430px) {
  .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
    grid-template-columns: 45px 280px 32px;
  }
}
@media (max-width: 400px) {
  .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
    grid-template-columns: 45px 260px 32px;
  }
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .unread-notification-circle {
  width: 30px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .unread-notification-circle div {
  display: none;
  margin: auto;
  margin-top: 8px;
  background: #F66A0A;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.1);
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .unread-notification-circle div:hover {
  animation: pulse 1.1s infinite ease-in-out;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper.unread-notification .unread-notification-circle div {
  display: block;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-icon-wrapper {
  width: 45px;
  text-align: center;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-icon-wrapper .notification-icon {
  width: 32px;
  height: 32px;
  background: #262626;
  color: #FFFFFF;
  border-radius: 50%;
  line-height: 32px;
  overflow: hidden;
  margin-bottom: 10px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-icon-wrapper .notification-icon img {
  height: calc(100% + 3px);
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-icon-wrapper .icon {
  width: 32px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .mark-as-unread {
  position: absolute;
  bottom: 20px;
  left: 22px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-options {
  align-self: center;
  font-size: 10px;
  color: #6F6F6F;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-options .icon-options {
  display: none;
  justify-content: flex-end;
  margin-bottom: 9px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-options .icon {
  font-size: 16px;
  width: 32px;
  text-align: center;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-options .icon a {
  display: block;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-options .received-time {
  text-align: right;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper:hover {
  background: rgba(111, 111, 111, 0.12);
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper:hover .notification-options .icon-options {
  display: flex;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper:hover .notification-options .received-time {
  display: none;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info {
  color: #000 !important;
  padding-top: 3px;
  flex: 1;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .notification-subject {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .notification-mes-subject {
  font-size: 13px;
  color: #000000;
  line-height: 1.2em;
  margin-top: 6px;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .notification-text {
  overflow: hidden;
  max-height: 110px;
  display: block;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  line-height: 1.4em;
  font-size: 12px;
  color: #6F6F6F;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info {
  color: #55A3F0;
  font-size: 12px;
  margin-top: 5px;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info.assigned-user {
  display: grid;
  grid-template-columns: 30px auto;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .userAvatar {
  height: 25px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .userAvatar img, .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .userAvatar svg {
  height: 25px;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-animate {
  transition: all 0.5s ease-out;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-enter {
  max-height: 0;
  opacity: 0;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 150px;
  overflow: hidden;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-leave {
  opacity: 1;
  max-height: 150px;
  overflow: hidden;
}
.notification-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-leave.ng-leave-active {
  max-height: 0;
  opacity: 0;
}

.sidebar-expand .notification-sidebar-wrapper.sidebar-25, .sidebar-expand .notification-sidebar-wrapper.sidebar-50, .sidebar-expand .notification-sidebar-wrapper.sidebar-75, .sidebar-expand .notification-sidebar-wrapper.sidebar-100,
.sidebar-focused .notification-sidebar-wrapper.sidebar-25,
.sidebar-focused .notification-sidebar-wrapper.sidebar-50,
.sidebar-focused .notification-sidebar-wrapper.sidebar-75,
.sidebar-focused .notification-sidebar-wrapper.sidebar-100,
.sidebar-collapse .notification-sidebar-wrapper.sidebar-25,
.sidebar-collapse .notification-sidebar-wrapper.sidebar-50,
.sidebar-collapse .notification-sidebar-wrapper.sidebar-75,
.sidebar-collapse .notification-sidebar-wrapper.sidebar-100 {
  max-width: 100%;
}
@media (max-width: 960px) {
  .sidebar-expand .notification-sidebar-wrapper.sidebar-25, .sidebar-expand .notification-sidebar-wrapper.sidebar-50, .sidebar-expand .notification-sidebar-wrapper.sidebar-75, .sidebar-expand .notification-sidebar-wrapper.sidebar-100,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-25,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-50,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-75,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-100,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-25,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-50,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-75,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-100 {
    min-width: 100%;
  }
}
@media (min-width: 961px) {
  .sidebar-expand .notification-sidebar-wrapper.sidebar-25, .sidebar-expand .notification-sidebar-wrapper.sidebar-50, .sidebar-expand .notification-sidebar-wrapper.sidebar-75, .sidebar-expand .notification-sidebar-wrapper.sidebar-100,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-25,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-50,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-75,
  .sidebar-focused .notification-sidebar-wrapper.sidebar-100,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-25,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-50,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-75,
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-100 {
    width: 100%;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-25 {
    width: 100%;
    max-width: calc((100% - 3.75rem) * 0.25);
  }
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-50 {
    max-width: calc((100% - 3.75rem) * 0.5);
  }
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-75 {
    max-width: calc((100% - 3.75rem) * 0.75);
  }
  .sidebar-collapse .notification-sidebar-wrapper.sidebar-100 {
    max-width: calc(100% - 3.75rem);
  }
}

@media (min-width: 961px) {
  .sidebar-focused .notification-sidebar-wrapper.sidebar-25,
  .sidebar-expand .notification-sidebar-wrapper.sidebar-25 {
    max-width: calc((100% - 14.375rem) * 0.25);
  }
  .sidebar-focused .notification-sidebar-wrapper.sidebar-50,
  .sidebar-expand .notification-sidebar-wrapper.sidebar-50 {
    max-width: calc((100% - 14.375rem) * 0.5);
  }
  .sidebar-focused .notification-sidebar-wrapper.sidebar-75,
  .sidebar-expand .notification-sidebar-wrapper.sidebar-75 {
    max-width: calc((100% - 14.375rem) * 0.75);
  }
  .sidebar-focused .notification-sidebar-wrapper.sidebar-100,
  .sidebar-expand .notification-sidebar-wrapper.sidebar-100 {
    max-width: calc(100% - 14.375rem);
  }
}

@keyframes pulse {
  50% {
    box-shadow: 0 0 0 1px rgba(246, 106, 106, 0.2), 0 0 0 2px rgba(246, 106, 106, 0.4), 0 0 0 3px rgba(246, 106, 106, 0.5);
  }
}
.emailconfig-card .emailconfig-big-option {
  margin: 10px 0;
  border: 3px #e8e8e8 solid;
  border-radius: 6px;
  font-size: 20px;
  padding: 0 15px;
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.emailconfig-card .emailconfig-big-option > img {
  width: 30px;
  height: 30px;
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option__icon {
  width: 30px;
  height: 30px;
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option__icon svg {
  width: 30px;
  height: 30px;
  fill: #333;
}
.emailconfig-card .emailconfig-big-option .emailconfig-text {
  margin-left: 25px;
}
.emailconfig-card .emailconfig-big-option .emailconfig-text {
  flex-grow: 1;
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option-icon {
  width: 30px;
  height: auto;
  margin-right: 5px;
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option-icon-1 {
  position: relative;
  width: 30px;
  height: 30px;
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option-icon-1 span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 24px;
  transform: translate(-50%, -50%);
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option-icon-1 span::before {
  content: "";
  position: absolute;
  display: block;
  top: 4px;
  right: 2px;
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 2px solid #333;
  border-radius: 2px;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg) skew(3deg, 3deg);
}
.emailconfig-card .emailconfig-big-option .emailconfig-big-option-icon-2 {
  display: none;
  margin-right: 5px;
}
.emailconfig-card .emailconfig-big-option.emailconfig-big-option-checked .emailconfig-big-option-icon-1 {
  display: none;
}
.emailconfig-card .emailconfig-big-option.emailconfig-big-option-checked .emailconfig-big-option-icon-2 {
  display: block;
}

.emailconfig-sidebar-wrapper {
  position: fixed;
  overflow-y: auto;
  /*
  display: grid;
  grid-template-rows: 64px 64px auto;
  */
  top: 90px;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 620px;
  z-index: 100000001;
  animation-duration: 500ms;
  background: #fff;
  border-left: 0.3125rem solid #EEEEEE;
  /*
  &.no-notifications{
    grid-template-rows: 64px auto;
  }
  */
}
@media (max-width: 470px) {
  .emailconfig-sidebar-wrapper {
    width: 100%;
  }
}
.emailconfig-sidebar-wrapper .empty-grid-svg {
  width: 50%;
  display: block;
  margin: 50px auto;
}
.emailconfig-sidebar-wrapper .stretched-link {
  position: absolute;
  top: -20px;
  right: 0;
  bottom: -20px;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.emailconfig-sidebar-wrapper .position-relative {
  position: relative;
}
.emailconfig-sidebar-wrapper .sidebar-block-wrapper {
  background: #fff;
  padding: 10px 15px 10px 25px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 3px solid #dddddd;
  font-size: 16px;
}
.emailconfig-sidebar-wrapper .sidebar-header {
  grid-template-columns: auto min-content;
  display: grid;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 110;
  min-height: 64px;
}
@media (min-width: 768px) {
  .emailconfig-sidebar-wrapper .sidebar-header {
    padding: 18px 22px 18px 14px;
  }
}
.emailconfig-sidebar-wrapper .sidebar-header > a {
  margin: -10px 6px -10px -10px;
  padding: 10px;
  display: block;
  width: 52px;
  height: 52px;
  text-align: center;
  grid-row: span 2;
}
.emailconfig-sidebar-wrapper .sidebar-header > a > img {
  width: 32px;
  height: 32px;
}
.emailconfig-sidebar-wrapper .sidebar-header h2 {
  margin-bottom: 0;
  color: #555;
  font-family: var(--default-font-family);
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
}
.emailconfig-sidebar-wrapper .sidebar-header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1.375rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #555;
  opacity: 1;
  background: transparent;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  float: none;
  transition: all 0.2s ease-in-out;
}
.emailconfig-sidebar-wrapper .sidebar-header .close:before, .emailconfig-sidebar-wrapper .sidebar-header .close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #555;
}
.emailconfig-sidebar-wrapper .sidebar-header .close:before {
  transform: translateY(-50%) rotate(45deg);
}
.emailconfig-sidebar-wrapper .sidebar-header .close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.emailconfig-sidebar-wrapper .sidebar-header .close i,
.emailconfig-sidebar-wrapper .sidebar-header .close img {
  display: none;
}
.emailconfig-sidebar-wrapper .sidebar-header .close:hover, .emailconfig-sidebar-wrapper .sidebar-header .close:focus {
  opacity: 0.75;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.emailconfig-sidebar-wrapper .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.emailconfig-sidebar-wrapper .dropdown .dropdown-menu .dropdown-item {
  color: #000000;
  font-size: 16px;
  line-height: 34px;
}
.emailconfig-sidebar-wrapper .dropdown .dropdown-menu .dropdown-item i {
  width: 30px;
}
.emailconfig-sidebar-wrapper .sidebar-content {
  width: 100%;
  position: relative;
  overflow-y: auto !important;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate {
  display: grid;
  grid-template-columns: 70px auto 60px;
  grid-template-rows: 50px;
  padding: 10px;
  align-items: center;
  margin: 0;
  font-size: 14px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate + .emailconfig-sidebar-activate {
  border-top: 1px #dddddd solid;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-img {
  align-self: center;
  text-align: center;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-img > img {
  width: 30px;
  height: 30px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-img svg {
  width: 30px;
  height: 30px;
  fill: #333;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-button-wrap {
  align-self: center;
  text-align: left;
  font-size: 0;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-button-wrap > .emailconfig-act-button {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../../../images/email_icons/box-triangle-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
  text-decoration: none;
  outline-offset: 1px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-button-wrap > .emailconfig-act-button:hover, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-button-wrap > .emailconfig-act-button:active, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-button-wrap > .emailconfig-act-button:focus {
  text-decoration: none;
  outline: 1px #eeeeee dotted;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate.emailconfig-act-disabled > .emailconfig-act-button-wrap > .emailconfig-act-button {
  background-image: url("../../../../images/email_icons/cross.svg");
  opacity: 0.5;
  cursor: not-allowed;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-line {
  height: 0;
  font-size: 0;
  border-bottom: 3px #dddddd solid;
}
.emailconfig-sidebar-wrapper .sidebar-content .email-config-loading {
  width: 100%;
  height: calc(100vh - 220px);
  pointer-events: none;
  display: none;
  flex-flow: row nowrap;
  justify-content: center;
}
.emailconfig-sidebar-wrapper .sidebar-content.sidebar-content-loading .email-config-loading {
  display: flex;
}
.emailconfig-sidebar-wrapper .sidebar-content.sidebar-content-loading .email-config-no-loading {
  display: none;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form {
  padding: 10px 30px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  margin: 15px 0;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p {
  font-size: 12px;
  line-height: 1.65;
  margin: 15px 0;
  font-style: italic;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p.emailconfig-p-em, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p.emailconfig-p-em-alert {
  font-size: 12px;
  font-style: normal;
  color: #555;
  padding: 10px 15px;
  line-height: 20px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p.emailconfig-p-em {
  background: #E5FFF6;
  border-left: 3px solid #5ca188;
  border-radius: 10px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p.emailconfig-p-em-alert {
  background: #ffe6ee;
  border-left: 3px solid #a15d76;
  border-radius: 10px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group {
  margin-bottom: 14px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group label {
  font-size: 14px;
  font-weight: 500;
  /*
  &.required:after {
    content: '*';
    color: #A34C4C;
    padding-left: 3px;
    padding-right: 3px;
  }
  */
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group .input-group-addon {
  height: 31px;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group .form-control {
  box-shadow: none;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group input[type=text].form-control, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group input[type=password].form-control, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group select.form-control, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group textarea.form-control {
  height: 31px;
  border: 1px #cccccc solid;
}
.emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group input[type=text].form-control:focus, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group input[type=password].form-control:focus, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group select.form-control:focus, .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form .form-group textarea.form-control:focus {
  border-color: #03a9f3;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
  display: flex;
  cursor: pointer;
  position: relative;
}
@media (max-width: 470px) {
  .emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
    grid-template-columns: 45px 315px 32px;
  }
}
@media (max-width: 430px) {
  .emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
    grid-template-columns: 45px 280px 32px;
  }
}
@media (max-width: 400px) {
  .emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper {
    grid-template-columns: 45px 260px 32px;
  }
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .mark-as-unread {
  position: absolute;
  bottom: 20px;
  left: 22px;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper:hover {
  background: rgba(111, 111, 111, 0.12);
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info {
  color: #000 !important;
  padding-top: 3px;
  flex: 1;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .notification-subject {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .notification-mes-subject {
  font-size: 14px;
  color: #000000;
  line-height: 1.2em;
  margin-top: 9px;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .notification-text {
  overflow: hidden;
  max-height: 110px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  line-height: 1.2em;
  font-size: 14px;
  color: #6F6F6F;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info {
  color: #55A3F0;
  font-size: 12px;
  margin-top: 5px;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info.assigned-user {
  display: grid;
  grid-template-columns: 30px auto;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .userAvatar {
  height: 25px;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .userAvatar img, .emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .userAvatar svg {
  height: 25px;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info .additional-info .user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-animate {
  transition: all 0.5s ease-out;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-enter {
  max-height: 0;
  opacity: 0;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 150px;
  overflow: hidden;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-leave {
  opacity: 1;
  max-height: 150px;
  overflow: hidden;
}
.emailconfig-sidebar-wrapper .sidebar-content .sidebar-block-animation.ng-leave.ng-leave-active {
  max-height: 0;
  opacity: 0;
}
.emailconfig-sidebar-wrapper .integrations-custom-link-intazuremail a, .emailconfig-sidebar-wrapper .integrations-custom-link-intazuremail a:link, .emailconfig-sidebar-wrapper .integrations-custom-link-intazuremail a:visited, .emailconfig-sidebar-wrapper .integrations-custom-link-intazuremail a:active {
  color: #c40000;
  text-decoration: underline;
}
.emailconfig-sidebar-wrapper .integrations-custom-link-intgmail::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_normal_web.png") url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_focus_web.png") url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_pressed_web.png");
}
.emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a, .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:link, .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:visited {
  display: inline-block;
  width: 191px;
  height: 46px;
  text-decoration: none;
  background-image: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_normal_web.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:hover, .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:focus {
  background-image: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_focus_web.png");
}
.emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:active {
  background-image: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_pressed_web.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124dpi), only screen and (min-resolution: 1.3dppx) {
  .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a, .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:link, .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:visited {
    background-image: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_normal_web-2x.png");
  }
  .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:hover, .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:focus {
    background-image: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_focus_web-2x.png");
  }
  .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail a:active {
    background-image: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_pressed_web-2x.png");
  }
  .emailconfig-sidebar-wrapper .integrations-custom-link-intgmail::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_normal_web-2x.png") url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_focus_web-2x.png") url("../../../../images/integration_logos/applications/google/btn_google_signin_dark_pressed_web-2x.png");
  }
}
.emailconfig-sidebar-wrapper .select2-container {
  min-height: 31px !important;
}
.emailconfig-sidebar-wrapper .select2-container .select2-selection--single, .emailconfig-sidebar-wrapper .select2-container .select2-selection__clear {
  height: 31px !important;
}
.emailconfig-sidebar-wrapper .select2-container .select2-selection--single {
  box-shadow: none;
  border: 1px #cccccc solid;
}
.emailconfig-sidebar-wrapper.RightBar {
  top: 0;
}
.emailconfig-sidebar-wrapper.RightBar .RightBar__header {
  flex-direction: column;
  align-items: flex-start;
}
.emailconfig-sidebar-wrapper.RightBar .RightBar__header p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  height: 22px;
  line-height: 22px;
}
.emailconfig-sidebar-wrapper.RightBar .RightBar__header .close {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.sd-dark-mode .emailconfig-icon-invert {
  filter: invert(1);
  -webkit-filter: invert(1);
}

.integrations-custom-link-intazuremail {
  width: 215px;
  height: 41px;
  font-size: 0;
  background-image: url("../svg/ms-signin-light.svg");
  background-repeat: no-repeat;
}
.integrations-custom-link-intazuremail a {
  display: block;
  width: 100%;
  height: 100%;
}

.emailBranding .redactor-box.redactor-styles-on {
  border: none;
}

.widget-formFieldPlaceholderWidget {
  display: flex;
}
.widget-formFieldPlaceholderWidget .widget-formFieldPlaceholderWidget-buttons {
  display: flex;
}
.widget-formFieldPlaceholderWidget .widget-formFieldPlaceholderWidget-btn {
  min-width: 30px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 0 12px;
  font-size: 18px;
}
.widget-formFieldPlaceholderWidget .widget-formFieldPlaceholderWidget-btn svg {
  width: 25px;
  height: 25px;
  fill: #555;
}
.widget-formFieldPlaceholderWidget .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.widget-formFieldPlaceholderWidget-modal-window {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.widget-formFieldPlaceholderWidget-modal-window.modal .modal-dialog .modal-content {
  border-radius: 3px;
}
.widget-formFieldPlaceholderWidget-modal-window .modal-header {
  padding: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.widget-formFieldPlaceholderWidget-modal-window .widget-formFieldPlaceholderWidget-modal-body {
  padding: 20px;
}

.new-ann-form {
  position: relative;
  z-index: 2;
}

.configure-actions-widget .title {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase;
  color: #555;
  font-family: var(--default-font-family);
}

.sd-gettingstarted-widget p {
  margin-bottom: 0 !important;
}
.sd-gettingstarted-widget .card-header {
  border-bottom: 3px solid #DFDFDF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.sd-gettingstarted-widget .card-header button:focus, .sd-gettingstarted-widget .card-header button:active {
  box-shadow: none;
}
@media (max-width: 991px) {
  .sd-gettingstarted-widget .card-header button {
    white-space: normal;
    margin: 0;
    padding: 0;
  }
}
.sd-gettingstarted-widget .card h3, .sd-gettingstarted-widget .card h5 {
  font-weight: 400 !important;
}
.sd-gettingstarted-widget .card h3 {
  margin-bottom: 0;
}
.sd-gettingstarted-widget .fal {
  vertical-align: middle;
  margin-right: 7px;
}
.sd-gettingstarted-widget .gs-help-item {
  font-size: 20px;
  vertical-align: middle;
}
.sd-gettingstarted-widget .gs-help-item-description {
  margin-bottom: 15px !important;
  text-align: justify;
}

.lifesaver-hover .fa-life-ring {
  transition: all 0.4s ease-in-out;
}

.lifesaver-hover:hover .fa-life-ring {
  color: orangered;
  transform: scale(1.2, 1.2) rotateZ(25deg);
  transition: all 0.4s ease-in-out;
}

.lifesaver-hover .btn, .lifesaver-hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover button, .lifesaver-hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover button {
  transition: all 0.4s ease-in-out;
}

.lifesaver-hover:hover .btn, .lifesaver-hover:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button, .lifesaver-hover:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button {
  background: orangered;
  transition: all 0.4s ease-in-out;
  color: white;
}
.lifesaver-hover:hover .btn:hover, .lifesaver-hover:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button:hover, .lifesaver-hover:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button:hover {
  background: orangered;
  color: white;
  border: 0;
}
.lifesaver-hover:hover .btn:focus, .lifesaver-hover:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button:focus, .lifesaver-hover:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button:focus {
  background: orangered;
  border: 0;
  color: white;
  box-shadow: 0 0 0 2px rgba(255, 69, 0, 0.5);
}
.lifesaver-hover:hover .btn:active, .lifesaver-hover:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:active, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button:active, .lifesaver-hover:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:active, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .lifesaver-hover:hover button:active {
  background: orangered;
  border: 0;
  color: white;
  box-shadow: 0 0 0 2px rgba(255, 69, 0, 0.5);
}

.btn-gettingstarted {
  background: #444;
  transition: all 0.4s ease-in-out;
}
.btn-gettingstarted:hover {
  color: white !important;
}
.btn-gettingstarted:focus {
  color: white !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) !important;
}
.btn-gettingstarted:active {
  color: white !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) !important;
}

.sd-get-started-video-thumb {
  border: 5px solid #eee;
}

.empty-widget-block {
  text-align: center;
  padding: 2rem 0;
}

.entity-action-widget-upgrade h6 {
  text-color: #737373;
}
.entity-action-widget-upgrade a.btn-upgrade {
  border-radius: 5px !important;
  text-transform: uppercase;
}
.entity-action-widget-upgrade div.upgrade-block {
  border: 1px dashed #cacaca;
  border-radius: 5px;
  background-color: #F4F4F4;
}

.automations-top-plan .alert {
  background-color: #F4F4F4;
}

.wrapper .widget-container .row {
  padding: 0;
}

@media (max-width: 767px) {
  .redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar-fixed {
    margin-top: 80px !important;
  }
}

.tasks-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 0.625rem;
}
.tasks-view .left-pane, .tasks-view .right-pane {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.tasks-view .left-pane .widget-body, .tasks-view .right-pane .widget-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.tasks-view .left-pane .widget-body .tasks-widget, .tasks-view .right-pane .widget-body .tasks-widget {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  padding: 0;
}
.tasks-view .left-pane .widget-body .tasks-widget .task-widget-header, .tasks-view .right-pane .widget-body .tasks-widget .task-widget-header {
  height: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.tasks-view .left-pane .widget-body .tasks-widget .task-widget-container, .tasks-view .right-pane .widget-body .tasks-widget .task-widget-container {
  height: calc(100% - 2.5rem);
}
.tasks-view .left-pane {
  -webkit-box-flex: 11 1 700px;
  -moz-box-flex: 11 1 700px;
  -webkit-flex: 11 1 700px;
  -ms-flex: 11 1 700px;
  flex: 11 1 700px;
  max-width: 1200px;
  z-index: 1;
}
.tasks-view .left-pane--table {
  overflow: hidden;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.tasks-view .left-pane--table .task-widget-container .sd-oscar-grid--table table {
  width: 100%;
}
.tasks-view .left-pane--table .task-widget-container .sd-oscar-grid--table .column-title {
  overflow: hidden;
}
.tasks-view .left-pane--table .task-widget-container .sd-oscar-grid--table .column-title .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tasks-view .right-pane {
  -webkit-box-flex: 9 0 500px;
  -moz-box-flex: 9 0 500px;
  -webkit-flex: 9 0 500px;
  -ms-flex: 9 0 500px;
  flex: 9 0 500px;
  max-width: 675px;
  margin-left: 1.25rem;
  opacity: 1;
}
.tasks-view .right-pane--hidden {
  margin-left: -675px;
  z-index: 0;
  opacity: 0;
}
.tasks-view .right-pane--hidden .widget-body {
  box-shadow: none;
}

.sd-timer-view-modal {
  max-width: 350px !important;
}

.file-upload-modal .file-list {
  line-height: 30px !important;
}
.file-upload-modal .file-list button svg {
  width: 22px;
  height: 22px;
  fill: #292b2c;
}

.editing-disabled-alert {
  border-top: 2px solid red;
}

.sd-editing-disabled-list {
  padding-top: 0;
  margin-bottom: -10px;
}

.advanced-user-select {
  width: 100%;
  margin-bottom: 10px;
}
.advanced-user-select .select2 .select2-selection--single {
  border: 1px solid transparent;
  box-shadow: none;
  height: auto !important;
  padding: 5px 25px 5px 5px;
}
.advanced-user-select .select2 .select2-selection--single .select2-selection__rendered {
  padding-right: 15px;
}
.advanced-user-select .select2:not(.select2-container--open) .select2-selection--single:hover {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  cursor: pointer;
  border-color: #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.advanced-user-select .advanced-user-info-block {
  display: flex;
}
.advanced-user-select .advanced-user-info-block .img-wrap {
  padding-right: 10px;
}
.advanced-user-select .advanced-user-info-block .img-wrap img,
.advanced-user-select .advanced-user-info-block .img-wrap svg {
  max-width: 50px;
  border-radius: 50%;
}
.advanced-user-select .advanced-user-info-block .info-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.advanced-user-select .advanced-user-info-block .info-wrap .assign-info {
  font-size: 10px;
  line-height: 14px;
  color: #03A9F3;
}
.advanced-user-select .advanced-user-info-block .info-wrap .user-name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}

.advanced-user-dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  background: transparent;
  cursor: pointer;
}
.advanced-user-dropdown-item img,
.advanced-user-dropdown-item svg {
  max-width: 50px;
  border-radius: 50%;
}
.advanced-user-dropdown-item .name {
  padding-left: 10px;
}

body .task-view-wrap .user-info-block {
  width: 100%;
  box-shadow: none;
  height: auto;
  padding: 5px 25px 5px 5px;
  position: relative;
}
body .task-view-wrap .user-info-block .expand-more {
  position: absolute;
  right: 10px;
}
body .task-view-wrap .user-info-block .project-users {
  position: absolute;
  top: calc(100% - 2px);
  left: -1px;
  z-index: 101;
  width: calc(100% + 2px);
}
body .task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu {
  width: 100% !important;
  border-radius: 0 0 7px 7px;
  margin-top: 0;
  max-height: 300px;
  overflow-y: scroll;
}
body .task-view-wrap .user-info-block.user-list-active .expand-more {
  transform: rotate(180deg);
}

.change-self-follower .follow-text {
  white-space: nowrap;
}

.pmgrid-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 0.625rem;
}
.pmgrid-view .left-pane, .pmgrid-view .right-pane {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.pmgrid-view .left-pane .widget-body, .pmgrid-view .right-pane .widget-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.pmgrid-view .left-pane .widget-body .pmgrid-widget, .pmgrid-view .right-pane .widget-body .pmgrid-widget {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  padding: 0;
}
.pmgrid-view .left-pane .widget-body .pmgrid-widget .task-widget-header, .pmgrid-view .right-pane .widget-body .pmgrid-widget .task-widget-header {
  height: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.pmgrid-view .left-pane .widget-body .pmgrid-widget .task-widget-container, .pmgrid-view .right-pane .widget-body .pmgrid-widget .task-widget-container {
  height: calc(100% - 2.5rem);
}
.pmgrid-view .left-pane {
  -webkit-box-flex: 11 1 700px;
  -moz-box-flex: 11 1 700px;
  -webkit-flex: 11 1 700px;
  -ms-flex: 11 1 700px;
  flex: 11 1 700px;
  max-width: 1200px;
  z-index: 1;
}
.pmgrid-view .left-pane--table {
  overflow: hidden;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.pmgrid-view .left-pane--table .task-widget-container .sd-oscar-grid--table table {
  width: 100%;
}
.pmgrid-view .left-pane--table .task-widget-container .sd-oscar-grid--table .column-title {
  overflow: hidden;
}
.pmgrid-view .left-pane--table .task-widget-container .sd-oscar-grid--table .column-title .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pmgrid-view .right-pane {
  -webkit-box-flex: 9 0 500px;
  -moz-box-flex: 9 0 500px;
  -webkit-flex: 9 0 500px;
  -ms-flex: 9 0 500px;
  flex: 9 0 500px;
  max-width: 675px;
  margin-left: 1.25rem;
  opacity: 1;
}
.pmgrid-view .right-pane--hidden {
  margin-left: -675px;
  z-index: 0;
  opacity: 0;
}
.pmgrid-view .right-pane--hidden .widget-body {
  box-shadow: none;
}

.sd-pt-tabs li {
  line-height: 25px;
  padding: 0;
}

.sd-pt-handle-line-ml {
  margin-left: 15px;
}

.sd-pt-handle-line2-ml {
  margin-left: 33px;
}

#pm-sprint-tasks-grid .gridview-header {
  border-left: 5px solid #6295e9;
  border-top-left-radius: 5px;
  margin-left: -1px;
}

.pm-project-template-sprints-grid-wrapper .view-template-wrapper .card {
  border-top: 5px solid #ddd;
}
.pm-project-template-sprints-grid-wrapper .view-template-wrapper .card.sprint-active-card {
  border-right: 5px solid #6295e9;
  border-top-right-radius: 5px;
}

.sd-translation .btn, .sd-translation .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-translation button, .sd-translation .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-translation button, .sd-translation .btn-outline-default, .sd-translation .btn-sm {
  display: inline-block !important;
}
.sd-translation .form-control {
  font-weight: 600 !important;
}

.translations-loading {
  position: relative;
  height: 200px;
}
.translations-loading:after {
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
  display: block !important;
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  background-image: url(../../../../images/icons/replay.svg);
  background-size: 100px 100px;
  height: 108px;
  width: 100px;
  background-repeat: no-repeat;
  margin: -54px 0 0 -50px;
  padding: 0;
  border: 0;
  pointer-events: none;
  color: black;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 102;
}

.form-group-section {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
}
.form-group-section .tr-input {
  padding-right: 50px !important;
}
.form-group-section .tr-input:disabled {
  background: #eaeaea !important;
}
.form-group-section .tr-tooltip i {
  margin-bottom: 13px;
  margin-right: 10px;
  margin-left: 5px;
}
.form-group-section .center-section {
  position: relative;
  width: 100%;
}
.form-group-section .expand-arrow,
.form-group-section .medal {
  margin-left: 15px;
  margin-bottom: 8px;
}
.form-group-section .expand-arrow.active,
.form-group-section .medal.active {
  margin-bottom: 12px;
  transform: scaleY(-1);
}
.form-group-section .expand-arrow i,
.form-group-section .medal i {
  font-size: 18px;
}
.form-group-section .tr-revert {
  position: absolute;
  right: 80px;
  bottom: 8px;
}
.form-group-section .lock {
  margin-left: 20px;
  margin-bottom: 12px;
  color: #7d7d7d;
}
.form-group-section .lock.locked {
  color: #000;
}
.form-group-section .lock i {
  font-size: 18px;
}
.form-group-section.translator-active .center-section .top-label {
  font-weight: 600;
  margin-left: -33px;
}

.expand-container .expand-area {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
.expand-container .expand-area .variant-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.expand-container .expand-area .variant-container .thumb-up {
  margin-left: 10px;
  cursor: pointer;
}
.expand-container .expand-area .variant-container .thumb-up i {
  font-size: 18px;
}

.translations-page-container .translations-main .search {
  width: 100%;
}
.translations-page-container .translations-main .search .form-control {
  box-sizing: border-box;
  font-weight: 600 !important;
}
.translations-page-container .translations-main .form-with-sidebar .navigation-col {
  margin-right: 0;
  padding-left: 15px;
}
.translations-page-container .translations-main #translation-settings {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 15px 5px;
}
.translations-page-container .translations-main #translation-settings .left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 768px) {
  .translations-page-container .translations-main #translation-settings .left {
    max-width: 50%;
    justify-content: flex-start;
  }
}
.translations-page-container .translations-main #translation-settings .left h6 {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #a8a8a8;
  line-height: 20px;
  font-weight: 600;
  margin-bottoom: 0.5rem;
}
@media (min-width: 576px) {
  .translations-page-container .translations-main #translation-settings .left h6 {
    margin-bottom: 0;
  }
}
.translations-page-container .translations-main #translation-settings .left label {
  margin-bottom: 0;
  font-weight: 400;
}
.translations-page-container .translations-main #translation-settings .right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .translations-page-container .translations-main #translation-settings .right {
    flex-wrap: nowrap;
    max-width: 50%;
    justify-content: flex-end;
  }
}
.translations-page-container .translations-main #translation-settings .right .sd-btn:first-child {
  margin-left: 0;
}
.translations-page-container .translations-main #translation-settings .sd-switchery-wrapper {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .translations-page-container .translations-main #translation-settings .sd-switchery-wrapper {
    margin: 0;
  }
}
.translations-page-container .translations-main #translation-settings .sd-switchery-wrapper label {
  margin-top: 0 !important;
  margin-left: 0.5rem !important;
}
.translations-page-container .translations-main .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.translations-page-container .translations-main .card-header .expand-all {
  padding: 0 10px;
  font-size: 13px;
}
.translations-page-container .translations-main .card-header .expand-all .expand-arrow {
  margin-left: 10px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.translations-page-container .translations-main .card-header .expand-all .expand-arrow i {
  font-size: 18px;
}
.translations-page-container .translations-main .card-header .expand-all.active .expand-arrow {
  transform: scaleY(-1);
}
.translations-page-container .translations-main .card-header .lock-all {
  text-transform: uppercase;
}
.translations-page-container .translations-main .card-header .lock-all .lock {
  padding: 0 10px;
  margin-left: 7px;
  border-left: 1px solid #8f8f8f;
  color: #7d7d7d;
}
.translations-page-container .translations-main .card-header .lock-all .lock.locked {
  color: #000;
}
.translations-page-container .translations-main .card-header .lock-all .lock i {
  font-size: 18px;
}
.translations-page-container .right-sidebar-togler-container {
  transform: none;
}
.translations-page-container .customization-sidebar-wrapper {
  display: block;
}
.translations-page-container .customization-sidebar-wrapper .translations-loading {
  height: 130px;
}
.translations-page-container .customization-sidebar-wrapper .translations-loading:after {
  background-size: 54px 50px;
  height: 51px;
  width: 51px;
  margin: -25px 0 0 -25px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-filter {
  position: relative;
  padding: 15px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-filter:before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  color: #cdcdcd;
  font-size: 18px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-filter input {
  height: 40px;
  width: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  padding: 0 55px 0 10px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list {
  border-top: 1px solid #eee;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul {
  list-style: none;
  padding: 0;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li {
  padding: 15px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .left {
  display: flex;
  min-width: 80%;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .flag {
  max-width: 50px;
  max-height: 40px;
  margin-right: 20px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .l-name {
  font-size: 18px;
  font-weight: 500;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .btn, .translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li button, .translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li button {
  padding: 0 10px !important;
  min-width: auto;
  text-transform: uppercase;
  font-weight: 300;
  margin-right: 15px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .load-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.translations-page-container .customization-sidebar-wrapper.languages-sidebar .load-placeholder i {
  font-size: 40px;
}
.translations-page-container .customization-sidebar-wrapper.settings-sidebar .sd-switchery-wrapper label {
  font-weight: 400;
}

.load-translation-container {
  padding-bottom: 40px;
}
.load-translation-container .step {
  overflow: hidden;
}
.load-translation-container .step .description {
  padding: 10px 0 35px 0;
  border-bottom: 1px solid #cbcbcb;
}
.load-translation-container .step .description .flag {
  margin-top: 3px;
  max-width: 115px;
  max-height: 70px;
}
.load-translation-container .step .description .alarm {
  text-transform: uppercase;
  color: #a20101;
  font-weight: 500;
}
.load-translation-container .step .attention {
  padding: 35px 0;
  border-bottom: 1px solid #cbcbcb;
}
.load-translation-container .step .attention .icon {
  margin-top: 9px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.load-translation-container .step .attention .icon i {
  color: #a20101;
  font-size: 48px;
}
.load-translation-container .step .attention .icon i.black {
  color: #000;
}
.load-translation-container .step .attention .icon i.green {
  color: #008500;
}
.load-translation-container .step .attention .confirm .label-text {
  font-size: 12px;
  font-weight: 500;
}

.tr-tooltip {
  position: relative;
  cursor: pointer;
}
.tr-tooltip i {
  color: #000;
  font-size: 18px;
}
.tr-tooltip .tooltip-message {
  display: none;
  position: absolute;
  top: calc(50% - 7px);
  left: 100%;
  transform: translateY(-50%);
  color: #000;
  background: #fff;
  padding: 15px;
  z-index: 100;
  width: 215px;
  border-radius: 8px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
}
.tr-tooltip .tooltip-message p {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 12px;
}
.tr-tooltip .tooltip-message p:last-child {
  margin-bottom: 0;
}
.tr-tooltip .tooltip-message:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
}
.tr-tooltip:hover .tooltip-message {
  display: block;
}

.tooltip-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tooltip-container .tr-tooltip i {
  margin-left: 5px;
  font-size: 15px;
}
.tooltip-container .tr-tooltip .tooltip-message {
  top: 50%;
  left: calc(100% + 3px);
}
.tooltip-container label {
  margin-bottom: 0;
}

.sd-file-browser .toolbar-wrap .toolbar {
  position: fixed;
  z-index: 10;
}
.sidebar-collapse .sd-file-browser .toolbar-wrap .toolbar {
  width: calc(100vw - 4.2857142857em);
}
.sd-file-browser .toolbar-wrap .iconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sd-file-browser .toolbar-wrap .iconContainer svg {
  fill: #555;
}
.sd-file-browser .toolbar-wrap .iconContainer.navigateRight svg {
  width: 12px;
  height: 12px;
  fill: #333;
}
.sd-file-browser .toolbar-wrap .iconContainer.home svg {
  width: 18px;
  height: 18px;
}
.sd-file-browser .toolbar-wrap .nav-back .iconContainer svg {
  width: 14px;
  height: 14px;
  fill: #333;
}

.toolbar-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100px;
  -moz-box-flex: 1 1 100px;
  -webkit-flex: 1 1 100px;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  min-height: 100px;
}
@media (max-width: 575px) {
  .toolbar-wrap {
    -webkit-box-flex: 1 0 50px;
    -moz-box-flex: 1 0 50px;
    -webkit-flex: 1 0 50px;
    -ms-flex: 1 0 50px;
    flex: 1 0 50px;
    min-height: 50px;
  }
}
.toolbar-wrap .toolbar {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
  width: calc(100vw - 14.375rem);
}
@media (max-width: 960px) {
  .toolbar-wrap .toolbar {
    width: 100% !important;
  }
}

.sd-file-browser .space-quota-exceeded {
  background-color: white;
  border-bottom: 1px solid #eee;
}

@media (min-width: 575px) and (max-width: 960px) {
  .toolbar-wrap .toolbar {
    height: max-content;
    position: initial;
  }
  .toolbar-wrap .toolbar.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .toolbar-wrap .toolbar .operations-panel.noop .noop-text {
    align-self: center;
  }
}
@media (max-width: 575px) {
  .toolbar-wrap .toolbar {
    height: 50px !important;
    left: 0;
    right: 0;
    position: absolute;
  }
  .toolbar-wrap .toolbar.sticky {
    top: 0;
    position: fixed;
  }
  .toolbar-wrap .toolbar nav {
    height: 50px !important;
    padding: 0 0.7142857143em;
  }
  .toolbar-wrap .toolbar nav ul + ul li.nav-to span:not(.material-icons) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 12px !important;
  }
}
@media (max-width: 575px) and (max-width: 500px) {
  .toolbar-wrap .toolbar nav ul + ul li.nav-to span:not(.material-icons) {
    font-size: 12px !important;
    margin-top: 1px;
  }
}
@media (max-width: 575px) {
  .toolbar-wrap .toolbar .operations-panel {
    position: fixed;
    bottom: -1px;
    background-color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
    height: auto !important;
    left: 0;
    right: 0;
    margin-top: 0 !important;
    margin-right: 0 !important;
    flex-direction: row;
    flex-flow: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .toolbar-wrap .toolbar .operations-panel.noop .noop-text {
    margin-left: 0.625rem;
    align-self: center;
  }
}
@media (max-width: 575px) and (max-width: 340px) {
  .toolbar-wrap .toolbar .operations-panel.noop .noop-text {
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .toolbar-wrap .toolbar .operations-panel .noop-text {
    display: none;
  }
  .toolbar-wrap .toolbar .operations-panel .operations {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around !important;
    -moz-box-justify-content: space-around !important;
    -ms-justify-content: space-around !important;
    justify-content: space-around !important;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 6px;
  }
  .toolbar-wrap .toolbar .operations-panel .operations .btn, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block;
    height: 100%;
    padding: 0;
    border: 0;
    box-shadow: none !important;
  }
  .toolbar-wrap .toolbar .operations-panel .operations .btn .file-icon, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .file-icon, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .file-icon {
    margin: auto !important;
    width: 24px;
    height: 24px;
  }
  .toolbar-wrap .toolbar .operations-panel .operations .btn .file-icon svg, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon svg, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .file-icon svg, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon svg, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .file-icon svg {
    width: 24px;
    height: 24px;
  }
  .toolbar-wrap .toolbar .operations-panel .operations .btn .file-icon *, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon *, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .file-icon *, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon *, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .file-icon * {
    fill: #123330;
  }
  .toolbar-wrap .toolbar .operations-panel .operations .btn .material-icons, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .material-icons, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button .material-icons {
    font-family: "Material Icons Outline";
    color: #3c3c3c;
  }
  .toolbar-wrap .toolbar .operations-panel .operations .btn span, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button span, .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar .operations-panel .operations button span {
    display: block;
    color: #3c3c3c;
  }
}
.toolbar-wrap .toolbar-nav {
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0 0.9375rem;
  border-bottom: 1px solid #EEE;
  gap: 10px;
}
.toolbar-wrap .toolbar-nav ul + ul {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  overflow: hidden;
  max-width: 100%;
}
.toolbar-wrap .toolbar-nav ul {
  -webkit-box-flex: 0 1 3.5714285714em;
  -moz-box-flex: 0 1 3.5714285714em;
  -webkit-flex: 0 1 3.5714285714em;
  -ms-flex: 0 1 3.5714285714em;
  flex: 0 1 3.5714285714em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  gap: 8px;
  margin: 0;
  padding: 0;
  height: 100%;
}
.toolbar-wrap .toolbar-nav ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
  font-family: var(--default-font-family);
  gap: 8px;
}
.toolbar-wrap .toolbar-nav ul li .material-icons {
  font-size: 1.2857142857em;
}
.toolbar-wrap .toolbar-nav ul li span {
  font-weight: 400;
  font-size: 1.2857142857em;
}
.toolbar-wrap .toolbar-nav ul li.nav-home {
  white-space: nowrap;
}
.toolbar-wrap .toolbar-nav ul li.nav-home span[ng-hide]:hover {
  text-decoration: underline;
}
.toolbar-wrap .toolbar-nav ul li.nav-home .material-icons {
  vertical-align: text-bottom;
}
.toolbar-wrap .toolbar-nav ul li.nav-to:hover:not(.last) span {
  text-decoration: underline;
}
.toolbar-wrap .toolbar-operations {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 50px;
  padding: 0.625rem 0.9375rem;
}
.toolbar-wrap .toolbar-operations.noop .noop-text {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
}
.toolbar-wrap .toolbar-operations.noop .noop-text span {
  font-weight: bold;
}
.toolbar-wrap .toolbar-operations .noop-text {
  display: none;
}
.toolbar-wrap .toolbar-operations .operations {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}
.toolbar-wrap .toolbar-operations .operations .sd-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.toolbar-wrap .toolbar-operations .operations .sd-btn i {
  margin: 0;
  font-size: 14px;
}
.toolbar-wrap .toolbar-operations .operations .btn, .toolbar-wrap .toolbar-operations .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button, .toolbar-wrap .toolbar-operations .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button {
  margin-right: 0.7142857143em;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125);
}
.toolbar-wrap .toolbar-operations .operations .btn .file-icon, .toolbar-wrap .toolbar-operations .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .file-icon, .toolbar-wrap .toolbar-operations .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .file-icon {
  width: 24px;
  height: 24px;
  margin: auto 0.5em auto auto;
}
.toolbar-wrap .toolbar-operations .operations .btn .file-icon svg, .toolbar-wrap .toolbar-operations .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon svg, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .file-icon svg, .toolbar-wrap .toolbar-operations .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon svg, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .file-icon svg {
  width: 24px;
  height: 24px;
}
.toolbar-wrap .toolbar-operations .operations .btn .file-icon *, .toolbar-wrap .toolbar-operations .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon *, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .file-icon *, .toolbar-wrap .toolbar-operations .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon *, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .file-icon * {
  fill: #123330;
}
.toolbar-wrap .toolbar-operations .operations .btn .material-icons, .toolbar-wrap .toolbar-operations .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .material-icons, .toolbar-wrap .toolbar-operations .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .operations button .material-icons {
  font-family: "Material Icons Outline";
  color: #3c3c3c;
  padding-right: 0.1428571429em;
}
.toolbar-wrap .toolbar-operations .view-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.toolbar-wrap .toolbar-operations .view-bar .btn, .toolbar-wrap .toolbar-operations .view-bar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .view-bar button, .toolbar-wrap .toolbar-operations .view-bar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .toolbar-wrap .toolbar-operations .view-bar button {
  background: #fff;
  border: 2px solid #DFDFDF;
  padding-top: 0;
  border-radius: 5px;
}
.toolbar-wrap .toolbar-operations .view-bar .material-icons {
  font-size: 1.2rem;
}
.toolbar-wrap .toolbar-operations .view-bar .search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5rem;
  border-radius: 1.25rem;
  line-height: 1;
}
.toolbar-wrap .toolbar-operations .view-bar .search:focus {
  outline: none;
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
}
.toolbar-wrap .toolbar-operations .view-bar .search.focus, .toolbar-wrap .toolbar-operations .view-bar .search.input {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: none;
}
.toolbar-wrap .toolbar-operations .view-bar .search.focus input[type=search], .toolbar-wrap .toolbar-operations .view-bar .search.input input[type=search] {
  width: 100%;
}
.toolbar-wrap .toolbar-operations .view-bar .search.input .delete {
  opacity: 1;
}
.toolbar-wrap .toolbar-operations .view-bar .search:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  content: "search";
  font-size: 1.25rem;
  bottom: 4px;
  left: 4px;
}
.toolbar-wrap .toolbar-operations .view-bar .search input[type=search] {
  border: 0;
  box-shadow: none;
  width: 100%;
  -webkit-transition: width ease 0.2s;
  transition: width ease 0.2s;
}
.toolbar-wrap .toolbar-operations .view-bar .search .delete {
  opacity: 0;
  cursor: pointer;
  font-size: 1rem;
  margin-top: 0 !important;
}
.toolbar-wrap .toolbar-operations .view-bar .sort {
  margin-left: 0.625rem;
}
.toolbar-wrap .toolbar-operations .view-bar .dropdown-menu {
  padding: 0.625rem 0;
}

@media (max-width: 500px) {
  .sd-file-browser li {
    font-size: 12px !important;
  }
}

.sd-file-browser .toolbar-wrap .toolbar li {
  margin-top: 0 !important;
}
@media (max-width: 500px) {
  .sd-file-browser .toolbar-wrap .toolbar li {
    font-size: 12px !important;
  }
}

.sd-file-browser .operations .btn, .sd-file-browser .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .operations button, .sd-file-browser .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .operations button {
  font-weight: 400 !important;
}
@media (max-width: 450px) {
  .sd-file-browser .operations .btn, .sd-file-browser .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .operations button, .sd-file-browser .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .operations button {
    margin-right: 0 !important;
    font-weight: 400 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
}
.sd-file-browser .toolbar-wrap .toolbar-nav ul + ul {
  padding-top: 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.sd-file-browser .toolbar-wrap .toolbar-nav ul + ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.sd-file-browser .toolbar-wrap .toolbar-nav ul + ul::-webkit-scrollbar {
  width: 100%;
  height: 6px;
  background-color: #F5F5F5;
}
.sd-file-browser .toolbar-wrap .toolbar-nav ul + ul::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 600px) {
  .toolbar-wrap .toolbar-operations .operations .sd-btn {
    max-height: 23px;
  }
  .toolbar-wrap .toolbar-operations .operations .sd-btn i {
    font-size: 10px;
  }
}
.entity-rename {
  z-index: 2;
  height: 3.6875rem;
}
.entity-rename .rename-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -22px;
}
.entity-rename .rename-wrap .rename {
  width: 25%;
}
@media (max-width: 575px) {
  .entity-rename .rename-wrap .rename {
    width: 60%;
  }
}

.entity-rename-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sd-file-browser.chroot .toolbar-wrap .toolbar {
  position: relative;
  box-shadow: none;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
  border-bottom: 1px solid #e4e9f0;
}

.folder-fa-icon {
  font-size: 0;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='193' height='193' viewBox='0 0 193 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_100)'%3E%3Cpath d='M0 22H178C186.284 22 193 28.7157 193 37V165C193 173.284 186.284 180 178 180H15C6.71573 180 0 173.284 0 165V22Z' fill='%23333333'/%3E%3Cpath d='M0 22C0 13.7157 6.71573 7 15 7H61.6492C62.2015 7 62.6492 7.44772 62.6492 8V34H0V22Z' fill='%23333333'/%3E%3Cpath d='M55.075 9.44581C55.9676 7.9158 57.6142 6.975 59.3994 6.975L73.3657 6.975C75.163 6.975 76.8275 7.92851 77.7296 9.47493L84.6901 21.4059C85.5923 22.9523 85.5944 24.8556 84.6958 26.396L77.7126 38.3658C76.82 39.8958 75.1735 40.8366 73.3883 40.8366L59.422 40.8366C57.6247 40.8366 55.9602 39.8831 55.058 38.3367L48.0976 26.4057C47.1954 24.8593 47.1932 22.956 48.0919 21.4156L55.075 9.44581Z' fill='%23333333'/%3E%3Crect y='36' width='193' height='149' rx='15' fill='%23555555'/%3E%3Cpath d='M0 170H193C193 178.284 186.284 185 178 185H15C6.71573 185 0 178.284 0 170Z' fill='%23505050'/%3E%3Cpath d='M-1 158H192V166H-1V158Z' fill='%23505050'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_100'%3E%3Crect width='193' height='193' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  text-align: center;
}
.folder-fa-icon:before {
  color: white;
  text-align: center;
}

.file-browser-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 !important;
  background-color: white;
}
.file-browser-wrapper .browser-fixed-container {
  pointer-events: none;
  position: fixed;
  top: calc(5.625rem + 100px);
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 575px) {
  .file-browser-wrapper .browser-fixed-container {
    top: 5.625rem50px;
    bottom: 4.2857142857em;
  }
  .file-browser-wrapper .browser-fixed-container.sticky {
    top: 50px;
  }
}

.sd-btn-insert-file .material-icons {
  margin-right: 10px;
}

.article-file-browser .close-modal .btn, .article-file-browser .close-modal .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .article-file-browser .close-modal button, .article-file-browser .close-modal .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .article-file-browser .close-modal button {
  background: red !important;
  color: white !important;
  border: 2px solid darkred !important;
}

.sd-file-browser {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.sd-file-browser .toolbar-wrap {
  margin-bottom: 10px;
}
.sd-file-browser .browser-wrap {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  background-color: #fff;
}
@media (max-width: 575px) {
  .sd-file-browser .browser-wrap {
    padding-bottom: 8.5714285714em;
  }
}
.sd-file-browser .browser-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  padding: 0.625rem 0.9375rem 2.8571428571em 0.9375rem;
  margin: 0;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list {
    padding: 0;
  }
}
.sd-file-browser .browser-list .entity-wrap {
  padding: 10px 0 8px 0;
  position: relative;
}
.sd-file-browser .browser-list .entity-wrap:last-child {
  border-bottom: none;
}
.sd-file-browser .browser-list .entity-wrap .dropdown .btn, .sd-file-browser .browser-list .entity-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .browser-list .entity-wrap .dropdown button, .sd-file-browser .browser-list .entity-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .browser-list .entity-wrap .dropdown button {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125);
  background: #fff;
}
.sd-file-browser .browser-list .entity-wrap .dropdown .dropdown-menu {
  position: absolute;
  will-change: transform;
  top: 40px !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  padding: 10px 0;
}
.sd-file-browser .browser-list .entity-wrap .dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.25rem 10px;
}
.sd-file-browser .browser-list .entity-wrap .dropdown .dropdown-menu .dropdown-item i {
  flex: 0 0 20px;
  margin-right: 10px;
}
.sd-file-browser .browser-list .entity-wrap .dropdown .dropdown-menu .dropdown-item .file-icon {
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.sd-file-browser .browser-list .entity-wrap .dropdown .dropdown-menu .dropdown-item .file-icon svg {
  fill: #555;
  width: 18px;
  height: 18px;
}
.sd-file-browser .browser-list .entity {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 575px) {
  .sd-file-browser .browser-list .entity .select {
    padding-left: 0.7142857143em;
    opacity: 1 !important;
  }
}
.sd-file-browser .browser-list .entity:hover {
  cursor: pointer;
}
.sd-file-browser .browser-list .entity:hover .title {
  color: #996666;
}
.sd-file-browser .browser-list .entity:hover .select {
  opacity: 1;
}
.sd-file-browser .browser-list .entity.empty:hover {
  cursor: default;
}
.sd-file-browser .browser-list .entity.empty:hover .title {
  color: initial;
}
.sd-file-browser .browser-list .entity.empty .title {
  margin: 0.7142857143em 0;
  text-align: center;
}
.sd-file-browser .browser-list .entity.empty .title .inner-title {
  display: block;
  width: 100%;
}
.sd-file-browser .browser-list .entity.empty .title .inner-title .up-msg {
  display: none;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity.empty .title .inner-title .dd-msg {
    display: none;
  }
  .sd-file-browser .browser-list .entity.empty .title .inner-title .up-msg {
    display: block;
  }
}
.sd-file-browser .browser-list .entity .select {
  width: 30px;
  opacity: 0.25;
  height: 100%;
}
.sd-file-browser .browser-list .entity .select:empty {
  width: 0;
}
.sd-file-browser .browser-list .entity .select.selection {
  opacity: 1;
}
.sd-file-browser .browser-list .entity .select .checkbox {
  padding: 0;
  height: 100%;
}
.sd-file-browser .browser-list .entity .select .checkbox label {
  height: 100%;
  padding-left: 4px;
}
.sd-file-browser .browser-list .entity .select .checkbox .label-text {
  height: 100%;
}
.sd-file-browser .browser-list .entity .select .checkbox .label-text:after {
  width: 1.4285714286em;
  height: 1.4285714286em;
  font-size: 1.0625rem;
  line-height: 1.1875rem;
  text-align: center;
  color: #996666;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .select .checkbox .label-text:after {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.875rem;
    line-height: 1rem;
  }
}
.sd-file-browser .browser-list .entity .icon {
  width: 60px;
  height: 100%;
  text-align: center;
  color: #555555;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .icon {
    width: 40px;
  }
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .file-icon, .sd-file-browser .browser-list .entity .icon .icon-wrapper .material-icons, .sd-file-browser .browser-list .entity .icon .icon-wrapper i {
  display: block;
  width: 100%;
  margin: auto;
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .file-icon.shortcut {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 14px;
  position: relative;
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .file-icon.shortcut:after {
  content: "\f064";
  position: absolute;
  left: 3px;
  bottom: 1px;
  background: #fff;
  border: 1px solid black;
  width: 1.5em;
  height: 1.5em;
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .file-icon svg {
  vertical-align: middle;
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper i.fa, .sd-file-browser .browser-list .entity .icon .icon-wrapper i.fas, .sd-file-browser .browser-list .entity .icon .icon-wrapper i.far, .sd-file-browser .browser-list .entity .icon .icon-wrapper i.fab {
  font-size: 30px;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .icon .icon-wrapper i.fa, .sd-file-browser .browser-list .entity .icon .icon-wrapper i.fas, .sd-file-browser .browser-list .entity .icon .icon-wrapper i.far, .sd-file-browser .browser-list .entity .icon .icon-wrapper i.fab {
    font-size: 28px;
  }
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .folder-fa-icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding-top: 2px;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .icon .icon-wrapper .folder-fa-icon {
    height: 28px;
    width: 28px;
    line-height: 28px;
    padding-top: 1px;
  }
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .folder-fa-icon:before {
  font-size: 16px;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .icon .icon-wrapper .folder-fa-icon:before {
    font-size: 12px;
  }
}
.sd-file-browser .browser-list .entity .icon .icon-wrapper .material-icons {
  font-size: 40px;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .icon .icon-wrapper .material-icons {
    font-size: 32px;
  }
}
.sd-file-browser .browser-list .entity .statistics {
  display: flex;
}
.sd-file-browser .browser-list .entity .statistics div {
  width: 100px;
  text-align: center;
  font-size: 0.95714em;
}
.sd-file-browser .browser-list .entity .title {
  flex: 1;
  position: relative;
  margin-right: 8px;
  height: 100%;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-file-browser .browser-list .entity .title .inner-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.sd-file-browser .browser-list .entity .title .inner-title.meta {
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sd-file-browser .browser-list .entity .title .inner-title .title-label {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.sd-file-browser .browser-list .entity .title .inner-title .title-label.renaming {
  opacity: 0;
}
.sd-file-browser .browser-list .entity .title .inner-title .progress {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-left: 1.4285714286em;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.8571428571em;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li {
  display: inline-block;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li:not(:first-child) {
  margin-left: 0.3571428571em;
  padding-left: 0.3571428571em;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li:not(:first-child) span {
  padding-left: 0.3571428571em;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li:not(:first-child):before {
  content: "•";
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta.entity-meta--vertical ul {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta.entity-meta--vertical ul li:not(:first-child) {
  margin-left: 0;
  padding-left: 0;
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta.entity-meta--vertical ul li:not(:first-child):before {
  content: "";
}
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta.entity-meta--vertical ul li:not(:first-child) span {
  padding-left: 0;
}
.sd-file-browser .browser-list .entity .title .info {
  position: absolute;
  top: 0;
  background-color: white;
  display: block;
  z-index: 1;
  max-height: 25rem;
  padding: 0.625rem;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}
.sd-file-browser .browser-list .entity .title-size, .sd-file-browser .browser-list .entity .title-modified, .sd-file-browser .browser-list .entity .title-date {
  width: 20%;
  padding-left: 1.5rem !important;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list .entity .title-size, .sd-file-browser .browser-list .entity .title-modified, .sd-file-browser .browser-list .entity .title-date {
    display: none;
  }
}
.sd-file-browser .browser-list .entity .dropdown .dropdown-menu {
  width: auto;
}
.sd-file-browser .browser-list .entity .dropdown button {
  border: none;
}
.sd-file-browser .browser-list-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 10px 0 12px;
  height: 50px;
  border-bottom: 1px solid #EEE;
}
.sd-file-browser .browser-list-header .dropdown .sd-btn-wide-primary-32px {
  border: none;
  padding: 0;
}
.sd-file-browser .browser-list-header .dropdown .sd-btn-wide-primary-32px i,
.sd-file-browser .browser-list-header .dropdown .sd-btn-wide-primary-32px .material-icons {
  padding-right: 0;
}
.sd-file-browser .browser-list-header .dropdown .btn-files-dropdown {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125) !important;
  background: #fff;
}
.sd-file-browser .browser-list-header .dropdown .dropdown-menu {
  left: unset !important;
  right: 5px !important;
  padding: 0.71429em 0 0.71429em 0;
  border-radius: 10px !important;
  transform: translate(0, 32px) !important;
}
.sd-file-browser .browser-list-header .select {
  width: 30px;
}
.sd-file-browser .browser-list-header .select .checkbox {
  padding: 0;
  height: 100%;
}
.sd-file-browser .browser-list-header .select .checkbox label {
  height: 100%;
}
.sd-file-browser .browser-list-header .select .checkbox .label-text {
  height: 100%;
}
.sd-file-browser .browser-list-header .select .checkbox .label-text .btn, .sd-file-browser .browser-list-header .select .checkbox .label-text .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .browser-list-header .select .checkbox .label-text button, .sd-file-browser .browser-list-header .select .checkbox .label-text .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-file-browser .browser-list-header .select .checkbox .label-text button {
  background: #fff;
  border: 1.5px solid #DFDFDF;
  padding: 0;
  height: 25px;
  margin-left: 5px;
  border-radius: 5px;
}
.sd-file-browser .browser-list-header .select .checkbox .label-text:after {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.1875rem;
  text-align: center;
  color: #996666;
}
@media (min-width: 768px) {
  .sd-file-browser .browser-list-header .select .checkbox .label-text:after {
    width: 1.4285714286em;
    height: 1.4285714286em;
  }
}
.sd-file-browser .browser-list-header .icon {
  width: 60px;
}
.sd-file-browser .browser-list-header .icon:empty {
  width: 0;
}
.sd-file-browser .browser-list-header .title {
  flex: 1;
  padding-left: 0.625rem;
}
.sd-file-browser .browser-list-header .file-size,
.sd-file-browser .browser-list-header .date {
  padding-left: 1.5rem !important;
  width: 20%;
}
@media (max-width: 767px) {
  .sd-file-browser .browser-list-header .file-size,
  .sd-file-browser .browser-list-header .date {
    display: none;
  }
}
.sd-file-browser.no-select .entity > .select {
  display: none;
}

.file-entity-dropdown .material-icons {
  margin-right: 5px;
}

@media (max-width: 420px) {
  .sd-file-browser .browser-list .entity .dropdown {
    width: unset;
  }
  .sd-file-browser .browser-list .entity .dropdown button {
    margin: 0;
  }
  .sd-file-browser .browser-list .entity .select {
    padding: 0;
    width: 20px;
  }
  .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li {
    font-size: 10px !important;
  }
  .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li:not(:first-child):before {
    content: "";
  }
  .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li:not(:first-child) span {
    padding-left: 0;
  }
  .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul li:not(:first-child) {
    margin-left: 0;
    padding-left: 0;
  }
}
.sd-folder-tree {
  padding: 0.7142857143em;
  margin: 0 1.4285714286em;
  height: 14.2857142857em;
  overflow: auto;
  background-color: white;
  border: 1px solid #ccc;
}
.sd-folder-tree.only-real .tree .branch.not-real > .name .branch-label {
  color: #ccc;
}
.sd-folder-tree .tree {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sd-folder-tree .tree .branch.selected > .name {
  background-color: #e3f2ff;
}
.sd-folder-tree .tree .branch.selected > .name .branch-label {
  color: #090808;
}
.sd-folder-tree .tree .branch.children > .name .folder-fa-icon {
  margin-left: 0 !important;
}
.sd-folder-tree .tree .branch.expanded > .name .folder {
  font-style: oblique;
}
.sd-folder-tree .tree .branch.expanded > .name .folder.home {
  font-style: normal;
}
.sd-folder-tree .tree .branch .name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.1428571429em 0;
}
.sd-folder-tree .tree .branch .name .branch-label {
  color: #5e4d4d;
  vertical-align: bottom;
}
.sd-folder-tree .tree .branch .name .folder-fa-icon {
  display: inline-block;
  margin-left: 18px;
  margin-right: 8px;
  height: 21px;
  width: 21px;
  padding-top: 1px;
}
.sd-folder-tree .tree .branch .name .select:not(.home-block), .sd-folder-tree .tree .branch .name .expand {
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.sd-folder-tree .tree .branch .name .expand {
  color: #555555;
  display: inline-block;
  font-size: 14px;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border: 1px solid #555555;
  border-radius: 2px;
  line-height: 11px;
  text-indent: -2px;
}

.copy-confirmation {
  padding: 0.7142857143em;
}

.file-request {
  padding: 0.7142857143em;
}
.file-request .material-icons {
  color: #868E96 !important;
}
.file-request .fr-name-label {
  line-height: 22px;
  padding-left: 8px;
  vertical-align: bottom;
  color: #868E96;
}
.file-request .fr-subpath-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  vertical-align: bottom;
  font-family: var(--default-font-family);
}
.file-request .fr-name-label-bullet {
  vertical-align: bottom;
  padding-left: 6px;
  padding-right: 4px;
}

.file-request .ui-select-multiple .ui-select-match-item {
  background-color: #FFFFCC !important;
}

.ui-select-match {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.ui-select-match .ui-select-match-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.ui-select-match .ui-select-match-item .match-text {
  padding-left: 0.7142857143em;
}
.ui-select-match .ui-select-match-item .remove-match {
  padding: 0.7142857143em;
  font-size: 1.2857142857em;
  border-radius: 3px;
}
.ui-select-match .ui-select-match-item .remove-match:hover {
  background-color: #FFFE97;
  border-left: 1px solid #eee;
}

.file-staging ul {
  text-align: left;
}

.file-request-body {
  overflow: hidden;
}

.file-request-fulfillment {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px dashed transparent;
  overflow-y: auto;
}
.file-request-fulfillment.dragover {
  border-color: #ccc;
}
.file-request-fulfillment .fulfillment-inner {
  width: 600px;
  margin: 0 auto;
  margin-top: 3em;
  margin-bottom: 5rem;
  text-align: center;
  font-family: Inter, sans-serif;
}
@media (max-width: 991px) {
  .file-request-fulfillment .fulfillment-inner {
    width: 100%;
  }
}
.file-request-fulfillment .fulfillment-inner .title {
  font-size: 2.1428571429em;
  font-family: var(--default-font-family);
}
.file-request-fulfillment .fulfillment-inner .custom-message .blockquote {
  border: none;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper {
  margin: 1.4285714286em auto;
  text-align: left;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected-info {
  font-size: 0.9285714286em;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0.7142857143em;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  max-height: 150px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: left;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 0.3571428571em 0 0.3571428571em 0.7142857143em;
  position: relative;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected li:last-child {
  border-bottom: none;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected li .file-name {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  word-break: break-all;
  z-index: 10;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected li .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.3;
}
.file-request-fulfillment .fulfillment-inner .selected-wrapper .selected li i[ng-click] {
  cursor: pointer;
}
.file-request-fulfillment .fulfillment-inner .add-more {
  margin-bottom: 1.4285714286em;
}
.file-request-fulfillment .fulfillment-inner .fulfillment-info-form {
  width: 300px;
  margin: 0 auto;
}

.file-transfer .nav .nav-item {
  border-bottom: solid 1px #D0D0D0;
  border-left: solid 1px #D0D0D0;
}
.file-transfer .nav .nav-item a.nav-link {
  padding: 1rem 1rem;
  font-weight: bold;
  border-radius: 0;
  color: #787878;
  border-bottom: solid 4px transparent;
}
@media (max-width: 500px) {
  .file-transfer .nav .nav-item a.nav-link {
    padding: 0.7rem 0.2rem;
  }
}
.file-transfer .nav .nav-item a.nav-link.active {
  background: none;
  color: #2D9BF0;
  border-bottom-color: #2D9BF0;
}
.file-transfer .nav .nav-item a.nav-link .fal, .file-transfer .nav .nav-item a.nav-link .fas, .file-transfer .nav .nav-item a.nav-link i {
  margin-right: 5px;
}
.file-transfer .file-transfer-completed .completed-icon {
  margin: 30px auto;
  width: 80px;
  height: 80px;
  padding: 10px;
  border-radius: 100%;
  background: #95D46C;
  color: #fff;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 60px;
  line-height: 60px;
}
.file-transfer .file-transfer-completed h2, .file-transfer .file-transfer-completed h4 {
  text-align: center;
  color: #444;
}
.file-transfer .file-transfer-completed .input-group-append {
  padding: 0;
}
.file-transfer .file-transfer-completed .input-group-append button.btn, .file-transfer .file-transfer-completed .input-group-append .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-transfer .file-transfer-completed .input-group-append button, .file-transfer .file-transfer-completed .input-group-append .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-transfer .file-transfer-completed .input-group-append button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  height: 100% !important;
}

.active-packages .active-packages-header {
  background: #2D9BF0;
  color: #fff;
  font-weight: bold;
  display: flex;
  flex: 1 auto;
  padding: 10px;
  justify-content: space-between;
}
.active-packages .active-packages-header .active-packages-title {
  padding-left: 17px;
}
.active-packages .active-packages-header .active-packages-counts {
  padding-right: 9px;
}
.active-packages .active-packages-content {
  border-top: none;
}
.active-packages .active-packages-content .list-group {
  height: 328px;
  position: relative;
}
.active-packages .active-packages-content .list-group .list-group-item {
  cursor: pointer;
  padding: 0.75rem 1.5rem;
}
.active-packages .active-packages-content .list-group .list-group-item .options {
  width: 30px;
  text-align: center;
}
.active-packages .active-packages-content .list-group .list-group-item .options button {
  border: none;
}
.active-packages .active-packages-content .list-group .list-group-item .options i {
  color: #808080;
}
.active-packages .active-packages-content .list-group .list-group-item .options .dropdown-menu {
  padding: 0.7em 0 0.7em 0;
}
.active-packages .active-packages-content .list-group .list-group-item .options .dropdown-item {
  padding: 0.25rem 1.42857em;
}
.active-packages .active-packages-content .list-group .list-group-item .options .dropdown-item.auto-select-copy:after {
  display: none;
}
.active-packages .active-packages-content .list-group .item-icon {
  width: 60px;
}
.active-packages .active-packages-content .list-group .item-icon .folder-fa-icon {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin-right: 10px;
  padding-top: 2px;
}
.active-packages .active-packages-content .list-group .item-icon .folder-fa-icon:before {
  font-size: 0.8125rem;
}
.active-packages .active-packages-content .list-group .item-title {
  line-height: 2.2em;
  overflow-wrap: anywhere;
}
.active-packages .active-packages-content .empty-folder .entity.empty {
  border-bottom: 1px solid #eee;
  min-height: 4.28571em;
  height: auto;
  padding: 10px 0 8px 0;
}
.active-packages .active-packages-content .empty-folder .entity.empty .title {
  margin: 0.71429em 0;
  text-align: center;
}
.active-packages .active-packages-footer {
  padding: 10px 0 4px 0;
  display: flex;
  justify-content: center;
}

.file-transfer-self-serve-link-field {
  border-right: none !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

input.file-transfer-six-code-text {
  color: #1390D6;
  border: none;
  text-align: center;
  font-size: 40px;
  height: 60px;
  margin: auto;
  display: block;
  letter-spacing: 0.2em;
}

.fr-step-2 .form-error {
  font-size: 16px !important;
  font-weight: 600;
}

.file-transfer-modal-footer {
  justify-content: space-between;
}
.file-transfer-modal-footer .modal-right-btn {
  margin-left: auto;
}

.file-transfer-modal-footer--details {
  justify-content: flex-end;
}

.file-transfer-access {
  text-align: center;
}
.file-transfer-access .form-oscar {
  width: 500px;
  margin: auto;
}
.file-transfer-access .form-oscar .six-digits input[type=text].form-control {
  width: 60px;
  height: 80px !important;
  font-size: 50px;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
}
.file-transfer-access .form-oscar .input-group .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.file-transfer-access .form-oscar .input-group button {
  width: 80px;
  height: 100%;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

@media (max-width: 768px) {
  .file-transfer-access .form-oscar {
    width: 100%;
  }
  .file-transfer-access .form-oscar .six-digits {
    display: flex;
    justify-content: space-between;
    column-gap: 1%;
    flex-shrink: 1;
    max-width: 100%;
  }
  .file-transfer-access .form-oscar .six-digits input[type=text].form-control {
    display: block;
    margin: 0;
    width: unset;
    max-width: 15%;
  }
}
.card-storage-browser {
  border-radius: 0;
}
.card-storage-browser .card-header {
  background: #2D9BF0;
  color: white;
  font-weight: 600;
  border-radius: 0 !important;
}
.card-storage-browser .card-header span {
  display: inline-block;
  padding-right: 10px;
  cursor: pointer;
}
.card-storage-browser .card-header span:not(:last-child):after {
  cursor: default;
  padding-left: 10px;
  display: inline-block;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
}
.card-storage-browser .card-header span.no-arrow:after {
  display: none;
}
.card-storage-browser .card-header .choose-files-button {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #fff;
  color: #3F3F3F;
  font-weight: bold;
  display: block;
  text-align: center;
}
.card-storage-browser .search-files {
  padding: 0;
  position: relative;
  border-bottom: 2px solid #ddd;
}
.card-storage-browser .search-files input {
  border: none;
  border-radius: 0;
  padding-right: 30px;
}
.card-storage-browser .search-files input:focus {
  box-shadow: none;
}
.card-storage-browser .search-files i {
  position: absolute;
  right: 12px;
  top: 16px;
  color: #929292;
}
.card-storage-browser .card-wrapper {
  min-height: 40px;
}
.card-storage-browser .card-wrapper .list-group {
  min-height: 40px;
  overflow: hidden;
}
.card-storage-browser .list-group-item:not(.cursor-d) {
  cursor: pointer;
}
.card-storage-browser .list-group-item.cursor-d {
  cursor: default;
}
.card-storage-browser .list-group-item .select-box {
  width: 40px;
}
.card-storage-browser .list-group-item .item-info .item-icon {
  width: 60px;
  text-align: center;
}
.card-storage-browser .list-group-item .item-info .item-icon i {
  font-size: 40px;
}
.card-storage-browser .list-group-item .item-info .item-icon .folder-fa-icon {
  display: inline-block;
  font-size: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding-top: 2px;
}
@media (max-width: 767px) {
  .card-storage-browser .list-group-item .item-info .item-icon .folder-fa-icon {
    height: 28px;
    width: 28px;
    line-height: 28px;
  }
}
.card-storage-browser .list-group-item .item-info .item-icon .folder-fa-icon:before {
  font-size: 16px;
}
@media (max-width: 767px) {
  .card-storage-browser .list-group-item .item-info .item-icon .folder-fa-icon:before {
    font-size: 12px;
  }
}
.card-storage-browser .list-group-item .item-info .item-icon svg {
  max-height: 40px;
}
.card-storage-browser .list-group-item .item-info .title-title {
  padding-right: 10px;
}
.card-storage-browser .list-group-item .item-info .title-label {
  word-break: break-all;
  font-weight: 600;
}
.card-storage-browser .list-group-item .item-info .entity-meta ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.85714em;
}
.card-storage-browser .list-group-item .item-info .entity-meta ul li {
  display: inline-block;
}
.card-storage-browser .list-group-item .item-info .entity-meta ul li:not(:first-child) {
  margin-left: 0.35714em;
  padding-left: 0.35714em;
}
.card-storage-browser .list-group-item .item-info .entity-meta ul li:not(:first-child):before {
  content: "•";
}
.card-storage-browser .list-group-item .item-info .item-date,
.card-storage-browser .list-group-item .item-info .item-size {
  width: 100px;
}
.card-storage-browser .list-group-item .item-info .item-size {
  text-align: right;
}

.files-storage-browser-widget .selected-files {
  padding-top: 5px;
}
.files-storage-browser-widget .no-selected-files {
  text-align: center;
  padding: 3em 0;
}
.files-storage-browser-widget .no-selected-files .choose-files-button {
  margin: 30px auto;
  width: 80px;
  height: 80px;
  padding: 10px;
  border-radius: 100%;
  background: #2D9BF0;
  color: #fff;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 60px;
  line-height: 60px;
}
.files-storage-browser-widget .empty-folder .entity.empty {
  border-bottom: 1px solid #eee;
  min-height: 4.28571em;
  height: auto;
  padding: 10px 0 8px 0;
}
.files-storage-browser-widget .empty-folder .entity.empty .title {
  margin: 0.71429em 0;
  text-align: center;
}

.fr-step-2 .card-storage-browser .card-wrapper {
  height: 342px;
}
.fr-step-2 .card-storage-browser .card-wrapper .list-group {
  height: 300px;
  overflow: auto;
}

.file-modal {
  padding: 0.7142857143em;
}
@media (max-width: 575px) {
  .file-modal .ui-select-container {
    height: auto !important;
  }
}
.file-modal .ui-select-match {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.file-modal .ui-select-match .ui-select-match-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.file-modal .ui-select-match .ui-select-match-item .match-text {
  padding-left: 0.7142857143em;
  width: 90%;
  overflow: hidden;
}
.file-modal .ui-select-match .ui-select-match-item .match-text .ng-scope .ng-binding {
  display: flex;
}
.file-modal .ui-select-match .ui-select-match-item .remove-match {
  padding: 0.3571428571em;
  margin-left: 0.3571428571em;
  font-size: 1.2857142857em;
  border-radius: 3px;
}
.file-modal .ui-select-match .ui-select-match-item .remove-match:hover {
  background-color: white;
}
.file-modal .ui-select-match > .ng-scope {
  width: 100%;
}

.file-modal.file-share {
  padding: 10px 20px;
}

.modal-preview-operations .modal-download-btn svg {
  width: 20px;
  height: 20px;
  fill: black;
}

.file-icon[size] {
  display: inline-block;
}
.file-icon.responsive svg {
  width: auto;
  height: auto;
  max-width: 100%;
}

.form-oscar .form-control[ng-disabled] {
  background-color: white;
}

.create-shared-folder .form-group {
  margin-bottom: 1.4285714286em;
}
.create-shared-folder .form-group #folderName {
  color: #000;
}
.create-shared-folder .form-group #permission {
  margin: auto;
  width: 100%;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #333;
  text-decoration: none;
  outline: 0;
  background-color: #FBFBFB;
}

.create-shared-folder.new-share .share-folder__permission-select {
  padding-top: 27px;
}

.share-existing-folder .create-shared-folder.edit-share .form-group label[for=folderName], .share-existing-folder .create-shared-folder.edit-share .form-group label[for=userSelectSearchInput], .share-existing-folder .create-shared-folder.edit-share .form-group label[for=customMessage], .share-existing-folder .create-shared-folder.new-share .form-group label[for=folderName], .share-existing-folder .create-shared-folder.new-share .form-group label[for=userSelectSearchInput], .share-existing-folder .create-shared-folder.new-share .form-group label[for=customMessage] {
  display: none;
}
.share-existing-folder .create-shared-folder.edit-share .form-group .folder-name, .share-existing-folder .create-shared-folder.new-share .form-group .folder-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  padding: 0 0.625rem;
  height: 3.125rem !important;
  font-size: 1.625rem;
  font-family: "Nunito Sans", sans-serif !important;
  /*&:before {
    content: 'folder_shared';
    @include material();
    @include size(rem(50));
    font-size: rem(50);
    color: #555555;
    margin-right: rem(5);
  }*/
}
.share-existing-folder .create-shared-folder.edit-share .form-group .folder-name > div, .share-existing-folder .create-shared-folder.new-share .form-group .folder-name > div {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.share-existing-folder .create-shared-folder.edit-share .form-group .folder-name > div.modal-close, .share-existing-folder .create-shared-folder.new-share .form-group .folder-name > div.modal-close {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 100%;
  cursor: pointer;
}
.share-existing-folder .create-shared-folder.edit-share .form-group .folder-name > div.modal-close:before, .share-existing-folder .create-shared-folder.new-share .form-group .folder-name > div.modal-close:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "clear";
  font-size: 24px;
}
.share-existing-folder .create-shared-folder.edit-share .form-group .folder-name .folder-fa-icon, .share-existing-folder .create-shared-folder.new-share .form-group .folder-name .folder-fa-icon {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin-right: 10px;
  padding-top: 2px;
}
.share-existing-folder .create-shared-folder.edit-share .form-group .folder-name .folder-fa-icon:before, .share-existing-folder .create-shared-folder.new-share .form-group .folder-name .folder-fa-icon:before {
  font-size: 0.8125rem;
}
.share-existing-folder .create-shared-folder.edit-share .share-folder__permission-select, .share-existing-folder .create-shared-folder.new-share .share-folder__permission-select {
  padding-top: 0;
}

.share-users-list ul {
  padding: 0.7142857143em;
  border: 1px solid #e4e9f0;
  border-radius: 3px;
}
.share-users-list ul .share-user {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 0.3571428571em;
}
.share-users-list ul .share-user .user-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.share-users-list ul .share-user .user-title .avatar {
  margin-right: 0.3571428571em;
}
.share-users-list ul .share-user .user-title .avatar figure {
  width: 3.5714285714em;
  height: 3.5714285714em;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 100%;
}
.share-users-list ul .share-user .user-title .avatar .default {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 3.5714285714em;
  height: 3.5714285714em;
  border-radius: 100%;
}
.share-users-list ul .share-user .user-title .avatar .default span {
  font-weight: 400;
  margin: auto;
  font-size: 1.7142857143em;
  font-family: "Nunito Sans", sans-serif;
}
.share-users-list ul .share-user .user-title .user-name {
  display: inline-block;
}
.share-users-list ul .share-user .user-title .user-name .email, .share-users-list ul .share-user .user-title .user-name .name {
  display: block;
}
.share-users-list ul .share-user .user-title .user-name .email {
  font-size: 0.8571428571em;
  line-height: 1em;
}
.share-users-list ul .no-share-users {
  text-align: center;
}
.share-users-list ul .no-share-users span {
  font-weight: lighter;
  font-size: 1.25rem;
  font-style: italic;
}

.file-share.modal-header {
  border-bottom: none;
}
.file-share.modal-footer {
  border-top: none;
}
.file-share.modal-footer .col {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}
.file-share.modal-footer .col.btn-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-box-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.file-share.modal-footer .col.btn-list .btn, .file-share.modal-footer .col.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-share.modal-footer .col.btn-list button, .file-share.modal-footer .col.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .file-share.modal-footer .col.btn-list button {
  margin-bottom: 0;
}
.file-share.modal-body {
  padding: 0;
}
.file-share .unshare {
  text-decoration: underline !important;
  color: #77b4e6 !important;
}

.file-share .ui-select-multiple .ui-select-match-item {
  position: relative;
  background-color: #FFC !important;
}

.modal-body .form-group.share-folder-user-permission-select-block {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
}

.modal-body .form-group .share-folder-user-select {
  width: 80%;
}
.modal-body .form-group .share-folder-user-select .ui-select-container.ui-select-multiple.ng-not-empty .ui-select-search {
  margin-top: 0.5rem;
}
.modal-body .form-group .share-folder-user-select .ui-select-no-choice {
  padding: 0;
}
.modal-body .form-group .share-folder-user-select .ui-select-match:not(:empty) + .ui-select-search {
  padding: 0.4rem 0.6rem !important;
}

.modal-body .form-group .share-folder__permission-select {
  width: 18%;
}

.modal-body .form-group .share-folder__permission-select .select2-container {
  width: 100%;
}

.modal-body .form-group .share-folder__permission-select .select2-container .select2-selection--single {
  padding-right: 15px;
}

.modal-body .form-group .share-folder__permission-select .select2-container .select2-selection--single .select2-selection__arrow {
  right: 10px;
}

.upload-progress-window {
  position: fixed;
  bottom: 3.75rem;
  background-color: white;
  width: 37.5rem;
  height: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 1;
  z-index: 2147483647;
}
.upload-progress-window.ng-hide-add, .upload-progress-window.ng-hide-remove {
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.upload-progress-window.ng-hide {
  bottom: -3.75rem;
  opacity: 0;
}
@media (max-width: 575px) {
  .upload-progress-window {
    width: 90%;
  }
}
.upload-progress-window .info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 2.1875rem;
  padding: 0 0.4375rem;
}
.upload-progress-window .info .title {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: auto 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.625rem;
}
.upload-progress-window .info .details {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: auto 0;
  cursor: pointer;
}
.upload-progress-window .progress {
  height: 0.3125rem;
  margin: 0 0 0 !important;
  background-color: rgba(119, 180, 230, 0.2);
}
.upload-progress-window .progress .progress-bar {
  -webkit-transition: width ease 0.2s;
  transition: width ease 0.2s;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
}

.modal.upload-progress .modal-dialog {
  box-shadow: 0px 0px 50px #333;
  margin-top: 50px;
}
.modal.upload-progress .modal-content {
  border: 0 none;
  border-radius: 0;
}
.modal.upload-progress .upload-progress-header {
  border-bottom: none !important;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper {
  margin: 0 1.625rem 1.25rem;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list {
  border: 1px solid #ccc;
  max-height: 18.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.empty {
  text-align: center;
  padding: 3.125rem;
  font-style: oblique;
  border: 3px dashed #ccc;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.empty.ng-hide-add, .modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.empty.ng-hide-remove {
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.empty.ng-hide {
  bottom: -3.75rem;
  padding: 0;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding: 0.3125rem 0;
  border-bottom: 1px solid #ccc;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .progress {
  -webkit-transition: width linear 0.2s;
  transition: width linear 0.2s;
  position: absolute;
  background-color: rgba(119, 180, 230, 0.2);
  top: 0;
  height: 100%;
  margin: 0 !important;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload:last-child {
  border-bottom: none;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .icon, .modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .title, .modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .size, .modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .cancel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .icon {
  width: 2.1875rem;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .icon .file-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .icon .file-icon svg {
  width: 100%;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .title {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .size {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0 0.625rem;
}
.modal.upload-progress .upload-progress-body .uploads-list-wrapper ul.uploads-list li.upload .cancel {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  cursor: pointer;
  text-align: center;
  padding-right: 0.625rem;
}
.modal.upload-progress .upload-progress-footer {
  padding: 0.9375rem 1.5625rem;
}
.modal.upload-progress .upload-progress-footer .btns .btn:not(:last-child), .modal.upload-progress .upload-progress-footer .btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(:last-child), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.upload-progress .upload-progress-footer .btns button:not(:last-child), .modal.upload-progress .upload-progress-footer .btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(:last-child), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.upload-progress .upload-progress-footer .btns button:not(:last-child) {
  margin-right: 0.625rem;
}

.view-file-versions.modal-header, .view-file-versions.modal-footer {
  padding: 0.9375rem !important;
}
.view-file-versions.modal-footer {
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  border: 0 none;
}
.view-file-versions.modal-body .versions .version-groups .version-group {
  padding: 0 0.625rem;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-top: 1px solid #E8ECEF;
  padding: 0.3125rem 0.3125rem;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .file-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 0.9375rem;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .file-icon svg {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .version-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: auto;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .version-title span {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .version-size {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .version-action {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 0.625rem;
}
.view-file-versions.modal-body .versions .version-groups .version-group .version-list ul li .version-action .btn-list button {
  margin-bottom: 0;
}

.document-preview .modal-dialog {
  height: 100%;
}
.document-preview .modal-content {
  height: 95%;
  border-radius: 0;
}
.document-preview .modal-content .modal-header {
  align-items: center;
  justify-content: flex-start;
}
.document-preview .modal-content .modal-header .modal-title {
  word-break: break-all;
}
.document-preview .modal-content .modal-header .modal-preview-operations {
  margin-left: auto;
}
.document-preview .modal-content .modal-body {
  padding: 0;
}
.document-preview .document-preview-body {
  position: relative;
  height: 100%;
}
.document-preview .document-preview-body .page-list {
  width: 18.75rem;
  left: 0;
  top: 3.8125rem;
  bottom: 0;
  position: fixed;
  border-right: 1px solid #e9ecef;
  overflow-x: visible;
  overflow-y: auto;
  background-color: #efefef;
}
@media (max-width: 570px) {
  .document-preview .document-preview-body .page-list {
    position: unset;
  }
}
.document-preview .document-preview-body .page-list ul li {
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.25rem 0;
}
.document-preview .document-preview-body .page-list ul li.selected figure div {
  box-shadow: 0 0 0 2px blue;
}
.document-preview .document-preview-body .page-list ul li figure {
  cursor: pointer;
}
.document-preview .document-preview-body .page-list ul li figure div {
  border: 1px solid #ccc;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.document-preview .document-preview-body .page-list ul li figure figcaption {
  text-align: center;
  padding: 0.625rem 0 0;
}
.document-preview .document-preview-body .document-pages {
  position: fixed;
  left: 18.75rem;
  right: 0;
  top: 3.8125rem;
  bottom: 0;
  overflow-y: scroll;
}
.document-preview .document-preview-body .document-pages .pages {
  padding: 1.25rem;
  max-width: 100vh;
  margin: 0 auto;
}
.document-preview .document-preview-body .document-pages .pages .page-block {
  border: 1px solid #ccc;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.25rem;
}
.document-preview .document-preview-body .document-pages .pages .page-block:last-child {
  margin-bottom: 0;
}
.document-preview .document-preview-body .document-pages .pages .page-block .page-image a[name] {
  -webkit-transform: translateY(-1.3125rem);
  -ms-transform: translateY(-1.3125rem);
  transform: translateY(-1.3125rem);
  display: block;
}

.sd-web-viewer {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.modal-backdrop.file-preview {
  opacity: 0.6;
}

.modal-file-preview .modal-backdrop {
  opacity: 1;
}
.modal-file-preview .modal.file-preview {
  position: absolute;
  overflow: hidden;
  height: 100vh;
}
.modal-file-preview .modal.file-preview .preview-body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.modal-file-preview .modal-dialog, .modal-file-preview .modal-content {
  position: absolute;
  max-width: 100% !important;
  width: 100%;
  height: 100vh;
  margin: 0;
}
.modal-file-preview .modal-content {
  background-color: transparent;
  border: 0 none;
}
.modal-file-preview .modal-content .preview-body .file-icon.preview-loading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 100;
  margin: auto;
  width: 6.25rem;
  height: 6.25rem;
}
.modal-file-preview .modal-content .preview-body .file-icon.preview-loading svg {
  margin: auto;
  width: 6.25rem;
  height: 6.25rem;
}
.modal-file-preview .modal-content .preview-body .file-icon.preview-loading svg path, .modal-file-preview .modal-content .preview-body .file-icon.preview-loading svg rect {
  fill: white;
}
.modal-file-preview .modal-content .preview-body .preview-close {
  z-index: 10000;
}
.modal-file-preview .modal-content .preview-body.preview-loading .preview-loading {
  opacity: 1;
}
.modal-file-preview .modal-content .preview-body.preview-loading .hash-preview {
  min-width: 50vw;
  min-height: 50vh;
}
.modal-file-preview .modal-content .preview-body.preview-video {
  padding-top: 0;
}
.modal-file-preview .modal-content .preview-body.preview-video .file-preview {
  max-width: 100vw;
}
.modal-file-preview .modal-content .preview-close {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  background-color: transparent;
  color: white;
}
@media (max-width: 575px) {
  .modal-file-preview .modal-content .preview-close {
    top: 1.875rem;
    right: 0.625rem;
  }
}
@media (max-width: 575px) {
  .modal-file-preview .modal-content .preview-navigation {
    display: none;
  }
}
.modal-file-preview .modal-content .preview-navigation .before, .modal-file-preview .modal-content .preview-navigation .next {
  position: fixed;
  color: white;
  top: calc(50vh - 6.25rem);
  cursor: pointer;
  z-index: 10000;
  text-shadow: 0px 0px 2px #000;
}
.modal-file-preview .modal-content .preview-navigation .before .material-icons, .modal-file-preview .modal-content .preview-navigation .next .material-icons {
  font-size: 6.25rem;
}
.modal-file-preview .modal-content .preview-navigation .before {
  left: 0;
}
.modal-file-preview .modal-content .preview-navigation .next {
  right: 0;
}
.modal-file-preview .modal-content .file-preview {
  max-width: 100vh;
  margin: 0 auto;
}
.modal-file-preview .modal-content .file-preview .entity-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 100vh;
}
.modal-file-preview .modal-content .file-preview .entity-preview .hash-preview {
  margin: auto;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video, .modal-file-preview .modal-content .file-preview .entity-preview.audio {
  padding-top: 0;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video .preview-loading, .modal-file-preview .modal-content .file-preview .entity-preview.audio .preview-loading {
  display: none;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video .hash-preview, .modal-file-preview .modal-content .file-preview .entity-preview.audio .hash-preview {
  height: 100vh;
  margin: auto;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video .hash-preview .video-preview, .modal-file-preview .modal-content .file-preview .entity-preview.audio .hash-preview .video-preview {
  height: 80vh;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video .hash-preview .video-preview video, .modal-file-preview .modal-content .file-preview .entity-preview.audio .hash-preview .video-preview video {
  height: 100%;
  max-width: 100%;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video .hash-preview .preview-loading, .modal-file-preview .modal-content .file-preview .entity-preview.audio .hash-preview .preview-loading {
  pointer-events: none;
}
.modal-file-preview .modal-content .file-preview .entity-preview.video .hash-preview .details, .modal-file-preview .modal-content .file-preview .entity-preview.audio .hash-preview .details {
  pointer-events: none;
}
.modal-file-preview .modal-content .file-preview .entity-preview.audio .audio-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.modal-file-preview .modal-content .file-preview .entity-preview.audio .audio-preview audio {
  margin: auto;
}
.modal-file-preview .modal-content .file-preview .hash-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
.modal-file-preview .modal-content .file-preview .hash-preview img:hover ~ .details, .modal-file-preview .modal-content .file-preview .hash-preview .file-icon:hover + .details, .modal-file-preview .modal-content .file-preview .hash-preview .file-icon:hover ~ .details {
  opacity: 1;
}
.modal-file-preview .modal-content .file-preview .hash-preview .details {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  padding: 1.25rem;
}
.modal-file-preview .modal-content .file-preview .hash-preview .details:hover {
  opacity: 1;
}
.modal-file-preview .modal-content .file-preview .hash-preview .details h2 {
  color: white;
  word-break: break-all;
}

.browser-list .btns-wrap {
  column-gap: 6px;
}
.browser-list .btns-wrap a.btn {
  min-width: unset;
  min-height: 33px;
}

.inCourse-file-icon {
  width: 20px;
  height: 20px;
  fill: #333;
}

.inCourse-file-icon .icon-download {
  width: 17px;
  height: 17px;
}

.file-upload-attachment-modal-card {
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #efefef;
  border-radius: 7px;
  padding: 0.8125rem 0.9375rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.file-upload-attachment-modal-card .file-count-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.file-upload-attachment-modal-card .file-count-wrapper .file-count {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 50%;
  background-color: rgb(69, 177, 252);
  height: 1.875rem;
  width: 1.875rem;
  margin-right: 0.625rem;
}
.file-upload-attachment-modal-card .file-count-wrapper .file-count span {
  margin: auto;
  color: white;
}
.file-upload-attachment-modal-card button {
  column-gap: 0.25rem;
}
.file-upload-attachment-modal-card button svg {
  width: 14px;
  height: 14px;
  fill: #555;
}

.modal-content .file-upload-attachment-modal-card {
  box-shadow: none;
  border-top: 2px dashed #ddd;
  border-bottom: 2px dashed #ddd;
  margin-top: 20px;
  row-gap: 12px;
}

.file-upload-attachment-modal-card {
  box-shadow: none;
  border-top: 2px dashed #ddd;
  border-bottom: 2px dashed #ddd;
  margin-top: 20px;
  row-gap: 12px;
}

.file-request .ui-select-multiple .ui-select-match-item, .file-share .ui-select-multiple .ui-select-match-item, .select2-selection__choice {
  background-color: #FFFFFF !important;
  border: 1px solid #CDCDCD;
  border-radius: 5px !important;
  padding: 0 !important;
}

.ui-select-match .ui-select-match-item .remove-match {
  padding: 0 4px 0 0;
  font-size: 1.15em;
  font-weight: 500;
  color: #303030;
}
.ui-select-match .ui-select-match-item .remove-match:hover {
  background-color: #F7F7F7;
  border-left: none;
}
.ui-select-match .ui-select-match-item .match-text {
  padding-left: 0.71429em;
  padding-right: 0.71429em;
}

.file-upload-notification-modal-footer {
  flex-direction: row;
  flex-flow: wrap;
}
.file-upload-notification-modal-footer .file-upload-notification-cancel-upload {
  position: absolute;
  right: 0.5rem;
}
@media (max-width: 575px) {
  .file-upload-notification-modal-footer .file-upload-notification-cancel-upload-block {
    width: 100%;
    text-align: center;
  }
  .file-upload-notification-modal-footer .file-upload-notification-cancel-upload-block .file-upload-notification-cancel-upload {
    position: initial;
    display: block;
  }
}

.file-list .btns-wrap {
  column-gap: 4px;
}
.file-list .btns-wrap button {
  min-width: unset !important;
}

.file-transfer-stats-value {
  font-size: 18px !important;
  font-weight: 700;
  color: firebrick;
  line-height: 1.2;
}

.manage-circle-users .circle-title-wrap {
  margin-bottom: 15px;
}
.manage-circle-users .circle-title-wrap .circle-dropdown-container {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .manage-circle-users .circle-title-wrap .circle-dropdown-container {
    align-items: flex-start;
    flex-direction: column;
  }
}
.manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown {
  display: flex;
  align-items: center;
  padding: 10px;
  padding-right: 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  min-width: 295px;
  border-radius: 8px;
  box-shadow: 0 0px 3px 0 rgba(122, 122, 122, 0.15);
}
@media (max-width: 767px) {
  .manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown {
    min-width: auto;
    max-width: 100%;
    margin-right: 10px;
  }
}
.manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown .circle-options {
  max-width: 40px;
  height: 100%;
}
.manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown .dropdown-menu {
  top: 7px !important;
  left: -101px !important;
  width: calc(100% + 2px);
  max-width: 400px;
  padding: 0.8rem 1rem;
  margin-top: 0.2rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (max-width: 767px) {
  .manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown .dropdown-menu {
    top: 10px !important;
    left: -16px !important;
  }
}
.manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown .dropdown-menu .dropdown-title {
  margin-bottom: 20px !important;
}
.manage-circle-users .circle-title-wrap .circle-dropdown-container #showCircleDropdown .title {
  margin-bottom: 0 !important;
}
.manage-circle-users .circle-title-wrap .form-oscar.editing .circle-dropdown-container {
  margin-right: 20px;
}
.manage-circle-users .circle-title-wrap .form-oscar.editing .circle-dropdown-container #showCircleDropdown {
  display: none !important;
}
.manage-circle-users .circle-title-wrap .card-block {
  padding: 10px 15px;
}
.manage-circle-users .circle-title-wrap .content-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.manage-circle-users .circle-title-wrap .content-row > * {
  min-width: 0;
}
.manage-circle-users .circle-title-wrap .content-row.editing .description {
  max-width: 100%;
}
.manage-circle-users .circle-title-wrap .content-row.editing .form-control {
  max-width: 50%;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap {
  flex: 0 0 70px;
  margin-right: 15px;
  width: 70px;
  height: 70px;
  position: relative;
}
@media (max-width: 767px) {
  .manage-circle-users .circle-title-wrap .circle-image-wrap {
    display: none;
    margin-bottom: 15px;
  }
}
.manage-circle-users .circle-title-wrap .circle-image-wrap.colorize, .manage-circle-users .circle-title-wrap .circle-image-wrap:hover {
  -webkit-align-self: flex-start;
  -moz-box-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap.colorize:before, .manage-circle-users .circle-title-wrap .circle-image-wrap:hover:before {
  position: absolute;
  top: -5px;
  right: -5px;
  content: "colorize";
  font-family: "Material Icons";
  font-feature-settings: "liga";
  font-size: 1.4285714286em;
  line-height: 1;
  transition: all 0.5s ease;
  z-index: 10;
  cursor: pointer;
  pointer-events: none;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap.colorize:after, .manage-circle-users .circle-title-wrap .circle-image-wrap:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  pointer-events: none;
  content: "";
  cursor: pointer;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap.colorize.color-picker:after, .manage-circle-users .circle-title-wrap .circle-image-wrap.colorize.color-picker:before, .manage-circle-users .circle-title-wrap .circle-image-wrap:hover.color-picker:after, .manage-circle-users .circle-title-wrap .circle-image-wrap:hover.color-picker:before {
  pointer-events: all;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap .color-picker-toggle {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap .color-picker-wrap {
  position: absolute;
  top: 37px;
  pointer-events: none;
  z-index: 1;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap .color-picker-wrap .color-picker-input-wrapper {
  opacity: 0;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap .color-picker-wrap .color-picker-panel {
  pointer-events: all;
}
.manage-circle-users .circle-title-wrap .circle-image-wrap svg {
  width: 100%;
  height: 100%;
}
.manage-circle-users .circle-title-wrap .title-wrap {
  flex: 1 1 100%;
  max-width: 100%;
}
.manage-circle-users .circle-title-wrap .title-wrap .title {
  font-size: 24px;
  text-transform: uppercase;
  color: #4c4c4c;
}
.manage-circle-users .circle-title-wrap .title-wrap .description {
  max-width: 400px;
}
.manage-circle-users .circle-title-wrap .title-wrap .description .show-more-text {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  color: #27bdf0;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  font-weight: 700;
  text-transform: uppercase;
}
.manage-circle-users .circle-title-wrap .title-wrap .description .show-more-text::before {
  color: #27bdf0;
}
.manage-circle-users .circle-title-wrap .title-wrap .description .show-more-text:focus, .manage-circle-users .circle-title-wrap .title-wrap .description .show-more-text:hover {
  color: rgba(39, 189, 240, 0.8);
  text-decoration: none;
}
.manage-circle-users .circle-title-wrap .title-wrap .description.empty {
  font-style: italic;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap > * {
  min-width: 0;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .syncedIndicator {
  display: flex;
  align-items: center;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .syncedIndicator svg {
  width: 35px;
  height: 35px;
  fill: #555;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .badge {
  padding: 10px 15px;
}
@media (max-width: 767px) {
  .manage-circle-users .circle-title-wrap .options-btn-wrap .badge {
    display: none;
  }
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .btn, .manage-circle-users .circle-title-wrap .options-btn-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-circle-users .circle-title-wrap .options-btn-wrap button, .manage-circle-users .circle-title-wrap .options-btn-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-circle-users .circle-title-wrap .options-btn-wrap button {
  width: 3.5714285714em;
  height: 3.5714285714em;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .dropdown-menu {
  padding: 5px 0;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .dropdown-toggle[aria-expanded=false] i {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .dropdown-toggle[aria-expanded=true] i {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.manage-circle-users .circle-title-wrap .options-btn-wrap .dropdown-item i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.manage-circle-users .pagination {
  margin-left: 0;
}
@media (max-width: 767px) {
  .manage-circle-users .pagination ul li.previous, .manage-circle-users .pagination ul li.next {
    display: none;
  }
}
@media (min-width: 768px) {
  .manage-circle-users .main-content-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .manage-circle-users .main-content-wrap > * {
    min-width: 0;
  }
}
.manage-circle-users .main-content-wrap.desktop {
  display: flex;
}
.manage-circle-users .main-content-wrap.desktop.bulk-edit-mode {
  display: none;
}
.manage-circle-users .main-content-wrap.mobile {
  display: none;
}
.manage-circle-users .main-content-wrap.mobile .contacts-list-col {
  width: 100%;
  margin-right: 0;
}
.manage-circle-users .main-content-wrap.mobile.bulk-edit-mode {
  display: flex !important;
}
.manage-circle-users .main-content-wrap.mobile.bulk-edit-mode .contacts-list-col {
  flex: 0 0 100%;
  max-width: 100%;
}
.manage-circle-users .main-content-wrap.mobile.bulk-edit-mode .contacts-list-col .bulk-edit-buttons {
  display: inline-flex;
}
.manage-circle-users .main-content-wrap.mobile.bulk-edit-mode .contacts-list-col .openBulkEditMode {
  display: none;
}
.manage-circle-users .main-content-wrap.mobile.bulk-edit-mode .contacts-list-col #manageUsers-grid-mobile .item {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.manage-circle-users .main-content-wrap.mobile.bulk-edit-mode .openBulkEditMode {
  display: none;
}
.manage-circle-users .main-content-wrap .action-add .material-icons {
  display: none;
}
.manage-circle-users .main-content-wrap .action-add .add-icon {
  display: block !important;
}
.manage-circle-users .main-content-wrap .action-remove .material-icons {
  display: none;
}
.manage-circle-users .main-content-wrap .action-remove .remove-icon {
  display: block !important;
}
.manage-circle-users .main-content-wrap .bulk-edit-buttons {
  display: none;
}
@media (max-width: 991px) {
  .manage-circle-users .main-content-wrap.desktop {
    display: none;
  }
  .manage-circle-users .main-content-wrap.mobile {
    display: flex;
  }
}
.manage-circle-users .main-content-wrap .card {
  margin-bottom: 15px;
}
.manage-circle-users .main-content-wrap .card .card-title {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px !important;
}
.manage-circle-users .main-content-wrap .contacts-list-col {
  margin-right: 15px;
}
@media (min-width: 992px) {
  .manage-circle-users .main-content-wrap .contacts-list-col {
    flex: 0 0 45%;
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .manage-circle-users .main-content-wrap .contacts-list-col {
    flex: 0 0 40%;
    max-width: 400px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .manage-circle-users .main-content-wrap .included-list-col {
    flex: 1 1 50%;
  }
}
@media (min-width: 1200px) {
  .manage-circle-users .main-content-wrap .included-list-col {
    flex: 1 1 50%;
  }
}
.manage-circle-users .main-content-wrap .contacts-list-col,
.manage-circle-users .main-content-wrap .included-list-col {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.manage-circle-users .main-content-wrap .contacts-list-col .card,
.manage-circle-users .main-content-wrap .included-list-col .card {
  width: 100%;
  flex: 1 1 auto;
}
.manage-circle-users .main-content-wrap .draggable {
  z-index: 100;
}
.manage-circle-users .circle-user-item {
  position: relative;
  box-shadow: none;
  margin-bottom: 10px;
}
.manage-circle-users .circle-user-item.draggable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.manage-circle-users .circle-user-item.draggable figure.img-responsive,
.manage-circle-users .circle-user-item.draggable .default-user-avatar {
  background: #868686 !important;
}
.manage-circle-users .circle-user-item.ui-draggable-dragging {
  min-width: 400px;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.manage-circle-users .circle-user-item > div {
  border: 1px solid #E5E5E5;
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
}
.manage-circle-users .circle-user-item .content-wrap {
  display: flex;
  align-items: center;
}
.manage-circle-users .circle-user-item .content-wrap .logo-wrap {
  flex: 0 0 auto;
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
  border: 0;
  padding: 0;
  text-align: center;
}
.manage-circle-users .circle-user-item .content-wrap .logo-wrap .default-user-avatar {
  width: 50px;
  height: 50px;
}
.manage-circle-users .circle-user-item .content-wrap .info-wrap {
  margin-left: 10px;
  flex: 1 1 auto;
}
.manage-circle-users .circle-user-item .content-wrap .info-wrap .userName {
  font-weight: 500;
}
.manage-circle-users .circle-user-item .content-wrap .info-wrap .crm-category-pill {
  margin-left: 0;
  background-color: #868686;
}
.manage-circle-users .circle-user-item .content-wrap .removeCircleUser {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 14px;
  height: 14px;
}
.manage-circle-users .circle-user-item .content-wrap .removeCircleUser span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
}
.manage-circle-users .circle-user-item .draggable {
  cursor: move;
}
.manage-circle-users .circle-user-item.in-circle-0 .default-user-avatar {
  background: #868686;
}
.manage-circle-users .circle-user-item.in-circle-1 .content-wrap {
  border-color: #00A000;
}
.manage-circle-users .circle-user-item.in-circle-1 .crm-category-pill {
  background-color: #00A000 !important;
}

.users-list .dropzone {
  width: 100%;
  height: 200px;
  border: 1px dashed #ccc;
  position: relative;
}
.users-list .dropzone.ui-droppable-hover {
  background-color: rgba(204, 204, 204, 0.1);
}
.users-list .dropzone .info-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  width: 100%;
}

.selected-users-list .empty {
  display: none !important;
}
@media (min-width: 992px) {
  .selected-users-list {
    display: flex;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap;
  }
  .selected-users-list > * {
    min-width: 0;
  }
}
.selected-users-list .circle-col {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .selected-users-list .circle-col {
    padding: 0 10px;
    flex: 0 0 50%;
  }
}

.contact-view-page-head {
  padding-bottom: 10px;
}
.contact-view-page-head .card .card-block {
  padding: 10px;
}
@media (min-width: 768px) {
  .contact-view-page-head .card .card-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .contact-view-page-head .card .card-block > .contact-info {
    margin-bottom: 15px;
  }
}
.contact-view-page-head .card .card-block > * {
  min-width: 0;
}
.contact-view-page-head .other-info-row {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact-view-page-head .other-info-row > * {
  min-width: 0;
}
.contact-view-page-head .contact-info {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}
.contact-view-page-head .contact-info > * {
  min-width: 0;
}
.contact-view-page-head .contact-info .avatar-block {
  flex: 0 0 60px;
  margin-right: 10px;
}
.contact-view-page-head .contact-info .avatar-block .img-wrap {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
}
.contact-view-page-head .contact-info .avatar-block .img-wrap > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.contact-view-page-head .contact-info .description {
  flex: 1 1 auto;
}
.contact-view-page-head .contact-info .description .name {
  display: block;
  font-size: 16px;
  line-height: 25px;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-view-page-head .contact-info .description .badge-wrap .badge {
  padding: 5px 8px 4px 8px;
}
.contact-view-page-head .contact-info .description .badge-wrap .badge-info {
  font-weight: 400 !important;
  letter-spacing: 0.02rem !important;
}
.contact-view-page-head .contact-info.client {
  border: 1px solid #eee;
  padding: 10px 10px 10px 10px;
  margin-right: 10px;
  cursor: pointer;
  min-width: 305px;
}
@media (max-width: 610px) {
  .contact-view-page-head .contact-info.client {
    min-width: 315px;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 930px) {
  .contact-view-page-head .contact-info.client {
    min-width: 280px !important;
    width: 280px;
    padding: 26px 45px 26px 10px !important;
    margin-bottom: 5px !important;
  }
}
.contact-view-page-head .contact-info.client .avatar-block {
  flex: 0 0 50px;
}
.contact-view-page-head .contact-info.client .avatar-block .img-wrap {
  width: 50px;
  height: 50px;
}
.contact-view-page-head .contact-info.client .client-options {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0;
  padding: 0;
}
.contact-view-page-head .contact-info.client .client-options .material-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}
.contact-view-page-head .contact-info.client .dropdown-menu {
  padding: 20px 15px;
  min-width: 400px;
}
@media (max-width: 510px) {
  .contact-view-page-head .contact-info.client .dropdown-menu {
    min-width: 315px;
    width: 100% !important;
  }
}
.contact-view-page-head .contact-info.client .dropdown-menu .dropdown-title {
  font-size: 18px;
}
.contact-view-page-head .contact-info.client .dropdown-menu > .dropdown-title {
  margin-bottom: 20px !important;
}
.contact-view-page-head .contact-info.coordinator {
  border: 1px solid #eee;
  padding: 10px 45px 10px 10px;
  margin-right: 10px;
  cursor: pointer;
  min-width: 305px;
}
@media (max-width: 610px) {
  .contact-view-page-head .contact-info.coordinator {
    min-width: 315px;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 930px) {
  .contact-view-page-head .contact-info.coordinator {
    min-width: 270px !important;
    width: 280px;
    padding: 19px 45px 19px 10px !important;
    margin-bottom: 5px !important;
  }
}
.contact-view-page-head .contact-info.coordinator .avatar-block {
  flex: 0 0 50px;
}
.contact-view-page-head .contact-info.coordinator .avatar-block .img-wrap {
  width: 50px;
  height: 50px;
}
.contact-view-page-head .contact-info.coordinator .coordinator-options {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0;
  padding: 0;
}
.contact-view-page-head .contact-info.coordinator .coordinator-options .material-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}
.contact-view-page-head .contact-info.coordinator .dropdown-menu {
  padding: 20px 15px;
  min-width: 300px;
}
.contact-view-page-head .contact-info.coordinator .dropdown-menu .dropdown-title {
  font-size: 18px;
}
.contact-view-page-head .contact-info.coordinator .dropdown-menu > .dropdown-title {
  margin-bottom: 20px !important;
}
@media (max-width: 500px) {
  .contact-view-page-head .contact-info.client, .contact-view-page-head .contact-info.coordinator {
    min-width: auto !important;
  }
}
.contact-view-page-head .functional-btns-wrap {
  padding: 5px 0;
}
@media (min-width: 768px) and (max-width: 930px) {
  .contact-view-page-head .functional-btns-wrap {
    width: 115px;
  }
}
.contact-view-page-head .functional-btns-wrap .action-btn-col {
  position: relative;
  display: inline-block;
}
.contact-view-page-head .functional-btns-wrap .action-btn-col:not(:last-child) {
  margin-right: 5px;
}
.contact-view-page-head .functional-btns-wrap .action-btn-col .dropdown-menu {
  padding: 5px 0;
  margin: 50px 0 0;
  transform: none !important;
  left: auto !important;
  right: 0px;
}
@media (max-width: 624px) {
  .contact-view-page-head .functional-btns-wrap .action-btn-col .dropdown-menu {
    left: 0 !important;
  }
}
@media (min-width: 625px) {
  .contact-view-page-head .functional-btns-wrap .action-btn-col .dropdown-menu {
    left: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 930px) {
  .contact-view-page-head .functional-btns-wrap .action-btn-col {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 420px) {
  .contact-view-page-head .functional-btns-wrap .action-btn-col.sales-visibility .dropdown-menu {
    left: -55px !important;
    min-width: 260px;
  }
}
.contact-view-page-head .functional-btns-wrap .action-btn {
  position: relative;
  width: 50px;
  height: 50px;
  padding: 0;
}
.contact-view-page-head .functional-btns-wrap .action-btn > .list-icon {
  position: absolute;
  font-size: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.add-contact-block .buttons-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 25px 0 20px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .add-contact-block .buttons-list {
    padding: 0 10px 0 10px;
  }
}
@media (max-width: 575px) {
  .add-contact-block .buttons-list {
    padding: 0 10px 0 10px;
  }
}

.btn-icon {
  position: relative;
  padding-left: 25px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .btn-icon {
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .btn-icon {
    padding-left: 0px;
  }
}
.btn-icon .text {
  font-size: 12px;
}
.btn-icon i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}

.notes-wrap {
  display: block;
}
.notes-wrap .note-placeholder {
  padding: 20px 15px;
  font-size: 12px;
  color: #b3b3b3;
  cursor: text;
}

.sd-crm-details-card-title {
  font-size: 1.1rem;
  font-weight: 400;
}

.user-info-item {
  font-size: 13px;
}
.user-info-item .label-col {
  color: #555;
  text-transform: uppercase;
  font-weight: 600;
}

@media (max-width: 700px) {
  .sd-grid-view .grid-actions .btn .text, .sd-grid-view .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .text, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button .text, .sd-grid-view .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .text, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sd-grid-view .grid-actions button .text {
    display: none;
  }
}

.crm-contact-views {
  margin-top: 10px;
  padding-bottom: 20px;
}
.crm-contact-views .gridview-header {
  padding: 15px;
  margin: 0;
}
.crm-contact-views .events-add-btn .btn-title {
  font-size: 14px;
  font-weight: 400 !important;
  margin: 5px 0;
  padding-right: 7px;
}
.crm-contact-views .toolbar-wrap .toolbar-nav ul + ul li span {
  font-weight: 17;
  font-size: 1rem !important;
  margin: auto;
  width: 100%;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit !important;
}
.crm-contact-views .toolbar-wrap .toolbar-nav ul + ul li span:before {
  display: none !important;
}
@media (min-width: 992px) {
  .crm-contact-views .toolbar-wrap .toolbar-nav ul + ul li span {
    max-width: 200px;
  }
}
@media (min-width: 1200px) {
  .crm-contact-views .toolbar-wrap .toolbar-nav ul + ul li span {
    max-width: 250px;
  }
}
.crm-contact-views .toolbar-wrap .toolbar-nav ul + ul li.last {
  font-weight: 600;
}
.crm-contact-views .toolbar-wrap .toolbar-nav ul + ul li.last span {
  font-weight: inherit;
}

.crm-contact-tabs {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07) !important;
  overflow: visible !important;
  border-radius: 5px !important;
}
@media (max-width: 767px) {
  .crm-contact-tabs {
    height: auto !important;
  }
  .crm-contact-tabs .tabs {
    background: none;
    height: auto;
    margin-bottom: 0;
  }
}
.crm-contact-tabs .nav-link {
  border-bottom-width: 2px;
  position: relative;
}
.crm-contact-tabs .nav-link.has-dropdown-menu {
  padding-right: 24px !important;
}
.crm-contact-tabs .nav-link.has-dropdown-menu::before {
  color: #555;
  content: "\e313";
  font-family: "Material Icons";
  position: absolute;
  right: 0.3em;
  top: 12px;
  font-size: 1.2em;
}
.crm-contact-tabs .dropdown-menu {
  padding-top: 0px;
}
.crm-contact-tabs .nav-item.show .nav-link.has-dropdown-menu::before {
  content: "\e316";
}

.sales-visibility .close-dropdown {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}
.sales-visibility .dropdown-menu {
  min-width: 300px;
}
@media (max-width: 620px) {
  .sales-visibility .dropdown-menu {
    left: -25px;
  }
}
.sales-visibility .dropdown-menu .dropdown-title {
  font-size: 18px;
}
.sales-visibility .dropdown-menu > .dropdown-title {
  margin-bottom: 20px !important;
}
.sales-visibility .dropdown-info-block-wrapper {
  padding: 0 15px 20px 15px;
}
.sales-visibility .dropdown-item {
  padding: 10px;
  cursor: pointer;
}
.sales-visibility .dropdown-item.active .material-icons {
  color: green;
}
.sales-visibility .dropdown-item.active svg {
  width: 24px;
  height: 24px;
  fill: green;
}
.sales-visibility .dropdown-item .top-dropdown-item-sp-viz {
  padding: 5px 10px 10px 10px !important;
}
.sales-visibility .dropdown-item .dropdown-item-label {
  display: flex;
  align-items: center;
  width: 100%;
}
.sales-visibility .dropdown-item .dropdown-item-label > * {
  min-width: 0;
}
.sales-visibility .dropdown-item .dropdown-item-label .check-icon-wrap {
  flex: 0 0 35px;
  margin-right: 0px;
}
.sales-visibility .dropdown-item .dropdown-item-label .dropdown-item-title {
  flex: 1 1 auto;
  white-space: normal;
}
.sales-visibility .dropdown-item .dropdown-item-info .selection .select2-selection__rendered {
  padding: 5px;
}

.sd-crm-profile-first-name {
  margin-bottom: -7px !important;
}

.avatar-block .img-responsive {
  border-radius: 7px !important;
}

.event-item {
  position: relative;
  padding-left: 60px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .event-item {
    padding-left: 45px;
  }
}
.event-item .event-options {
  position: absolute;
  top: 0;
  right: 0;
}
.event-item .event-options .btn.dropdown-toggle, .event-item .event-options .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.dropdown-toggle, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .event-item .event-options button.dropdown-toggle, .event-item .event-options .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.dropdown-toggle, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .event-item .event-options button.dropdown-toggle {
  padding: 0 !important;
  margin: 0 !important;
}
.event-item .event-options .dropdown-menu {
  padding: 5px 0;
}
.event-item .event-options .dropdown-menu .dropdown-item {
  font-size: 12px;
}
.event-item .title-wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding-right: 32px;
}
.event-item .title-wrap > * {
  min-width: 0;
}
@media (max-width: 767px) {
  .event-item .title-wrap {
    flex-wrap: wrap;
  }
}
.event-item .title-wrap > * {
  flex: 0 0 auto;
}
.event-item .title-wrap .title {
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 190px);
  max-width: 100%;
}
@media (max-width: 767px) {
  .event-item .title-wrap .title {
    width: auto;
    padding: 6px 0;
  }
}
.event-item .title-wrap .event-indicator-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
  border: 1px solid #E5E5E5;
  border-radius: 15px;
  padding: 3px 10px 3px 30px;
  cursor: pointer;
  margin-right: 10px;
}
.event-item .title-wrap .event-indicator-wrap > * {
  min-width: 0;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-toggle-trigger {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 15px;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu {
  width: 300px;
  user-select: none;
  left: -15px;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu .dropdown-item {
  position: relative;
  padding: 10px 10px 10px 45px;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu .dropdown-item .check-icon-wrap {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #70be60;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu .dropdown-item .check-icon-wrap i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 20px;
  color: #fff;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu .dropdown-item .dropdown-item-title {
  font-size: 18px;
  font-weight: 300;
  color: #555;
  line-height: 24px;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu .dropdown-item .dropdown-item-info {
  font-size: 10px;
  line-height: 16px;
  color: #ccc;
}
.event-item .title-wrap .event-indicator-wrap .indicator-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
}
.event-item .title-wrap .event-indicator-wrap .event-indicator {
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.event-item .title-wrap .event-indicator-wrap .event-indicator i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgba(204, 204, 204, 0.6);
  font-size: 18px;
}
.event-item .title-wrap .event-indicator-wrap .dropdown-menu {
  padding: 5px 0;
}
.event-item .title-wrap .event-indicator-wrap.done {
  cursor: auto;
}
.event-item .title-wrap .event-indicator-wrap.done .event-indicator {
  background-color: #38d57a;
  border-color: #38d57a;
  cursor: auto;
}
.event-item .title-wrap .event-indicator-wrap.done .event-indicator .material-icons {
  opacity: 1;
  color: #fff;
}
.event-item .type-indicator {
  position: absolute;
  left: 5px;
  top: 15px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
}
.event-item .type-indicator .material-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
@media (max-width: 767px) {
  .event-item .type-indicator {
    width: 24px;
    height: 24px;
  }
  .event-item .type-indicator .material-icons {
    font-size: 18px;
  }
}
.event-item .event-item-main {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 0.1875rem;
  padding: 15px;
}
.event-item .event-item-main:after, .event-item .event-item-main:before {
  position: absolute;
  content: "";
}
.event-item .event-item-main:before {
  left: -11px;
  top: 19px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  z-index: 1;
  border-right: 11px solid #E5E5E5;
}
.event-item .event-item-main:after {
  left: -10px;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 2;
  border-right: 10px solid #fff;
}
@media (max-width: 767px) {
  .event-item .event-item-main:before, .event-item .event-item-main:after {
    top: 15px;
  }
}
.event-item .event-info {
  font-size: 12px;
  margin-top: 10px;
}

.events-list-header {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 40px 10px 15px;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
.events-list-header.collapsed .open-state-icon {
  transform: translate(0, -50%) rotate(180deg);
}
.events-list-header .open-state-icon {
  position: absolute;
  font-size: 30px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.pm-dashboard-head {
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .pm-dashboard-head .card .card-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
}
.pm-dashboard-head .card .card-block > * {
  min-width: 0;
}
.pm-dashboard-head .other-info-row {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .pm-dashboard-head .other-info-row {
    flex-wrap: wrap;
  }
}
.pm-dashboard-head .other-info-row > * {
  min-width: 0;
}
.pm-dashboard-head .contact-info {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 575px) {
  .pm-dashboard-head .contact-info {
    padding-right: 40px;
  }
}
.pm-dashboard-head .contact-info > * {
  min-width: 0;
}
.pm-dashboard-head .contact-info .avatar-block {
  flex: 0 0 60px;
  margin-right: 10px;
}
.pm-dashboard-head .contact-info .avatar-block .img-wrap {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
}
.pm-dashboard-head .contact-info .avatar-block .img-wrap > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.pm-dashboard-head .contact-info .description {
  flex: 1 1 auto;
}
.pm-dashboard-head .contact-info .description .name {
  display: block;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pm-dashboard-head .contact-info .description .badge-wrap .badge {
  padding: 3px 8px;
}
.pm-dashboard-head .functional-btns-wrap {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .pm-dashboard-head .functional-btns-wrap {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}
.pm-dashboard-head .functional-btns-wrap .action-btn-col {
  position: relative;
  display: inline-block;
}
.pm-dashboard-head .functional-btns-wrap .action-btn-col:not(:last-child) {
  margin-right: 5px;
}
.pm-dashboard-head .functional-btns-wrap .action-btn-col .dropdown-menu {
  padding: 5px 0;
  margin: 20px 0 0;
}
.pm-dashboard-head .functional-btns-wrap .action-btn {
  position: relative;
  width: 50px;
  height: 50px;
  padding: 0;
}
@media (max-width: 575px) {
  .pm-dashboard-head .functional-btns-wrap .action-btn {
    width: 40px;
    height: 40px;
  }
}
.pm-dashboard-head .functional-btns-wrap .action-btn > .list-icon {
  position: absolute;
  font-size: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pm-dashboard-head .pm-progress-bar {
  margin: 0;
}

.add-quick-block .buttons-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 5px;
}
.add-quick-block .buttons-list > * {
  min-width: 0;
  flex: 0 0 auto;
}
.add-quick-block .buttons-list .btn-icon {
  position: relative;
  padding-left: 25px;
}
.add-quick-block .buttons-list .btn-icon .text {
  font-size: 12px;
}
.add-quick-block .buttons-list .btn-icon i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
.add-quick-block .notes-wrap {
  display: block;
}
.add-quick-block .notes-wrap .note-placeholder {
  padding: 20px 15px;
  font-size: 12px;
  color: #b3b3b3;
  cursor: text;
}

.progress-level {
  line-height: 2em !important;
}

.project-progress-bar {
  max-width: 100%;
}
@media (min-width: 992px) {
  .project-progress-bar {
    width: 600px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .project-progress-bar {
    width: 400px;
  }
}
@media (max-width: 575px) {
  .project-progress-bar {
    width: 100%;
  }
}
.project-progress-bar .bar-row {
  width: 100%;
}
@media (min-width: 768px) {
  .project-progress-bar .bar-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .project-progress-bar .bar-row > * {
    min-width: 0;
  }
}
.project-progress-bar .bar-row .label-col {
  flex: 0 0 auto;
  margin-right: 15px;
}
.project-progress-bar .bar-row .label-col .label-text {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 24px;
  vertical-align: 18px;
}
.project-progress-bar .bar-row .bar-col {
  flex: 1 1 auto;
}
.project-progress-bar .bar-row .bar-col .bar-block {
  width: 100%;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .project-progress-bar .bar-row .bar-col .bar-block {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .project-progress-bar .bar-row .bar-col .bar-block {
    width: 100%;
  }
}
.project-progress-bar .bar-row .bar-col .bar-block .pm-progress-bar .ui-progressbar-value {
  background-color: #38d57a;
}
.project-progress-bar .bar-row .bar-col .bar-block .pm-progress-bar .progress-level {
  line-height: 22px;
}
@media (min-width: 576px) {
  .project-progress-bar .bar-row .bar-col .bar-other {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .project-progress-bar .bar-row .bar-col .bar-other > * {
    min-width: 0;
  }
}
.project-progress-bar .bar-row .bar-col .bar-other .info-block {
  flex: 1 1 auto;
  font-size: 10px;
  font-style: italic;
  padding-right: 10px;
}
.project-progress-bar .bar-row .bar-col .bar-other .info-block .material-icons {
  margin-right: 10px;
  font-size: 16px;
}
.project-progress-bar .bar-row .bar-col .bar-other .info-block .text {
  line-height: 16px;
}
.project-progress-bar .bar-row .bar-col .bar-other .btn-col {
  flex: 0 0 auto;
}
.project-progress-bar .bar-row .bar-col .bar-other .btn-col .btn, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button {
  color: #03a9f3;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  line-height: 14px;
}
.project-progress-bar .bar-row .bar-col .bar-other .btn-col .btn::before, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button::before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button::before, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button::before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button::before {
  color: #03a9f3;
}
.project-progress-bar .bar-row .bar-col .bar-other .btn-col .btn:focus, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button:focus, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button:focus, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .btn:hover, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button:hover, .project-progress-bar .bar-row .bar-col .bar-other .btn-col .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .project-progress-bar .bar-row .bar-col .bar-other .btn-col button:hover {
  color: rgba(3, 169, 243, 0.8);
  text-decoration: none;
}

.custom-project-col {
  position: relative;
  margin: 0;
  width: 100%;
}
.custom-project-col .pm-progress-bar {
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  margin: 0;
}

.project-overview .img-responsive {
  /* This media query targets iOS devices only */
}
@supports (-webkit-touch-callout: none) {
  .project-overview .img-responsive {
    display: block;
    max-width: 100%;
    height: 100% !important;
    width: 100% !important;
  }
}

.split-view-row {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.split-view-row > * {
  min-width: 0;
}
.split-view-row .split-view-column {
  flex: 1 1 auto;
}
.split-view-row .split-view-column .split-view-loading-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.split-view-row .split-view-column .split-view-loading-wrapper .loader {
  margin: auto;
  padding: 3.125rem 0;
}
.split-view-row .split-view-column .split-view-loading-wrapper .loader .inline-loader {
  position: relative;
  width: 70px;
  height: 70px;
  background-color: transparent;
}
.split-view-row .split-view-column.split-view-column-active {
  overflow-x: auto;
}
.split-view-row .split-view-column.split-grid-wrap .gridview-header {
  column-gap: 4px;
  row-gap: 16px;
  padding: 20px;
  margin: 0;
  background-color: #fff;
  border-radius: 7px 7px 0 0;
}
.split-view-row .split-view-column.split-grid-wrap .gridview-header .sd-btn-wide-primary-add-36px,
.split-view-row .split-view-column.split-grid-wrap .gridview-header .sd-btn-wide-action-24px {
  margin: 0;
  gap: 8px;
  color: currentColor;
}
.split-view-row .split-view-column.split-grid-wrap .gridview-header .sd-btn-wide-primary-add-36px svg,
.split-view-row .split-view-column.split-grid-wrap .gridview-header .sd-btn-wide-action-24px svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.split-view-row .split-view-column.split-grid-wrap .gridview-footer {
  padding: 0 15px;
}
.split-view-row .split-view-column.split-grid-wrap .dataTableResp {
  max-width: 100%;
  width: 100%;
}
.split-view-row .split-view-column.split-grid-wrap .dataTableResp#pm-project-template-tasks-grid {
  min-height: auto;
}
.split-view-row .split-view-column.split-grid-wrap .dataTableResp#pm-project-template-sprints-grid {
  min-width: auto;
}
@media (max-width: 767px) {
  .split-view-row .split-view-column.split-grid-wrap .dataTableResp {
    overflow-x: auto;
  }
  .split-view-row .split-view-column.split-grid-wrap .dataTableResp#pm-tasks-grid {
    min-width: auto;
  }
  .split-view-row .split-view-column.split-grid-wrap .dataTableResp#pm-tasks-grid > .table {
    min-width: 900px;
  }
  .split-view-row .split-view-column.split-grid-wrap .dataTableResp.sd-grid-view-responsive > .table {
    min-width: auto !important;
  }
}
.split-view-row .split-view-column.split-view-column-active {
  flex: 0 0 45%;
  margin-right: 10px;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .split-view-row .split-view-column.split-view-column-active {
    flex: 0 0 100%;
  }
}
.split-view-row .split-view-column.split-view-column-active .dataTableResp {
  overflow-x: auto;
}
.split-view-row .split-view-column.split-view-column-active .gridview-header .sd-list-card-switcher .sd-btn {
  display: none;
}
.split-view-row .split-view-column.split-view-column-content {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .split-view-row .split-view-column.split-view-column-content {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .split-view-row .split-view-column.split-view-column-content .dataTableResp {
    max-width: 100%;
    overflow-x: auto;
  }
}
.split-view-row .split-view-head-block {
  padding: 9px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.split-view-row .split-view-head-block > * {
  min-width: 0;
}
.split-view-row .split-view-head-block .split-view-head-title {
  flex: 1 1 auto;
}
.split-view-row .split-view-head-block .split-view-head-title .entity-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.split-view-row .split-view-head-block .split-view-head-actions {
  flex: 0 0 auto;
}

.manage-team-page .manage-title-wrap {
  margin-bottom: 15px;
}
.manage-team-page .manage-title-wrap .card-block {
  padding: 10px 15px;
}
.manage-team-page .manage-title-wrap .content-row {
  display: flex;
  align-items: center;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.manage-team-page .manage-title-wrap .content-row > * {
  min-width: 0;
}
.manage-team-page .manage-title-wrap .content-row.editing .description {
  max-width: 100%;
}
.manage-team-page .manage-title-wrap .content-row.editing .form-control {
  max-width: 50%;
}
.manage-team-page .manage-title-wrap .circle-image-wrap {
  flex: 0 0 70px;
  margin-right: 15px;
  width: 70px;
  height: 70px;
  position: relative;
}
.manage-team-page .manage-title-wrap .circle-image-wrap.colorize, .manage-team-page .manage-title-wrap .circle-image-wrap:hover {
  -webkit-align-self: flex-start;
  -moz-box-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.manage-team-page .manage-title-wrap .circle-image-wrap.colorize:before, .manage-team-page .manage-title-wrap .circle-image-wrap:hover:before {
  position: absolute;
  top: -5px;
  right: -5px;
  content: "colorize";
  font-family: "Material Icons";
  font-feature-settings: "liga";
  font-size: 1.4285714286em;
  line-height: 1;
  transition: all 0.5s ease;
  z-index: 10;
  cursor: pointer;
  pointer-events: none;
}
.manage-team-page .manage-title-wrap .circle-image-wrap.colorize:after, .manage-team-page .manage-title-wrap .circle-image-wrap:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  pointer-events: none;
  content: "";
  cursor: pointer;
}
.manage-team-page .manage-title-wrap .circle-image-wrap.colorize.color-picker:after, .manage-team-page .manage-title-wrap .circle-image-wrap.colorize.color-picker:before, .manage-team-page .manage-title-wrap .circle-image-wrap:hover.color-picker:after, .manage-team-page .manage-title-wrap .circle-image-wrap:hover.color-picker:before {
  pointer-events: all;
}
.manage-team-page .manage-title-wrap .circle-image-wrap .color-picker-toggle {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.manage-team-page .manage-title-wrap .circle-image-wrap .color-picker-wrap {
  position: absolute;
  top: 37px;
  pointer-events: none;
  z-index: 1;
}
.manage-team-page .manage-title-wrap .circle-image-wrap .color-picker-wrap .color-picker-input-wrapper {
  opacity: 0;
}
.manage-team-page .manage-title-wrap .circle-image-wrap .color-picker-wrap .color-picker-panel {
  pointer-events: all;
}
.manage-team-page .manage-title-wrap .circle-image-wrap svg {
  width: 100%;
  height: 100%;
}
.manage-team-page .manage-title-wrap .title-wrap {
  flex: 1 1 100%;
}
.manage-team-page .manage-title-wrap .title-wrap .title {
  margin-bottom: 0;
  text-align: left;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #4c4c4c;
}
.manage-team-page .manage-title-wrap .title-wrap .description {
  max-width: 400px;
}
.manage-team-page .manage-title-wrap .title-wrap .description .show-more-text {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  color: #27bdf0;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  font-weight: 700;
  text-transform: uppercase;
}
.manage-team-page .manage-title-wrap .title-wrap .description .show-more-text::before {
  color: #27bdf0;
}
.manage-team-page .manage-title-wrap .title-wrap .description .show-more-text:focus, .manage-team-page .manage-title-wrap .title-wrap .description .show-more-text:hover {
  color: rgba(39, 189, 240, 0.8);
  text-decoration: none;
}
.manage-team-page .manage-title-wrap .title-wrap .description.empty {
  font-style: italic;
}
.manage-team-page .manage-title-wrap .options-btn-wrap {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.manage-team-page .manage-title-wrap .options-btn-wrap > * {
  min-width: 0;
}
.manage-team-page .manage-title-wrap .options-btn-wrap .badge {
  padding: 10px 15px;
}
.manage-team-page .manage-title-wrap .options-btn-wrap .btn, .manage-team-page .manage-title-wrap .options-btn-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-team-page .manage-title-wrap .options-btn-wrap button, .manage-team-page .manage-title-wrap .options-btn-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .manage-team-page .manage-title-wrap .options-btn-wrap button {
  width: 3.5714285714em;
  height: 3.5714285714em;
}
.manage-team-page .manage-title-wrap .options-btn-wrap .dropdown-menu {
  padding: 5px 0;
}
@media (min-width: 768px) {
  .manage-team-page .main-content-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .manage-team-page .main-content-wrap > * {
    min-width: 0;
  }
}
.manage-team-page .main-content-wrap .card {
  margin-bottom: 15px;
}
.manage-team-page .main-content-wrap .card .card-title {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  .manage-team-page .main-content-wrap .contacts-list-col {
    flex: 0 0 40%;
    max-width: 400px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .manage-team-page .main-content-wrap .included-list-col {
    flex: 1 1 50%;
  }
}
.manage-team-page .main-content-wrap .contacts-list-col,
.manage-team-page .main-content-wrap .included-list-col {
  display: flex;
  flex-direction: column;
}
.manage-team-page .main-content-wrap .contacts-list-col .card,
.manage-team-page .main-content-wrap .included-list-col .card {
  width: 100%;
  flex: 1 1 auto;
}
.manage-team-page .main-content-wrap .draggable {
  z-index: 100;
}
.manage-team-page .circle-user-item {
  position: relative;
  margin-bottom: 10px;
  box-shadow: none;
}
.manage-team-page .circle-user-item.draggable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.manage-team-page .circle-user-item.ui-draggable-dragging {
  min-width: 400px;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.manage-team-page .circle-user-item > div {
  padding: 0 10px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}
.manage-team-page .circle-user-item .content-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
}
.manage-team-page .circle-user-item .content-wrap > * {
  min-width: 0;
}
.manage-team-page .circle-user-item .content-wrap .logo-wrap {
  flex: 0 0 50px;
  height: 50px;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 0;
  padding: 0;
  text-align: center;
}
.manage-team-page .circle-user-item .content-wrap .logo-wrap .default-user-avatar {
  width: 50px;
  height: 50px;
}
.manage-team-page .circle-user-item .content-wrap .info-wrap {
  flex: 1 1 auto;
  max-width: calc(100% - 96px);
}
.manage-team-page .circle-user-item .content-wrap .info-wrap .userName {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manage-team-page .circle-user-item .content-wrap .removeCircleUser {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.25rem !important;
}
.manage-team-page .circle-user-item .content-wrap .removeCircleUser span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
}
.manage-team-page .circle-user-item.draggable .default-user-avatar {
  background: #868686;
}

.users-list .dropzone {
  width: 100%;
  height: 200px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  position: relative;
}
.users-list .dropzone.ui-droppable-hover {
  background-color: rgba(204, 204, 204, 0.1);
}
.users-list .dropzone .info-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  width: 100%;
}

#pm-project-template-tasks-grid .material-icons {
  margin-right: 15px !important;
}

#pm-project-template-sprints-grid .material-icons {
  margin-right: 15px !important;
}

.split-view-head-block .btn, .split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button, .split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button,
.task-view-wrap .btn,
.task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button,
.task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button {
  position: relative;
}
.split-view-head-block .btn.function-btn, .split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn, .split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn,
.task-view-wrap .btn.function-btn,
.task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn,
.task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn {
  width: 40px;
  height: 40px;
}
.split-view-head-block .btn.function-btn i, .split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn i, .split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn i,
.split-view-head-block .btn.function-btn img,
.split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn img,
.split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn img,
.split-view-head-block .btn.function-btn svg,
.split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn svg,
.split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn svg,
.task-view-wrap .btn.function-btn i,
.task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn i,
.task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn i,
.task-view-wrap .btn.function-btn img,
.task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn img,
.task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn img,
.task-view-wrap .btn.function-btn svg,
.task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn svg,
.task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
  color: #555;
}

.task-view-wrap {
  display: block;
}
.task-view-wrap .editing-disabled-alert {
  background: #fefefe;
  border: 1px solid #dadada;
  padding: 11px 16px !important;
}
.task-view-wrap .card {
  padding: 15px;
}
@media (max-width: 767px) {
  .task-view-wrap .card .task-option-wrap label {
    margin-left: -5px;
    width: 65px;
    flex: none;
  }
}
.task-view-wrap .card.task-desc-card {
  margin-bottom: 10px;
}
.task-view-wrap .card.task-desc-card .wysiwyg-content p {
  font-size: 12px;
  color: #777;
  line-height: 1.7;
  margin-left: 3px;
}
.task-view-wrap .card.task-desc-card.disabled .redactor-in a {
  cursor: pointer;
  pointer-events: auto;
}
.task-view-wrap .card.task-desc-card #collapseTaskHistory .description-cell a,
.task-view-wrap .card.task-desc-card #collapseTaskHistory .description-cell a:hover,
.task-view-wrap .card.task-desc-card #collapseTaskHistory .description-cell a:visited,
.task-view-wrap .card.task-desc-card #collapseTaskHistory .description-cell a:focus {
  color: #3397ff;
}
.task-view-wrap .card.task-desc-card .field-title-block {
  position: relative;
  display: block;
  padding: 5px 20px 5px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.task-view-wrap .card.task-desc-card .field-title-block > * {
  min-width: 0;
}
.task-view-wrap .card.task-desc-card .field-title-block .title {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1;
}
.task-view-wrap .card.task-desc-card .field-title-block .info-message {
  position: relative;
  font-size: 12px;
  line-height: 1;
  color: #bbb;
  padding-left: 20px;
}
.task-view-wrap .card.task-desc-card .field-title-block .info-message:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 7px;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #aaa;
}
.task-view-wrap .card.task-desc-card .collapse-card-content-btn {
  position: absolute;
  right: 0;
  top: 5px;
  padding: 0;
  width: 20px;
  height: 20px;
}
.task-view-wrap .card.task-desc-card .collapse-card-content-btn.collapsed .plus {
  display: block;
}
.task-view-wrap .card.task-desc-card .collapse-card-content-btn.collapsed .minus {
  display: none;
}
.task-view-wrap .card.task-desc-card .collapse-card-content-btn .plus {
  display: none;
}
.task-view-wrap .card.task-desc-card .collapse-card-content-btn .minus {
  display: block;
}
.task-view-wrap .card.task-desc-card .collapse-card-content-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.task-view-wrap .head-block {
  margin-bottom: 10px;
}
.task-view-wrap .head-block .options-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
}
.task-view-wrap .head-block .options-block .options-column {
  flex: 0 0 auto;
}
.task-view-wrap .head-block .options-block .options-column svg {
  width: 26px;
  height: 26px;
  fill: #555;
}
.task-view-wrap .head-block .task-title {
  padding: 10px 0 5px 0;
}
.task-view-wrap .head-block .task-title .title-control {
  font-size: 20px;
  font-weight: 500 !important;
  color: #555;
  width: 100%;
  padding: 0;
  border: 1px solid transparent;
}
.task-view-wrap .head-block .task-title .title-control:hover, .task-view-wrap .head-block .task-title .title-control:focus {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 300;
}
.task-view-wrap .head-block .task-title .title-control:hover:focus, .task-view-wrap .head-block .task-title .title-control:focus:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.task-view-wrap .head-block .task-title .title-control:hover[disabled], .task-view-wrap .head-block .task-title .title-control:hover[readonly]:not([auto-select]), .task-view-wrap .head-block .task-title .title-control:focus[disabled], .task-view-wrap .head-block .task-title .title-control:focus[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .task-view-wrap .head-block .task-title .title-control:hover, .task-view-wrap .head-block .task-title .title-control:focus {
    min-height: 42px;
    font-size: 14px;
  }
  .task-view-wrap .head-block .task-title .title-control:hover:not(textarea), .task-view-wrap .head-block .task-title .title-control:focus:not(textarea) {
    height: auto !important;
  }
}
.task-view-wrap .head-block .task-title .title-control:hover.standard-multiselect, .task-view-wrap .head-block .task-title .title-control:focus.standard-multiselect {
  height: auto !important;
}
.task-view-wrap .user-info-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid transparent;
}
.task-view-wrap .user-info-block > * {
  min-width: 0;
}
.task-view-wrap .user-info-block > * {
  min-width: 0;
}
.task-view-wrap .user-info-block.has-project.user-list-active, .task-view-wrap .user-info-block.has-project:hover {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  cursor: pointer;
  border-color: #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.task-view-wrap .user-info-block.has-project .expand-more {
  opacity: 1;
}
.task-view-wrap .user-info-block .expand-more {
  opacity: 0;
}
.task-view-wrap .user-info-block .img-wrap {
  flex: 0 0 50px;
  margin-right: 10px;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.task-view-wrap .user-info-block .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.task-view-wrap .user-info-block .info-wrap {
  flex: 0 1 auto;
}
.task-view-wrap .user-info-block .info-wrap .assign-info {
  font-size: 10px;
  line-height: 14px;
  color: #03A9F3;
}
.task-view-wrap .user-info-block .info-wrap .user-name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.task-view-wrap .user-info-block .project-users {
  position: absolute;
  top: 100%;
  z-index: 101;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu {
  width: auto !important;
  padding: 0.7142857143em 0;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3571428571em 0.7142857143em;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item > * {
  min-width: 0;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item:last-child {
  padding-bottom: 0;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item .avatar {
  -webkit-box-flex: 0 1 50px;
  -moz-box-flex: 0 1 50px;
  -webkit-flex: 0 1 50px;
  -ms-flex: 0 1 50px;
  flex: 0 1 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 0.7142857143em;
  margin-top: auto;
  margin-bottom: auto;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item .avatar figure {
  margin: 0;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item .name {
  margin-top: auto;
  margin-bottom: auto;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item.sm-avatar .avatar {
  max-width: 30px;
  max-height: 30px;
  font-size: 0.8rem;
}
.task-view-wrap .user-info-block .project-users .dropdown .dropdown-menu .dropdown-item.sm-avatar .avatar .default-user-avatar {
  font-size: 0.8rem;
}
.task-view-wrap .file-field {
  position: relative;
  padding: 0 5px 0 12px;
  height: calc(2.5rem + 2px);
  font-size: 14px;
}
.task-view-wrap .file-field svg {
  width: 20px;
  height: 20px;
}
.task-view-wrap .file-field .count-label {
  position: absolute;
  padding: 5px 8px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 300;
}
.task-view-wrap .file-field .text {
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
}
.task-view-wrap .file-field .material-icons {
  padding-bottom: 4px;
  font-size: 2rem;
  transform: rotate(-45deg);
}
.task-view-wrap .due-date-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-left: 5px;
}
.task-view-wrap .due-date-info > * {
  min-width: 0;
}
.task-view-wrap .due-date-info .due-label {
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  padding-right: 10px;
}
.task-view-wrap .due-date-info .due-date {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-right: 0.7142857143em;
}
.task-view-wrap .due-date-info .due-date .due-date-control {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500 !important;
  padding: 0.4rem 0.6rem;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-right: 5px;
  text-decoration: underline;
  width: 110px;
  text-align: center;
}
.task-view-wrap .due-date-info .due-date .due-date-control:hover, .task-view-wrap .due-date-info .due-date .due-date-control:focus {
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
  display: inline-block;
  width: 110px;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
}
.task-view-wrap .due-date-info .due-date .due-date-control:hover:focus, .task-view-wrap .due-date-info .due-date .due-date-control:focus:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.2);
}
.task-view-wrap .due-date-info .due-date .due-date-control:hover[disabled], .task-view-wrap .due-date-info .due-date .due-date-control:hover[readonly]:not([auto-select]), .task-view-wrap .due-date-info .due-date .due-date-control:focus[disabled], .task-view-wrap .due-date-info .due-date .due-date-control:focus[readonly]:not([auto-select]) {
  background-color: #F4F4F4;
  box-shadow: none;
  border: 1px solid #e4e9f0;
}
@media (max-width: 767px) {
  .task-view-wrap .due-date-info .due-date .due-date-control:hover, .task-view-wrap .due-date-info .due-date .due-date-control:focus {
    min-height: 42px;
    font-size: 14px;
  }
  .task-view-wrap .due-date-info .due-date .due-date-control:hover:not(textarea), .task-view-wrap .due-date-info .due-date .due-date-control:focus:not(textarea) {
    height: auto !important;
  }
}
.task-view-wrap .due-date-info .due-date .due-date-control:hover.standard-multiselect, .task-view-wrap .due-date-info .due-date .due-date-control:focus.standard-multiselect {
  height: auto !important;
}
.task-view-wrap .due-date-info .functional-link {
  color: #27bdf0;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  text-decoration: underline !important;
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
  margin-top: 10px;
}
.task-view-wrap .due-date-info .functional-link::before {
  color: #27bdf0;
}
.task-view-wrap .due-date-info .functional-link:focus, .task-view-wrap .due-date-info .functional-link:hover {
  color: rgba(39, 189, 240, 0.8);
  text-decoration: none;
}
.task-view-wrap .task-details {
  margin-left: 5px;
}
.task-view-wrap .task-details table tr .pm-task-details-row {
  height: 32px;
}
.task-view-wrap .task-details table tr .label-cell {
  text-align: left;
  text-transform: uppercase;
  padding-right: 10px;
  font-size: 1.2em;
  height: 36px;
}
.task-view-wrap .task-details table tr .content-cell {
  color: #999;
  height: 36px;
}
.task-view-wrap .recurring-form .input-group {
  align-items: center;
}
.task-view-wrap .recurring-form .input-group .input-group-addon {
  padding: 5px;
  background-color: transparent;
  border: 0;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item {
  padding: 5px 10px;
  color: #555;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .item-content {
  position: relative;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .item-content .drugging-icon {
  height: 20px;
  margin-right: 10px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item:hover {
  background-color: rgba(204, 204, 204, 0.05);
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item:hover .remove-subtask-btn {
  opacity: 1;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .checkbox-wrap {
  position: absolute;
  left: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  width: 20px;
  text-align: left;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .remove-subtask-btn {
  position: absolute;
  right: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  padding: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .remove-subtask-btn i {
  font-size: 16px;
  color: #e6614f;
  cursor: pointer;
  transition: all 0.2s linear 0s;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .remove-subtask-btn i::before {
  color: #e6614f;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .remove-subtask-btn i:focus, .task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .remove-subtask-btn i:hover {
  color: rgba(230, 97, 79, 0.8);
  text-decoration: none;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .subtask-info {
  position: relative;
  max-height: 100%;
  width: calc(100% - 25px);
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .subtask-info .autogrow-textarea, .task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .subtask-info .content-textarea {
  line-height: 20px;
  min-height: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  height: auto;
  padding: 0;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .subtask-info .autogrow-textarea {
  visibility: hidden;
}
.task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item .subtask-info .content-textarea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.task-view-wrap .add-new-subtask-form .add-subtask-wrapper textarea {
  padding-top: 12px;
  line-height: 0.9;
  resize: none;
  height: 40px;
  min-height: 25px;
}
.task-view-wrap .info-badges .task-status-badge {
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #bbb;
  font-size: 10px;
  margin-top: 10px;
  text-transform: uppercase;
}
.task-view-wrap .complete-btn {
  font-size: 18px;
  line-height: 24px;
  border-radius: 7px;
  color: #555;
  padding: 11px 20px;
}
.task-view-wrap .complete-btn:hover {
  border: 1px solid #008105 !important;
  background: #fff !important;
}
@media (max-width: 991px) {
  .task-view-wrap .complete-btn {
    margin-bottom: 10px;
  }
}
.task-view-wrap .complete-btn .material-icons {
  margin-right: 8px;
}
.task-view-wrap .complete-btn span {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.task-view-wrap .complete-btn span.mark-complete {
  text-indent: 0;
  text-transform: uppercase;
  font-size: 13px;
  color: #555;
}
.task-view-wrap .complete-btn span.is-complete {
  text-indent: -10000px;
  text-transform: uppercase;
  font-size: 13px;
  color: #555;
}
.task-view-wrap .complete-btn.completed .material-icons {
  color: white;
  background: green;
  border-radius: 100%;
}
.task-view-wrap .complete-btn.completed span.mark-complete {
  text-indent: -10000px;
}
.task-view-wrap .complete-btn.completed span.is-complete {
  text-indent: 0;
  padding-left: 0.625rem;
}
.task-view-wrap .collapse-content-wrap {
  padding-top: 5px;
}

.add-comment-field {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.add-comment-field > * {
  min-width: 0;
}
.add-comment-field .textarea-wrap {
  flex: 1 1 auto;
  margin-right: 10px;
}
.add-comment-field .button-wrap {
  flex: 0 0 auto;
}
.add-comment-field .button-wrap .btn, .add-comment-field .button-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .add-comment-field .button-wrap button, .add-comment-field .button-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .add-comment-field .button-wrap button {
  padding: 5px 15px;
  min-width: 0;
}

.task-history-table .table tr td,
.task-history-table .table tr th {
  vertical-align: middle;
  padding: 3px 10px;
  border: none !important;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}
.task-history-table .table tr div.description-cell {
  margin-top: 10px;
  padding: 0 !important;
  overflow: visible;
}
.task-history-table .table tr div.description-cell .comment-wrap {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.task-history-table .table tr div.description-cell .comment-wrap:after, .task-history-table .table tr div.description-cell .comment-wrap:before {
  position: absolute;
  content: "";
}
.task-history-table .table tr div.description-cell .comment-wrap:before {
  left: -11px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  z-index: 1;
  border-right: 11px solid #E5E5E5;
}
.task-history-table .table tr div.description-cell .comment-wrap:after {
  left: -10px;
  top: 5px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 2;
  border-right: 10px solid #fff;
}
.task-history-table .history-user-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.task-history-table .history-user-block > * {
  min-width: 0;
}
.task-history-table .history-user-block .avatar-wrap {
  position: relative;
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  font-size: 10px;
  border-radius: 50%;
}
.task-history-table .history-user-block .avatar-wrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.task-history-table .history-user-block .avatar-wrap figure,
.task-history-table .history-user-block .avatar-wrap sd-user-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.task-history-table .history-user-block .avatar-wrap .default-user-avatar-container {
  width: 30px;
  height: 30px;
}
.task-history-table .history-user-block .name {
  margin-right: 30px;
}
.task-history-table .history-user-block .name span {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-history-table .date-cell {
  font-weight: 500;
}

.no-files-message {
  font-size: 14px;
  text-align: center;
}

.file-upload-modal .file-list .name {
  flex: 1 1 auto;
  color: #03a9f3;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-modal .file-list .name::before {
  color: #03a9f3;
}
.file-upload-modal .file-list .name:focus, .file-upload-modal .file-list .name:hover {
  color: rgba(3, 169, 243, 0.8);
  text-decoration: none;
}
.file-upload-modal .file-list .name span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-modal .file-list .file-actions {
  flex: 0 0 auto;
  gap: 0.25rem;
}

.task-comments-list .comment-table {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
.task-comments-list .comment-table tr td,
.task-comments-list .comment-table tr th {
  vertical-align: middle;
  padding: 0;
  border: none !important;
  font-size: 12px;
  line-height: 16px;
}
.task-comments-list .comment-table .comment-data-cell {
  padding-right: 15px;
  padding-bottom: 10px;
}
.task-comments-list .comment-table .comment-data-cell .comment-wrap {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px;
  border-radius: 7px;
}
.task-comments-list .comment-table .comment-data-cell .comment-wrap:after, .task-comments-list .comment-table .comment-data-cell .comment-wrap:before {
  position: absolute;
  content: "";
  transform: translateY(-50%);
}
.task-comments-list .comment-table .comment-data-cell .comment-wrap:before {
  right: -11px;
  top: 15px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  z-index: 1;
  border-left: 11px solid #E5E5E5;
}
.task-comments-list .comment-table .comment-data-cell .comment-wrap:after {
  right: -10px;
  top: 15px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 2;
  border-left: 10px solid #fff;
}
.task-comments-list .comment-table .comment-data-cell .comment-block .comment-head {
  margin-bottom: 5px;
}
.task-comments-list .comment-table .comment-image-cell {
  position: relative;
  width: 70px;
  vertical-align: top;
}
@media (max-width: 575px) {
  .task-comments-list .comment-table .comment-image-cell {
    width: 40px;
  }
}
.task-comments-list .comment-table .comment-image-cell .avatar-wrap {
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 2px #DDD;
}
@media (max-width: 575px) {
  .task-comments-list .comment-table .comment-image-cell .avatar-wrap {
    width: 30px;
    height: 30px;
  }
}
.task-comments-list .comment-table .comment-image-cell .avatar-wrap > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
@media (max-width: 575px) {
  .task-comments-list .comment-table .comment-image-cell .avatar-wrap > * {
    width: 30px;
    height: 30px;
  }
}

.task-followers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.0714285714em;
}
.task-followers-wrapper > * {
  min-width: 0;
}
@media (max-width: 575px) {
  .task-followers-wrapper {
    display: block;
  }
}
.task-followers-wrapper .task-followers {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.task-followers-wrapper .task-followers .title {
  margin: auto 0.7142857143em auto 0;
  text-transform: uppercase;
  padding-right: 15px;
}
.task-followers-wrapper .task-followers .add-follower {
  margin: auto 0.72em auto 0;
  cursor: pointer;
}
.task-followers-wrapper .task-followers .add-follower button {
  width: 2.5em;
  height: 2.5em;
  position: relative;
}
.task-followers-wrapper .task-followers .add-follower button .material-icons {
  font-size: 1.4285714286em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu {
  width: auto !important;
  padding: 0.7142857143em 0;
  max-height: 300px;
  overflow-y: scroll;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3571428571em 0.7142857143em;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item > * {
  min-width: 0;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item:last-child {
  padding-bottom: 0;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item .avatar {
  -webkit-box-flex: 0 1 50px;
  -moz-box-flex: 0 1 50px;
  -webkit-flex: 0 1 50px;
  -ms-flex: 0 1 50px;
  flex: 0 1 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 0.7142857143em;
  margin-top: auto;
  margin-bottom: auto;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item .avatar figure {
  margin: 0;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item .name {
  margin-top: auto;
  margin-bottom: auto;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item.sm-avatar .avatar {
  max-width: 30px;
  max-height: 30px;
  font-size: 0.8rem;
}
.task-followers-wrapper .task-followers .add-follower .dropdown .dropdown-menu .dropdown-item.sm-avatar .avatar .default-user-avatar {
  font-size: 0.8rem;
}
.task-followers-wrapper .self-follower {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 189px;
  text-align: right;
}
.task-followers-wrapper .self-follower .change-self-follower .material-icons {
  margin-right: 0.25em;
}
@media (max-width: 575px) {
  .task-followers-wrapper .self-follower .change-self-follower {
    display: block;
    margin-top: 10px;
  }
}
.task-followers-wrapper .self-follower .change-self-follower .follow-text-wrap {
  display: inline-block;
  position: relative;
}
.task-followers-wrapper .self-follower .change-self-follower:hover .follow-text {
  opacity: 0;
}
.task-followers-wrapper .self-follower .change-self-follower:hover .change-follow-text {
  display: inline-block;
}
.task-followers-wrapper .self-follower .change-self-follower .change-follow-text {
  position: absolute;
  display: none;
  left: 0;
}

.modal .task-followers-wrapper .task-followers .title {
  display: block !important;
}

.follower-list {
  margin: auto 0;
}
.follower-list ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0;
}
.follower-list ul > * {
  min-width: 0;
}
.follower-list ul li {
  list-style: none;
}
.follower-list ul li.task-follower {
  margin: auto 0.72em auto 0;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
  width: 2.1428571429em;
  height: 2.1428571429em;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative;
}
.follower-list ul li.task-follower:hover:before {
  width: 100%;
  height: 100%;
  position: absolute;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "clear";
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  text-align: center;
  line-height: 29px;
  color: red;
}
.follower-list ul li.task-follower .follower-thumb {
  max-width: 100%;
  width: auto;
  height: auto;
}
.follower-list ul li.task-follower .follower-thumb figure {
  margin-bottom: 0;
}
.follower-list ul li.task-follower .default-user-avatar {
  width: 30px !important;
  height: 30px !important;
  font-size: 13px;
}

.split-view-column-active .pills {
  display: flex !important;
}
.split-view-column-active .pills .category-pill {
  display: block;
}

.task-card [ng-click], .pm-task-title [ng-click] {
  cursor: pointer;
}
.task-card .pills, .pm-task-title .pills {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 4px 0;
}
.task-card .pills .task-status, .pm-task-title .pills .task-status {
  max-width: 100%;
}
.task-card .pills .category-pill, .pm-task-title .pills .category-pill {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .task-card .pills .category-pill, .pm-task-title .pills .category-pill {
    padding: 4px 8px 4px;
  }
}
@-moz-document url-prefix() {
  .task-card .pills .category-pill, .pm-task-title .pills .category-pill {
    padding: 4px 8px;
  }
}
.task-card .task-pills, .pm-task-title .task-pills {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
}
.task-card .task-pill, .pm-task-title .task-pill {
  white-space: nowrap;
  margin: 0 0.4375rem 0.3125rem 0;
}
.sd-grid-view .task-card .task-pill, .sd-grid-view .pm-task-title .task-pill {
  white-space: normal;
}
.task-card .due-date, .pm-task-title .due-date {
  margin-right: 1.25rem;
  margin-top: 0.3125rem;
}
.task-card .due-date .du, .pm-task-title .due-date .du {
  background-color: #D41000;
  color: white;
  padding: 0.125rem 0.25rem;
  margin-right: 0.3125rem;
  border-radius: 5px;
  font-size: 12px;
}
.task-card .due-date .dt, .pm-task-title .due-date .dt {
  color: #D41000;
}
.task-card .task-id, .task-card .project-name, .pm-task-title .task-id, .pm-task-title .project-name {
  margin-right: 0.625rem;
}
.task-card .task-id .l, .task-card .project-name .l, .pm-task-title .task-id .l, .pm-task-title .project-name .l {
  background-color: #686868;
  color: white;
  padding: 0.125rem 0.25rem;
  margin-right: 0.3125rem;
}
.task-card .task-id .v, .task-card .project-name .v, .pm-task-title .task-id .v, .pm-task-title .project-name .v {
  color: #686868;
  font-weight: bold;
  font-size: 0.875rem;
}

.task-card .options-btns-wrap {
  min-width: auto;
}

.split-view-column .disabled {
  opacity: 0.9;
}
.split-view-column .task-title {
  border-radius: 7px;
}

@media (max-width: 575px) {
  .main-wrapper {
    /*.columns-form-wrap {
      padding-top: 0;
    }*/
  }
}

.contact-view-mobile {
  width: 100%;
  padding: 15px;
}
@media (min-width: 400px) {
  .contact-view-mobile {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .contact-view-mobile > * {
    min-width: 0;
  }
}
.contact-view-mobile .photos-col {
  flex: 0 0 80px;
  margin-right: 30px;
}
@media (max-width: 499px) {
  .contact-view-mobile .photos-col {
    display: none;
  }
}
.contact-view-mobile .main-info-col {
  flex: 1 1 100px;
  margin-right: 30px;
}
.contact-view-mobile .options-col {
  flex: 0 0 120px;
}
.contact-view-mobile .user-photo-wrap,
.contact-view-mobile .coordinator-photo-wrap {
  position: relative;
  z-index: 0;
}
.contact-view-mobile .user-photo-wrap .photo-block,
.contact-view-mobile .coordinator-photo-wrap .photo-block {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
  margin: 0 auto;
}
.contact-view-mobile .user-photo-wrap .photo-block > *,
.contact-view-mobile .coordinator-photo-wrap .photo-block > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.contact-view-mobile .user-photo-wrap .photo-block > * img,
.contact-view-mobile .user-photo-wrap .photo-block > * svg,
.contact-view-mobile .coordinator-photo-wrap .photo-block > * img,
.contact-view-mobile .coordinator-photo-wrap .photo-block > * svg {
  width: 100%;
  height: 100%;
}
.contact-view-mobile .user-photo-wrap {
  margin-bottom: 30px;
}
.contact-view-mobile .user-photo-wrap .photo-block {
  width: 80px;
  height: 80px;
}
.contact-view-mobile .user-photo-wrap:after {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 99%;
  transform: translateX(-50%);
  height: 60px;
  width: 2px;
  background-color: #000;
}
.contact-view-mobile .coordinator-photo-wrap {
  margin-bottom: 12px;
}
.contact-view-mobile .coordinator-photo-wrap .photo-block {
  width: 70px;
  height: 70px;
}
.contact-view-mobile .coordinator-photo-wrap .coordinator-label {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 10px;
  padding: 5px 7px;
  z-index: 3;
}
.contact-view-mobile .coordinator-wrap .name-wrap {
  text-align: center;
  font-size: 14px;
}
.contact-view-mobile .main-info-col .user-name {
  font-size: 30px;
  margin-bottom: 5px;
  line-height: 35px;
}
.contact-view-mobile .main-info-col .user-badges {
  margin-bottom: 10px;
}
.contact-view-mobile .main-info-col .user-badges .badge {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
}
.contact-view-mobile .main-info-col .user-info-item {
  font-size: 14px;
}
@media (min-width: 500px) {
  .contact-view-mobile .main-info-col .coordinator-info-item {
    display: none;
  }
}
.contact-view-mobile .options-col .buttons-wrap {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.contact-view-mobile .options-col .buttons-wrap .functional-btn {
  position: relative;
  width: 40px;
  height: 40px;
}
.contact-view-mobile .options-col .buttons-wrap .functional-btn:first-child {
  margin-right: 10px;
}
.contact-view-mobile .options-col .buttons-wrap .functional-btn svg,
.contact-view-mobile .options-col .buttons-wrap .functional-btn img,
.contact-view-mobile .options-col .buttons-wrap .functional-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.contact-view-mobile .options-col .events-block .block-title {
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
}
.contact-view-mobile .options-col .events-block .events-counters {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.contact-view-mobile .options-col .events-block .events-counters > * {
  min-width: 0;
}
.contact-view-mobile .options-col .events-block .events-counters .events-counter-item {
  position: relative;
  text-align: center;
  flex: 0 0 50%;
}
.contact-view-mobile .options-col .events-block .events-counters .events-counter-item .number {
  position: relative;
  font-size: 24px;
  color: #03a9f3;
  line-height: 24px;
  margin-bottom: 5px;
}
.contact-view-mobile .options-col .events-block .events-counters .events-counter-item .number:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  width: 32px;
  height: 1px;
  transform: translateX(-50%);
  background-color: #03a9f3;
}
.contact-view-mobile .options-col .events-block .events-counters .events-counter-item .description {
  font-size: 12px;
}
.contact-view-mobile .options-col .next-event-block {
  text-align: center;
  margin-bottom: 15px;
}
.contact-view-mobile .options-col .next-event-block .block-title {
  font-size: 20px;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 300;
  margin-bottom: 10px;
}
.contact-view-mobile .options-col .next-event-block .event-item-date {
  font-size: 18px;
  text-decoration: underline;
  color: #03a9f3;
  font-weight: 300;
}

@media (min-width: 576px) {
  .files-content-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .files-content-row > * {
    min-width: 0;
  }
  .files-content-row .files-left-sidebar-col {
    flex: 0 0 300px;
    margin-right: 15px;
    order: 1;
  }
  .files-content-row .files-main-content-col {
    flex: 1 1 auto;
    order: 2;
  }
}
@media (max-width: 767px) {
  .files-content-row .files-main-content-col {
    margin-bottom: 20px;
  }
}

.files-category-filter {
  list-style: none;
  padding: 10px 0;
}
.files-category-filter li {
  margin-bottom: 5px;
  padding: 0 10px;
}
.files-category-filter li .btn, .files-category-filter li .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .files-category-filter li button, .files-category-filter li .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .files-category-filter li button {
  width: 100%;
  padding: 5px 10px;
  font-weight: 300;
}
.files-category-filter li .btn span, .files-category-filter li .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .files-category-filter li button span, .files-category-filter li .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .files-category-filter li button span {
  display: block;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.data-table-item-mobile {
  position: relative;
  padding: 10px;
  min-height: 60px;
}
.data-table-item-mobile:not(:last-child) {
  margin-bottom: 10px;
}
.data-table-item-mobile.has-options-btn {
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .data-table-item-mobile.has-options-btn {
    padding: 16px;
  }
}
.data-table-item-mobile.has-avatar {
  padding-left: 60px;
}
.data-table-item-mobile.has-avatar.has-checkbox {
  padding-left: 90px;
}
.data-table-item-mobile.has-avatar.has-checkbox .avatar-wrap,
.data-table-item-mobile.has-avatar.has-checkbox .indicator-wrap {
  left: 30px;
}
.data-table-item-mobile.has-avatar .avatar-wrap,
.data-table-item-mobile.has-avatar .indicator-wrap {
  left: 10px;
}
.data-table-item-mobile.has-checkbox {
  padding-left: 30px;
}
.data-table-item-mobile .link-to-view {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: calc(100% - 60px);
  height: 100%;
  z-index: 1;
}
.data-table-item-mobile .no-link-to-view {
  position: relative;
  z-index: 2;
}
.data-table-item-mobile .indicator-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: 2;
  width: 40px;
  height: 40px;
}
.data-table-item-mobile .avatar-wrap {
  overflow: hidden;
}
.data-table-item-mobile .options-btns-wrap .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.data-table-item-mobile .options-btns-wrap .dropdown.show {
  z-index: 3;
}
.data-table-item-mobile .options-btns-wrap .dropdown .dropdown-menu {
  padding: 0;
}
.data-table-item-mobile .options-btns-wrap .dropdown .dropdown-menu .dropdown-item {
  font-weight: 300 !important;
}
.data-table-item-mobile .options-btns-wrap .btn-options {
  width: 40px;
  height: 40px;
  padding: 0;
}
.data-table-item-mobile .options-btns-wrap .btn-options i,
.data-table-item-mobile .options-btns-wrap .btn-options img,
.data-table-item-mobile .options-btns-wrap .btn-options svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.contact-card-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.contact-card-mobile > * {
  min-width: 0;
}
.contact-card-mobile .option-wrap {
  flex: 0 0 auto;
}
.contact-card-mobile .info-wrap {
  font-size: 12px;
  min-height: 40px;
  width: 100%;
  margin: 0;
}
.contact-card-mobile .info-wrap .info__item {
  margin-bottom: 7px;
}
.contact-card-mobile .info-wrap .info__item:last-child {
  margin-bottom: 0;
}
.contact-card-mobile .info-wrap > * {
  width: 100%;
}
.contact-card-mobile .info-wrap .row {
  padding: 0;
  width: 100%;
}
.contact-card-mobile .info-wrap .type,
.contact-card-mobile .info-wrap .contact {
  font-weight: 700;
}
.contact-card-mobile .info-wrap .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
}
.contact-card-mobile .info-wrap .info-wrap--category {
  display: inline-block;
}
.contact-card-mobile .info-wrap .info-wrap--category span.ng-isolate-scope {
  display: inline-block;
  padding: 4px;
}
.contact-card-mobile .info-wrap .info-wrap--category span.ng-isolate-scope .category-pill {
  width: 100%;
  display: inline-block;
}
.contact-card-mobile .action-element {
  z-index: 3;
}

.crm-contacts-card .link-to-view {
  width: 96%;
  z-index: 1;
}
.crm-contacts-card .card-details .link {
  z-index: 2 !important;
}
.crm-contacts-card .options-btns-wrap {
  position: static !important;
  margin-left: auto;
  margin-right: 0;
  z-index: auto !important;
}
.crm-contacts-card .options-btns-wrap .dropdown {
  position: relative;
  top: unset;
  right: 0 !important;
}
.crm-contacts-card .options-btns-wrap .dropdown button {
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.crm-contacts-card .options-btns-wrap .dropdown .dropdown-menu {
  min-width: 190px;
  z-index: 10001;
}

.crm-company-card .options-btns-wrap .dropdown .dropdown-menu {
  min-width: 200px;
}

@media (max-width: 767px) {
  .data-table-item-mobile.has-options-btn {
    padding-top: 1rem;
  }
}
.file-upload-preview-wrap {
  width: 100%;
  position: relative;
}
.file-upload-preview-wrap .upload-image-preview .img-wrap {
  position: relative;
  width: 90px;
  height: 90px;
}
.file-upload-preview-wrap .upload-image-preview .img-wrap img,
.file-upload-preview-wrap .upload-image-preview .img-wrap svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-sortable .ui-sortable-handle {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ui-sortable .ui-sortable-handle.ui-sortable-helper {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.gridview-empty-default .btn.btn-rounded, .gridview-empty-default .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-rounded, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-empty-default button.btn-rounded, .gridview-empty-default .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-rounded, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-empty-default button.btn-rounded {
  justify-content: center;
}

#customers-grid .btn-group,
#discounts-grid .btn-group,
#resellers-grid .btn-group,
#administration-settings-grid .btn-group,
#administration-roles-grid .btn-group,
#administration-contentArea-grid .btn-group,
#easyFormAdmin-grid .btn-group,
#videoPopup-grid .btn-group,
#send-grid-requests-grid .btn-group {
  display: none;
  position: absolute;
  background: #E5F1F4;
  z-index: 999;
  width: 100%;
}
#customers-grid .btn-group a,
#discounts-grid .btn-group a,
#resellers-grid .btn-group a,
#administration-settings-grid .btn-group a,
#administration-roles-grid .btn-group a,
#administration-contentArea-grid .btn-group a,
#easyFormAdmin-grid .btn-group a,
#videoPopup-grid .btn-group a,
#send-grid-requests-grid .btn-group a {
  display: block;
  text-align: center;
}
#customers-grid .xl-fix-dim,
#discounts-grid .xl-fix-dim,
#resellers-grid .xl-fix-dim,
#administration-settings-grid .xl-fix-dim,
#administration-roles-grid .xl-fix-dim,
#administration-contentArea-grid .xl-fix-dim,
#easyFormAdmin-grid .xl-fix-dim,
#videoPopup-grid .xl-fix-dim,
#send-grid-requests-grid .xl-fix-dim {
  width: 160px;
}

.gridview-empty-default .empty-text-sub {
  display: block;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 20px;
}
.gridview-empty-default .empty-text-sub:last-of-type {
  margin-bottom: 0;
}
.gridview-empty-default td.empty:first-child span {
  height: unset !important;
  width: unset !important;
  min-height: unset !important;
  padding: 0 !important;
}
.gridview-empty-default .empty-text,
.gridview-empty-default .empty-text-sub {
  display: block !important;
  height: unset !important;
}
.gridview-empty-default .empty-text span {
  justify-content: center;
  padding: 0 !important;
  height: unset !important;
  width: unset !important;
  min-height: unset !important;
}
.gridview-empty-default .reseller-customers-grid.dataTableResp .table tr .empty:first-child span {
  padding: 0 !important;
}

.comment-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.comment-box > * {
  min-width: 0;
}
.comment-box:not(:last-child) {
  margin-bottom: 10px;
}
.comment-box .comment-box-image-col {
  flex: 0 0 50px;
  margin-right: 10px;
}
.comment-box .comment-box-image-col .img-wrap {
  position: relative;
  width: 50px;
  height: 50px;
}
.comment-box .comment-box-image-col .img-wrap img,
.comment-box .comment-box-image-col .img-wrap svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.comment-box .comment-box-content-col {
  flex: 1 1 auto;
}

.view-notes-sidebar {
  position: relative;
  padding-top: 27px;
}
.view-notes-sidebar .edit-note-buttons {
  position: absolute;
  right: 19px;
  top: 10px;
  z-index: 100;
}
.view-notes-sidebar .edit-note-buttons .edit-note-button i {
  font-size: 20px;
}

@media (max-width: 575px) {
  .widget-subscr-content {
    padding: 15px 0;
  }
}

.subscribe-plan-info-col .card .card-block {
  padding: 20px 10px;
}
.subscribe-plan-info-col .card .card-title {
  margin-bottom: 5px !important;
  font-size: 18px;
}
.subscribe-plan-info-col .card .card-text .value {
  font-size: 14px;
}

.plans-block .framed-box .plan-header .license-fee sup {
  top: 0;
  font-size: 100%;
  margin-right: 5px;
  font-weight: 300;
}

.pannel-offset-top {
  margin-top: 100px;
}

.plans-jumbotron {
  padding: 40px 15px;
  background-color: #f3f3f3;
}
@media (min-width: 768px) {
  .plans-jumbotron .jumbotron-title {
    font-size: 46px;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 767px) {
  .plans-jumbotron .jumbotron-title {
    font-size: 30px;
    margin-bottom: 10px !important;
  }
}
.plans-jumbotron .lead {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .plans-jumbotron .lead .btn, .plans-jumbotron .lead .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .plans-jumbotron .lead button, .plans-jumbotron .lead .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .plans-jumbotron .lead button {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .plans-jumbotron .lead {
    font-size: 16px;
  }
}

.gateway-card {
  position: relative;
  display: block;
  border-radius: 5px;
  border: 2px solid rgba(204, 204, 204, 0.1);
  z-index: 0;
  height: 200px;
  width: 100%;
}
.gateway-card .merchant-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.gateway-card .buttons-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.registration-page {
  height: 100vh;
  overflow-y: auto;
  background-color: #1D7EA0;
  background-size: cover;
  background-position: center top;
  padding: 20px 0;
}
@media (min-height: 900px) {
  .registration-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .registration-page > * {
    min-width: 0;
  }
}
.registration-page .page-content {
  width: 100%;
}

.registration-card {
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px 50px 20px 50px;
  background-color: rgba(0, 0, 0, 0.2);
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.registration-card.registration-card--organizationLaunchpad {
  min-width: 686px;
  padding: 62px 85px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.89);
}
.registration-card.registration-card--organizationLaunchpad .card-block {
  text-align: center;
}
.registration-card.registration-card--organizationLaunchpad .my-companies__item-text {
  color: #fff;
  font-size: 34px;
}
.registration-card.registration-card--organizationLaunchpad .logo {
  margin: 0;
  padding: 2px;
  width: 127px;
  height: 127px;
  border-radius: 50%;
  overflow: hidden;
}
.registration-card.registration-card--organizationLaunchpad .logo img {
  width: 100%;
  height: 100%;
}
.registration-card.registration-card--organizationLaunchpad .logo figure {
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.registration-card.registration-card--organizationLaunchpad .logo figure svg {
  width: 100%;
  height: 100%;
}
.registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__contactName {
  font-size: 18px;
}
.registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__confirm-btn {
  padding: 0 42px;
  height: 54px;
  min-width: 180px;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  background-color: #F04A31;
  border-radius: 6px;
}
.registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__confirm-text {
  font-size: 10px;
}
.registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__cancel-btn {
  color: #fff;
  border: none;
}
.registration-card.registration-disabled {
  pointer-events: none;
}
.registration-card .card-block {
  padding: 0;
}
.registration-card .logo-wrap {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.registration-card .logo-wrap img {
  max-width: 100%;
  max-height: 110px;
}
.registration-card .btn-list {
  margin-top: 15px;
}
.registration-card .form-group.info-text {
  color: #fff;
}
.registration-card .form-group.info-text a {
  color: #fff;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  text-decoration: underline !important;
}
.registration-card .form-group.info-text a::before {
  color: #fff;
}
.registration-card .form-group.info-text a:focus, .registration-card .form-group.info-text a:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.registration-card .form-group label,
.registration-card .form-group .label {
  color: #fff;
}
.registration-card .form-group .form-control {
  border-radius: 10px;
  border: 0;
}
.registration-card .select2-container--default .select2-selection--single {
  border-radius: 10px !important;
}
.registration-card .btn.btn-primary, .registration-card .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .registration-card button.btn-primary, .registration-card .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .registration-card button.btn-primary {
  border-radius: 10px 24px 24px 10px !important;
}

.branding-theme-modern-blue .registration-page .btn.btn-primary, .branding-theme-modern-blue .registration-page .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .branding-theme-modern-blue .registration-page button.btn-primary, .branding-theme-modern-blue .registration-page .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .branding-theme-modern-blue .registration-page button.btn-primary {
  background-color: #1098B7;
}

.subscription-plans-container .plans-page-title-block {
  padding-top: 5px;
  margin-bottom: 30px;
}
.subscription-plans-container .plans-tabs {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
}
.subscription-plans-container .plans-tabs .nav-tabs {
  width: 400px;
  border: 0;
  justify-content: center;
}
@media (min-width: 768px) {
  .subscription-plans-container .plans-tabs .nav-tabs {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .subscription-plans-container .plans-tabs .nav-tabs {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .subscription-plans-container .plans-tabs .nav-tabs .nav-item {
    flex: 0 0 200px;
  }
}
@media (max-width: 767px) {
  .subscription-plans-container .plans-tabs .nav-tabs .nav-item {
    flex: 0 0 100%;
  }
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #555555;
  height: 80px;
  text-align: center;
  border: 0;
  border-radius: 0;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link > * {
  min-width: 0;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link.active {
  background-color: #555555;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link.active .tab-title,
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link.active .tab-text {
  color: #fff;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link > div {
  flex: 0 0 100%;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link .tab-title,
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link .tab-text {
  color: #555555;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link .tab-title {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link .tab-text {
  font-size: 16px;
  line-height: 10px;
  font-weight: 500;
}
.subscription-plans-container .panels-block {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .subscription-plans-container .panels-block .col-md-4 {
    margin-bottom: 30px;
  }
}
.subscription-plans-container .panels-block .plan-panel {
  position: relative;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.16);
  padding-bottom: 50px;
  margin-bottom: 15px;
}
.subscription-plans-container .panels-block .plan-panel:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #555555;
  width: 100%;
  bottom: 0;
  height: 40px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.subscription-plans-container .panels-block .plan-panel .panel-header {
  background-color: #555555;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  padding: 10px 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.subscription-plans-container .panels-block .plan-panel .panel-value {
  text-align: center;
  color: #555555;
}
@media (min-width: 1200px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .symbol {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .symbol {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .symbol {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .symbol {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .value {
    font-size: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .value {
    font-size: 60px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .value {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .value {
    font-size: 60px;
  }
}
@media (min-width: 1200px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .period {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .period {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .period {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .subscription-plans-container .panels-block .plan-panel .panel-value .period {
    font-size: 20px;
  }
}
.subscription-plans-container .panels-block .plan-panel .panel-value > * {
  vertical-align: baseline;
}
.subscription-plans-container .panels-block .plan-panel .info-label {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  z-index: 0;
}
.subscription-plans-container .panels-block .plan-panel .info-label:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 4px;
  z-index: 0;
  background-color: #555555;
}
.subscription-plans-container .panels-block .plan-panel .info-label span {
  position: relative;
  display: inline-block;
  background-color: #555555;
  color: #fff;
  padding: 3px 15px;
  border-radius: 8px;
  letter-spacing: 2px;
  z-index: 1;
}
.subscription-plans-container .panels-block .plan-panel .features-list {
  text-align: left;
  list-style: none;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .subscription-plans-container .panels-block .plan-panel .features-list {
    padding: 10px 30px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .subscription-plans-container .panels-block .plan-panel .features-list {
    padding: 10px 15px;
  }
}
@media (max-width: 767px) {
  .subscription-plans-container .panels-block .plan-panel .features-list {
    padding: 10px 30px;
  }
}
.subscription-plans-container .panels-block .plan-panel .features-list li {
  position: relative;
  padding-left: 10px;
  line-height: 30px;
  color: #555555;
  margin-bottom: 5px;
}
@media (min-width: 1200px) {
  .subscription-plans-container .panels-block .plan-panel .features-list li {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .subscription-plans-container .panels-block .plan-panel .features-list li {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .subscription-plans-container .panels-block .plan-panel .features-list li {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .subscription-plans-container .panels-block .plan-panel .features-list li {
    font-size: 16px;
  }
}
.subscription-plans-container .panels-block .plan-panel .features-list li .material-icons {
  color: #6dbf5b;
  margin-right: 0.5em;
}
.subscription-plans-container .panels-block .plan-panel .features-list li.disabled-item .material-icons {
  color: #e24f60;
}
.subscription-plans-container .plan-btn-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.subscription-plans-container .submit-plan-btn {
  display: inline-block;
  text-align: center;
  width: 260px;
  max-width: 100%;
  height: 100%;
  padding: 10px 10px;
  border: 1px solid #555555;
  background-color: #555555;
  color: #fff;
  border-radius: 10px;
  white-space: normal;
  -webkit-align-self: center;
  -moz-box-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.subscription-plans-container .submit-plan-btn:hover, .subscription-plans-container .submit-plan-btn:focus {
  background-color: rgba(85, 85, 85, 0.9);
}
.subscription-plans-container .submit-plan-btn .submit-plan-btn-title,
.subscription-plans-container .submit-plan-btn .submit-plan-btn-text {
  display: block;
}
@media (min-width: 1200px) {
  .subscription-plans-container .submit-plan-btn .submit-plan-btn-title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .subscription-plans-container .submit-plan-btn .submit-plan-btn-title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .subscription-plans-container .submit-plan-btn .submit-plan-btn-title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 575px) {
  .subscription-plans-container .submit-plan-btn .submit-plan-btn-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.subscription-plans-container .submit-plan-btn .submit-plan-btn-text {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 5px;
}
.subscription-plans-container .coming-soon-text {
  text-align: center;
  margin-top: 50px;
  padding: 30px 0;
}
.subscription-plans-container .coming-soon-text h3 {
  font-weight: 400;
  color: #800000;
}

.black-friday-discount {
  padding: 0.8571428571em 0;
}
#lifetime-plan .black-friday-discount {
  padding: 1.3928571429em 0;
}
#lifetime-plan .black-friday-discount .price-original {
  order: 1;
  line-height: 1;
  white-space: nowrap;
}
#lifetime-plan .black-friday-discount .price-original .period, #lifetime-plan .black-friday-discount .price-original .symbol {
  font-size: 20px !important;
}
#lifetime-plan .black-friday-discount .price-original .value {
  font-size: 30px !important;
}
#lifetime-plan .black-friday-discount .price-original:before {
  height: 3px;
}
#lifetime-plan .black-friday-discount .price-current {
  order: 0;
  line-height: 1;
  padding-bottom: 0.3571428571em;
  white-space: nowrap;
}
#lifetime-plan .black-friday-discount .price-current .symbol {
  font-size: 40px !important;
}
#lifetime-plan .black-friday-discount .price-current .value {
  font-size: 50px !important;
}
.black-friday-discount .price-original,
.black-friday-discount .price-current {
  margin: auto;
}
.black-friday-discount .price-current {
  color: #921918;
  order: 0;
  line-height: 1;
}
.black-friday-discount .price-current .period, .black-friday-discount .price-current .symbol {
  font-size: 40px !important;
}
.black-friday-discount .price-current .value {
  font-size: 60px !important;
}
.black-friday-discount .price-original {
  position: relative;
  margin: auto;
  order: 1;
  line-height: 1;
}
.black-friday-discount .price-original:before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  content: "";
  background-color: #921918;
  height: 3px;
  width: 100%;
  top: 50%;
}
.black-friday-discount .price-original .period, .black-friday-discount .price-original .symbol {
  font-size: 20px !important;
}
.black-friday-discount .price-original .value {
  font-size: 40px !important;
}

.btn-changePaymentMethod {
  background: #555555 !important;
  color: white !important;
}

.godzilla {
  background-color: #D0F2F2 !important;
  color: #041D26 !important;
  overflow: auto;
}
.godzilla.godzilla--open .vertical-bar {
  left: 225px;
  z-index: 101;
}
.godzilla--hamburger span {
  width: 20px;
}
.godzilla--hamburger span:before, .godzilla--hamburger span:after {
  width: 20px;
}
.godzilla--hamburger.is-active span {
  left: 8px;
  background: #fff !important;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.godzilla--hamburger.is-active span:before, .godzilla--hamburger.is-active span:after {
  left: -2px !important;
  width: 13px;
}
.godzilla--hamburger.is-active span:before {
  top: 3.5px !important;
}
.godzilla--hamburger.is-active span:after {
  bottom: 3.5px !important;
}
.godzilla--header {
  min-width: 100% !important;
  color: #D0F2F2 !important;
  background: #041D26 !important;
  background: linear-gradient(135deg, #03171e 0%, #041d26 25%, #2e7b8c 50%, #d95555 100%) !important;
}
.godzilla--aside {
  background-color: #041D26 !important;
  background-image: url("../img/godzilla/6-min.jpg") !important;
  background-position: top center !important;
  background-size: cover !important;
}
.godzilla--content#content {
  margin-left: 0;
  padding: 1px 1rem 1rem 1rem;
}
@media (min-width: 1340px) {
  .godzilla--content#content {
    padding: 1px 30px 30px 30px;
  }
}
.godzilla--content#content .widget {
  background: #fff;
  padding: 1rem;
  width: 100%;
  height: 100%;
  margin: 0;
}
.godzilla--content#content .widget .grid-view {
  padding: 0;
}
.godzilla--content#content .widget .grid-view .pagination {
  margin: 0;
}
.godzilla--content#content .tableContainer {
  margin: 0;
  padding: 0;
}
.godzilla--content#content .tableContainer table td,
.godzilla--content#content .tableContainer table th {
  font-size: 0.8em;
}
.godzilla--content#content .tableContainer table .sort-link:after {
  display: inline-flex;
  margin-left: auto;
  padding-left: 3px;
}
.godzilla--content#content .tableContainer .table-responsive {
  display: block;
  width: 100%;
  min-height: 400px;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.godzilla--content#content .tableContainer .toggleBtnGroup + .btn-group {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.godzilla--content#content .tableContainer .toggleBtnGroup + .btn-group.active {
  display: flex !important;
}
.godzilla--content#content .tableContainer .toggleBtnGroup + .btn-group a {
  width: 100%;
  text-align: center;
}
.godzilla--content#content .tableContainer .dropdown {
  width: 100%;
}
.godzilla--content#content .tableContainer .dropdown .dropdown-toggle {
  width: 100%;
  color: #D0F2F2 !important;
  background: #041D26 !important;
  background: linear-gradient(135deg, #041d26 0%, #2e7b8c 50%, #d95555 100%) !important;
}
.godzilla--content#content .tableContainer .dropdown .dropdown-toggle i {
  ransition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.godzilla--content#content .tableContainer .dropdown .dropdown-menu {
  flex-direction: column;
  padding: 0.25rem 0;
  background: #D0F2F2;
}
.godzilla--content#content .tableContainer .dropdown .dropdown-menu > a,
.godzilla--content#content .tableContainer .dropdown .dropdown-menu > button {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.125rem 1rem;
  text-align: center;
}
.godzilla--content#content .tableContainer .dropdown.show .dropdown-toggle i {
  transform: rotate(180deg);
  ransition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.godzilla--content#content .tableContainer .dropdown.show .dropdown-menu {
  display: flex;
}
.godzilla--menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.godzilla--menu li a:hover, .godzilla--menu li a:focus {
  color: #8C030E;
}
.godzilla .btn-primary {
  color: #D0F2F2 !important;
  background: #041D26 !important;
  background: linear-gradient(135deg, #041d26 0%, #2e7b8c 50%, #d95555 100%) !important;
}
.godzilla .btn-outline-primary {
  color: #D95555 !important;
  background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #041d26 0%, #2e7b8c 50%, #d95555 100%) border-box;
  border: 2px solid transparent;
  border-radius: 6px;
}
.godzilla .tableContainer-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
}
.godzilla .tableContainer-btns .btn + .btn, .godzilla .tableContainer-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + .btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .godzilla .tableContainer-btns button + .btn, .godzilla .tableContainer-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + .btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .godzilla .tableContainer-btns button + .btn, .godzilla .tableContainer-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .btn + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .godzilla .tableContainer-btns .btn + button, .godzilla .tableContainer-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .godzilla .tableContainer-btns button + button, .godzilla .tableContainer-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .btn + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .godzilla .tableContainer-btns .btn + button, .godzilla .tableContainer-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .godzilla .tableContainer-btns button + button {
  margin-top: 0.25rem;
}
.godzilla .submenu li,
.godzilla .topline li {
  background-color: #041D26;
}
.godzilla .submenu a,
.godzilla .topline a {
  font-weight: 700;
}
.godzilla .submenu a:hover,
.godzilla .topline a:hover {
  color: #8C030E;
}
.godzilla--secMenu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.godzilla--secMenu .settings:hover > a, .godzilla--secMenu .settings:focus > a,
.godzilla--secMenu .logout:hover > a,
.godzilla--secMenu .logout:focus > a {
  color: #590209;
}
.godzilla--secMenu .menu .submenu {
  left: auto;
  right: 0;
}
.godzilla--main a {
  color: #590209;
}
.godzilla--main a:hover, .godzilla--main a:focus {
  color: #D95555;
}
.godzilla .sort:after {
  margin-left: 0.25em;
}
.godzilla h1 {
  color: #590209;
}
.godzilla .page-item.active .page-link {
  background-color: #590209;
  border-color: #590209;
}
.godzilla .page-item.active .page-link:hover, .godzilla .page-item.active .page-link:focus {
  background-color: #D95555;
}
.godzilla .page-item .page-link:hover, .godzilla .page-item .page-link:focus {
  background-color: #D95555;
  border-color: #D95555;
}
.godzilla .dataTableResp .dv-view {
  padding: 0 1rem;
}
.godzilla .dataTableResp .dv-view .summary {
  font-size: 0.9em;
  text-align: right;
  padding: 0.25rem;
}
.godzilla .dataTableResp .dv-view .btn-group {
  display: none;
  position: absolute;
  background: #E5F1F4;
  z-index: 999;
  width: 100%;
}
.godzilla .dataTableResp .dv-view .btn-group a {
  display: block;
  text-align: center;
}
.godzilla .dataTableResp .dv-view .xl-fix-dim {
  width: 160px;
}
.godzilla .dataTableResp .dv-view .pagination {
  margin: 0 0 1rem 0;
}
.godzilla .dataTableResp .dv-view .table td,
.godzilla .dataTableResp .dv-view .table th {
  font-size: 0.9em;
}
.godzilla .dataTableResp .dv-view thead .sort-link {
  justify-content: space-between;
}
.godzilla .actionBtn {
  color: #D0F2F2 !important;
  background: #041D26 !important;
  background: linear-gradient(135deg, #041d26 0%, #2e7b8c 50%, #d95555 100%) !important;
}
.godzilla .filters input[type=text] {
  height: 42px;
  border-radius: 5px;
}
.godzilla .filters select {
  min-height: 42px;
  border-radius: 5px;
}
.godzilla .statistic-wrap {
  width: 100%;
}
.godzilla .statistic-wrap .note {
  font-size: 14px;
}
.godzilla .statistic-wrap .refresh {
  display: block;
  float: right;
  font-size: 16px;
  margin-top: 10px;
}
.godzilla .statistic-wrap .statistic-sides {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.godzilla .statistic-wrap .statistic-sides .sidebar-nav {
  width: 200px;
}
.godzilla .statistic-wrap .statistic-content {
  width: 100%;
  margin-top: 10px;
}
.godzilla .statistic-wrap .statistic-content .statistic-list-data {
  border: 0;
  border-collapse: separate;
  border-spacing: 10px;
}
.godzilla .statistic-wrap .statistic-content .statistic-table th,
.godzilla .statistic-wrap .statistic-content .statistic-table td {
  padding: 5px;
}

#custom-menu-form .icons-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 612px;
}

#custom-menu-form .show-icons-list .selected-icon {
  display: inline-block;
}

#custom-menu-form .icons-list .select-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

#custom-menu-form .show-icons-list svg,
#custom-menu-form .icons-list svg {
  width: 24px;
  height: 24px;
}

.custom-menu-items-sidebar .menu-item {
  display: flex !important;
  align-items: center;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions {
  column-gap: 8px;
  line-height: 1 !important;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions svg {
  width: 22px;
  height: 22px;
  fill: #555;
}
.custom-menu-items-sidebar .menu-item .sidebar-actions .edit-item svg {
  width: 18px;
  height: 18px !important;
}

.maintenance-window-container {
  position: fixed;
  right: 15px;
  bottom: 30px;
  padding: 0 15px;
  max-width: 630px;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 10px;
  max-height: calc(100% - 70px);
  z-index: 100;
  overflow-y: auto;
}
@media (max-width: 575px) {
  .maintenance-window-container {
    max-height: calc(90% - 10px);
    z-index: 99;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.maintenance-window-container h1, .maintenance-window-container h2, .maintenance-window-container h3, .maintenance-window-container h4, .maintenance-window-container h5, .maintenance-window-container h6,
.maintenance-window-container .h1, .maintenance-window-container .h2, .maintenance-window-container .h3, .maintenance-window-container .h4, .maintenance-window-container .h5, .maintenance-window-container .h6 {
  margin-top: 0;
}
.maintenance-window-container .maintenance-window {
  align-self: end;
  position: relative;
  display: block;
  max-width: 600px;
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 25px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  border-left: 5px solid #ccc;
}
.maintenance-window-container .maintenance-window a {
  color: #333333;
}
@media (max-width: 575px) {
  .maintenance-window-container .maintenance-window {
    position: sticky;
    top: 5.625rem0.625rem;
    right: 0;
    left: 0;
    bottom: initial;
    margin-left: 0;
  }
  .maintenance-window-container .maintenance-window .close {
    font-size: 2.8571428571em !important;
  }
}
@media (max-width: 1199px) {
  .maintenance-window-container .maintenance-window .close {
    font-size: 2.8571428571em !important;
    width: 40px !important;
    height: 40px !important;
    right: 8px;
    top: 8px;
  }
  .maintenance-window-container .maintenance-window .window-inner .title {
    padding-right: 40px;
  }
}
.maintenance-window-container .maintenance-window .window-inner p {
  color: #000;
  text-align: justify;
}
.maintenance-window-container .maintenance-window .window-inner p a {
  font-weight: bold;
}
.maintenance-window-container .maintenance-window .window-inner p a:hover {
  text-decoration: underline;
}
.maintenance-window-container .maintenance-window.ng-enter, .maintenance-window-container .maintenance-window.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.maintenance-window-container .maintenance-window.ng-enter, .maintenance-window-container .maintenance-window.ng-leave.ng-leave-active {
  opacity: 0;
}
.maintenance-window-container .maintenance-window.ng-leave, .maintenance-window-container .maintenance-window.ng-enter.ng-enter-active {
  opacity: 1;
}
.maintenance-window-container .maintenance-window h2 {
  font-size: 24px;
}
.maintenance-window-container .maintenance-window .close {
  position: absolute;
  right: 15px;
  top: 8px;
  font-size: 36px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: bold;
}
.maintenance-window-container .maintenance-window .actions a[ng-click] {
  display: inline-block;
  margin-right: 20px;
  padding: 6px 20px;
  border: 1px solid;
  border-radius: 2px;
}
.maintenance-window-container .maintenance-window .actions a[ng-click]:hover {
  text-decoration: none;
}
.maintenance-window-container .maintenance-window .actions a[ng-click].now {
  color: #fefefe;
  border-color: #6ca2dc;
  background-color: #3A70AB;
}
.maintenance-window-container .maintenance-window .actions a[ng-click].later {
  color: #585858;
  border-color: #bebebe;
  background-color: #eee;
}

.editor-selection {
  padding: 2rem;
  cursor: pointer;
  height: 100%;
}
.editor-selection > div {
  text-align: center;
}
.editor-selection > div span {
  display: block;
  margin-bottom: 1rem;
  font-size: 20px;
  font-weight: bold;
}
.editor-selection > div img {
  width: 50%;
  margin: 0 auto;
  display: inline-block;
}
.editor-selection:hover, .editor-selection.selected {
  background-color: rgba(6, 150, 239, 0.2);
}

.modal.campaign-preview .modal-dialog {
  box-shadow: 0px 0px 50px #333;
  margin-top: 50px;
  margin-bottom: 0;
  height: calc(100% - 100px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.modal.campaign-preview .modal-dialog.modal-desktop {
  max-width: 80%;
}
@media (max-width: 600px) {
  .modal.campaign-preview .modal-dialog.modal-desktop {
    max-width: 100%;
  }
}
.modal.campaign-preview .modal-dialog.modal-tablet {
  max-width: 768px;
}
.modal.campaign-preview .modal-dialog.modal-phone {
  max-width: 400px;
}
.modal.campaign-preview .modal-content {
  border: 0 none;
  border-radius: 0;
  height: 100%;
}
.modal.campaign-preview .modal-header {
  padding: 15px 20px !important;
}
.modal.campaign-preview .modal-header .preview-size {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal.campaign-preview .modal-header .preview-size .btn, .modal.campaign-preview .modal-header .preview-size .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.campaign-preview .modal-header .preview-size button, .modal.campaign-preview .modal-header .preview-size .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.campaign-preview .modal-header .preview-size button {
  margin-right: 0.625rem;
  padding: 0.1875rem;
}
.modal.campaign-preview .campaign-modal-include-wrapper {
  padding: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
.modal.campaign-preview .campaign-preview-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.modal.campaign-preview .campaign-preview-body iframe {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.modal.campaign-preview .campaign-preview-footer {
  padding: 10px 0 6px 10px;
}
.modal.campaign-preview .campaign-preview-footer label {
  cursor: pointer;
}

.emailMarketingTitle {
  font-size: 19px !important;
  font-style: italic;
  margin-top: -1px !important;
  color: #555;
  background-color: #ffffff;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 10px;
  font-weight: 500 !important;
}

.email-body {
  padding: 0;
}
.email-body .list-details-label-block {
  margin-right: 0;
}

.sd-marketing-layout-card {
  margin-top: 15px;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.sd-marketing-layout-card > .card-block {
  background-color: #fff;
  border-radius: 7px 7px 0 0;
  margin-bottom: -10px;
}

.sd-marketing-helper-text {
  margin-top: -5px;
  margin-bottom: 10px;
}

.listDetailsLabel {
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
  line-height: 20px;
  margin-bottom: 7px;
  margin-left: 2px;
}

.sd-marketing-card-advanced-settings {
  padding-bottom: 0 !important;
}

.editCampaignButtonShortcut {
  position: absolute;
  right: 1.25rem;
  top: -61px;
  display: flex;
  align-items: center;
  padding: 0 0.625rem !important;
  height: 32px;
  z-index: 10;
}
.editCampaignButtonShortcut .btn-icon {
  display: block;
  padding: 0;
  width: 20px;
  height: 20px;
}
.editCampaignButtonShortcut svg {
  width: 15px;
  height: 15px;
  fill: #444;
  margin-top: 2px;
}
.editCampaignButtonShortcut .link-embed-edit-button-text {
  line-height: 0.9;
}

.uib-time .btn, .uib-time .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .uib-time button, .uib-time .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .uib-time button {
  height: 42px;
  padding: 0.1875rem 0.7rem;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
  color: #444;
  background: #fff;
}

.sd-unsubscribed-text {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  line-height: 1.1;
  color: #333;
  font-size: 30px;
}

.view-campaign-modal .emails-sent,
.view-campaign-modal .unique-opens,
.view-campaign-modal .unique-clicks,
.view-campaign-modal .view-details {
  height: 30px;
  line-height: 30px;
  float: none;
  width: auto;
  margin: 20px 0 10px 0;
  font-size: 13px;
  padding-right: 10px;
}
.view-campaign-modal .emails-sent .number,
.view-campaign-modal .unique-opens .number,
.view-campaign-modal .unique-clicks .number,
.view-campaign-modal .view-details .number {
  margin-right: 10px;
  width: 60px;
}
.view-campaign-modal .view-details {
  text-align: left;
}
.view-campaign-modal .view-details i {
  font-size: 1.8rem;
}
.view-campaign-modal .view-details i.warning {
  font-size: 2.1rem;
}

body.modal-open .modal-display-logs {
  max-height: 90vh;
}
@media (min-width: 1200px) {
  body.modal-open .modal-display-logs {
    max-height: 70vh;
  }
}

.sd-marketing-settings-edit {
  margin-left: 10px;
}
.sd-marketing-settings-edit i {
  font-size: 16px !important;
  margin-right: 5px;
}

.marketing-editor-type.redactor-styles {
  padding: 0;
}

.marketingListDetailsTabHeaders .tabs-card {
  display: block;
  margin: 0 !important;
}
.marketingListDetailsTabHeaders .tabs-card .tabs {
  overflow: visible;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs {
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 600px) {
  .marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs {
    flex-direction: row;
  }
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item {
  padding: 0 1rem;
  margin-bottom: -2px;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  color: var(--sd-text-primary);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item .nav-link:hover {
  background-color: transparent;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item .nav-link svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: #333;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item .nav-item.active .nav-link {
  border: none;
  border-bottom: 3px solid #333 !important;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.has-child::after {
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.has-child > ul a {
  position: relative;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.has-child > ul a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
  background-image: none;
  transform: none;
  opacity: 1;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.has-child:hover > ul {
  top: 37px;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 7px 7px;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.has-child:hover > ul .nav-item {
  padding: 0;
  margin: 0;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.has-child:hover > ul a:hover::after {
  background-color: #cccccc;
}
.marketingListDetailsTabHeaders .tabs-card .tabs .nav-tabs .nav-item.needBiggerIcon > .nav-link svg {
  width: 20px;
  height: 20px;
}

.marketing-redactor-wrapper {
  min-height: 500px;
}
.marketing-redactor-wrapper .redactor-container,
.marketing-redactor-wrapper .redactor-box {
  height: 100%;
}
.marketing-redactor-wrapper .redactor-in {
  min-height: 500px;
}

.campaign-container .ace_editor {
  min-height: 500px;
}

.glass-background-effect .campaign-editor-wrapper {
  background: #fff;
  border-radius: 7px;
  padding: 2em;
}

.marketingAudienceTitle {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.marketingAudienceTitle .syncedIndicator {
  display: flex;
  align-items: center;
}
.marketingAudienceTitle .syncedIndicator svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #555;
}

.send-campaign {
  padding-bottom: 2.5rem;
}

.contact-forms.create-form #formFieldsSortable, .contact-forms.edit-form #formFieldsSortable {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.contact-forms.create-form #formFieldsSortable .field-block, .contact-forms.edit-form #formFieldsSortable .field-block {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.contact-forms.create-form #formFieldsSortable .field-block.ui-sortable-helper, .contact-forms.edit-form #formFieldsSortable .field-block.ui-sortable-helper {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.contact-forms.create-form #formFieldsSortable .field-block.ui-sortable-placeholder, .contact-forms.edit-form #formFieldsSortable .field-block.ui-sortable-placeholder {
  margin-bottom: 9px;
  border: 3px dashed #ccc;
  visibility: visible !important;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block, .contact-forms.edit-form #formFieldsSortable .field-block .label-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: white;
  border: 1px solid #ccc;
  padding: 0.625rem;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  margin-top: auto;
  margin-bottom: auto;
  content: "drag_handle";
  margin-right: 0.625rem;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 0;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editableLabel:after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editableLabel:after {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  width: 0;
  font-size: 0.875rem;
  content: "edit";
  margin-left: -3px;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container {
  width: 100%;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group {
  width: 100%;
  margin-right: 1.25rem;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-input, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-input {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-input input, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-input input {
  width: 100%;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons {
  margin: 0;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button {
  height: 100%;
  margin-left: 0.3125rem;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.editable-cancel, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.editable-cancel {
  background-color: white;
  border: 1px solid #ccc;
}
.contact-forms.create-form #formFieldsSortable .field-block .label-block .functional-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block .functional-btn {
  position: initial;
  margin-top: auto;
  margin-bottom: auto;
}
.contact-forms.create-form #formFieldsSortable .field-block .checkbox, .contact-forms.edit-form #formFieldsSortable .field-block .checkbox {
  margin-right: 0.625rem;
  margin-top: auto;
  margin-bottom: auto;
}
.contact-forms.create-form #formFieldsSortable .field-block input[disabled], .contact-forms.create-form #formFieldsSortable .field-block textarea[disabled], .contact-forms.edit-form #formFieldsSortable .field-block input[disabled], .contact-forms.edit-form #formFieldsSortable .field-block textarea[disabled] {
  display: none;
}

html.intake-form {
  height: initial;
}
html.intake-form body .main-wrapper {
  background-color: transparent !important;
}
html.intake-form body.iframe-embed {
  overflow-y: auto;
  height: initial;
  min-height: initial;
  background-color: transparent;
}
html.intake-form body.iframe-embed .main-wrapper {
  background-color: transparent;
  min-height: 0 !important;
}
html.intake-form body.iframe-embed .main-wrapper .container {
  max-width: 100% !important;
}
html.intake-form body.iframe-embed .main-wrapper .container .card {
  margin: 30px auto;
  width: 100%;
  max-width: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}
html.intake-form body.iframe-embed .main-wrapper .container .card .card-header {
  border-radius: 0;
}
html.intake-form .main-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.intake-form-settings .preview-wrapper, .intake-form-settings .embed-wrapper, .intake-form-publish .preview-wrapper, .intake-form-publish .embed-wrapper {
  padding: 0;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.125) inset;
  overflow: auto;
}
.intake-form-settings .preview-wrapper iframe-embed, .intake-form-settings .embed-wrapper iframe-embed, .intake-form-publish .preview-wrapper iframe-embed, .intake-form-publish .embed-wrapper iframe-embed {
  display: block;
}
.intake-form-settings .preview-wrapper iframe-embed iframe, .intake-form-settings .embed-wrapper iframe-embed iframe, .intake-form-publish .preview-wrapper iframe-embed iframe, .intake-form-publish .embed-wrapper iframe-embed iframe {
  display: block;
  margin: auto;
}
.intake-form-settings .preview-wrapper iframe, .intake-form-settings .embed-wrapper iframe, .intake-form-publish .preview-wrapper iframe, .intake-form-publish .embed-wrapper iframe {
  max-width: 100%;
}

body.sd-dark-mode html.intake-form {
  color: white;
}

.intake-form-settings .preview-wrapper {
  /*height: calc(100% - 45px);
  min-height: 500px;*/
  overflow-y: hidden;
  border-radius: 4px;
}
.intake-form-settings .btn-background-color {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.intake-form-settings .btn-background-color .color-picker {
  -webkit-box-flex: 1 1 30%;
  -moz-box-flex: 1 1 30%;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  margin-right: 0.3125rem;
}
.intake-form-settings .btn-background-color .hover-settings {
  -webkit-box-flex: 1 1 50%;
  -moz-box-flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 0.3125rem;
}
.intake-form-settings .btn-background-color .hover-settings .flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.intake-form-settings .btn-background-color .hover-settings .flex select {
  -webkit-box-flex: 1 1 50%;
  -moz-box-flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  font-size: 0.875rem;
}
.intake-form-settings .btn-background-color .hover-settings .flex input {
  -webkit-box-flex: 1 1 25%;
  -moz-box-flex: 1 1 25%;
  -webkit-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  margin-left: 0.3125rem;
}
@media (max-width: 991px) {
  .intake-form-settings .btn-background-color {
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .intake-form-settings .btn-background-color .color-picker {
    margin-right: 0;
    margin-bottom: 0.3125rem;
  }
}

.card.data-table-card .intake-form-settings .card-block {
  padding-bottom: 20px;
}

.intake-form-settings .redactor-toolbar {
  flex-wrap: wrap;
}

.intake-form-settings .redactor-toolbar .re-button {
  flex: unset;
  flex-grow: 1;
  width: 36px;
}

html.intake-form body.iframe-embed .main-wrapper .container {
  padding: 20px;
}

html.intake-form body.iframe-embed .main-wrapper .container .card {
  margin: 0;
}

html.intake-form body.iframe-embed .main-wrapper .container .card .card-header {
  margin-bottom: 18px;
  padding: 0;
  padding-bottom: 12px;
}

html.intake-form body.iframe-embed .main-wrapper .container .card-block {
  padding: 0;
}

html.intake-form body.iframe-embed .main-wrapper .container .card-block .form-group {
  margin: 0;
  margin-bottom: 18px;
  padding: 0;
}

html.intake-form body.iframe-embed .main-wrapper .container .card-block .form-group .col-md-12 {
  padding: 0;
}

.wysiwyg-content:not(.content-block-view-wrapper) h1 {
  margin-bottom: 20px;
}
.wysiwyg-content:not(.content-block-view-wrapper) h4 {
  margin-bottom: 20px;
}
.wysiwyg-content:not(.content-block-view-wrapper) .align-center {
  text-align: center;
}

.wysiwyg-content h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
}

.wysiwyg-content h2 {
  font-size: 1.625rem;
  font-weight: 600;
  color: #333;
}

.wysiwyg-content h3 {
  font-size: 1.375rem;
  font-weight: 500;
  color: #444;
}

.wysiwyg-content h4 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #454545;
}

.wysiwyg-content h5 {
  font-size: 1rem;
  font-weight: 400;
  color: #555;
}

.wysiwyg-content h6 {
  font-size: 0.875rem;
  font-weight: 300;
  color: #656565;
}

.wysiwyg-content h1 {
  line-height: 1.35;
}

.wysiwyg-content h2 {
  line-height: 1.25;
}

.wysiwyg-content h3 {
  line-height: 1.15;
}

.redactor-source .redactor-source-open ::selection {
  background: orange !important;
  color: black;
}

.modal.wysiwyg-preview .modal-dialog {
  box-shadow: 0px 0px 50px #333;
  margin-top: 50px;
  margin-bottom: 0;
  height: calc(100% - 100px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.modal.wysiwyg-preview .modal-dialog.modal-desktop {
  max-width: 80%;
}
@media (max-width: 600px) {
  .modal.wysiwyg-preview .modal-dialog.modal-desktop {
    max-width: 100%;
  }
}
.modal.wysiwyg-preview .modal-dialog.modal-tablet {
  max-width: 768px;
}
.modal.wysiwyg-preview .modal-dialog.modal-phone {
  max-width: 400px;
}
.modal.wysiwyg-preview .modal-content {
  border: 0 none;
  border-radius: 7px;
  height: 100%;
}
.modal.wysiwyg-preview .modal-header {
  padding: 15px 20px !important;
}
.modal.wysiwyg-preview .modal-header .preview-size {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal.wysiwyg-preview .modal-header .preview-size .btn, .modal.wysiwyg-preview .modal-header .preview-size .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.wysiwyg-preview .modal-header .preview-size button, .modal.wysiwyg-preview .modal-header .preview-size .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.wysiwyg-preview .modal-header .preview-size button {
  margin-right: 0.625rem;
  padding: 0.1875rem;
}
.modal.wysiwyg-preview .modal-phone .modal-header .preview-size .btn, .modal.wysiwyg-preview .modal-phone .modal-header .preview-size .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.wysiwyg-preview .modal-phone .modal-header .preview-size button, .modal.wysiwyg-preview .modal-phone .modal-header .preview-size .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.wysiwyg-preview .modal-phone .modal-header .preview-size button {
  margin: 0;
}
.modal.wysiwyg-preview .wysiwyg-preview-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.modal.wysiwyg-preview .wysiwyg-preview-body .preview-frame {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.modal.wysiwyg-preview .wysiwyg-preview-footer {
  padding: 10px 0 6px 10px;
}
.modal.wysiwyg-preview .wysiwyg-preview-footer label {
  cursor: pointer;
}

@media (max-width: 768px) {
  .modal.wysiwyg-preview .modal-header .btn-link {
    padding: 0;
  }
  .modal.wysiwyg-preview .modal-header .preview-size .btn, .modal.wysiwyg-preview .modal-header .preview-size .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.wysiwyg-preview .modal-header .preview-size button, .modal.wysiwyg-preview .modal-header .preview-size .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal.wysiwyg-preview .modal-header .preview-size button {
    margin: 0;
    padding: 0.25rem 0.4rem 0.2rem 0.4rem !important;
  }
  .modal.wysiwyg-preview .w-25 {
    margin: 0 !important;
    width: unset !important;
  }
  .modal.wysiwyg-preview .wysiwyg-preview-body iframe body .preview.p-4.column1-portal-page,
  .modal.wysiwyg-preview .wysiwyg-preview-body iframe body .wysiwyg-content {
    padding: 0 !important;
  }
}
.placeholders-block {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
}

.auto-select-copy {
  position: relative;
  padding-right: 17px;
  white-space: nowrap;
}
.auto-select-copy:after {
  content: "file_copy";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  font-size: 0.75rem;
  cursor: pointer;
}

.auto-select-copy.dropdownMenu-copyLink::after {
  display: none;
}

.entity-action-widget .all-actions {
  padding: 19px;
  margin-top: 15px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  background: #fff;
  border-radius: 7px;
}
.entity-action-widget .configured-actions {
  line-height: 42px;
  font-size: 16px;
}
.entity-action-widget .configured-actions .sd-configured-actions-title {
  font-style: italic;
}
.entity-action-widget .list-index {
  color: #fff;
  background-color: #6492CB;
  border-radius: 50%;
  min-width: 30px;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 22px;
  padding: 0 !important;
  margin: 0 5px 0 20px;
  font-family: var(--default-font-family);
}
.entity-action-widget .list-index.disabled {
  background-color: #aaa;
}
.entity-action-widget .list-elem {
  display: flex;
  align-items: center;
  min-height: 42px;
}
.entity-action-widget .list-elem .right {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.entity-action-widget .list-elem .right span {
  line-height: 20px;
}
.entity-action-widget .list-elem .right .validation-message {
  font-size: 13px;
  color: red;
  line-height: 16px;
}

.configure-actions-body {
  overflow-y: visible !important;
}

.actions-form .chain-links > .dropdown > .dropdown-menu.show {
  display: grid;
  grid-template-columns: min-content;
  max-width: 600px !important;
  width: auto;
}
.actions-form .action-template-wrap {
  margin: 20px 10px 15px 10px;
  background: #fff;
  padding: 10px 0 15px 0;
  border-radius: 10px;
}
@media (max-width: 800px) {
  .actions-form .action-template-wrap {
    margin: 20px 10% 15px 10%;
  }
}
@media (max-width: 600px) {
  .actions-form .action-template-wrap {
    margin: 20px 0 15px 0;
  }
}
.actions-form .action-template-wrap span.select2 {
  flex: 1;
}
.actions-form .action-template-wrap span.select2 .delete-template {
  margin-bottom: 0 !important;
  border-radius: 3px !important;
}
.actions-form .action-template-wrap .template-actions {
  width: auto;
  margin-bottom: 0px;
}
@media (max-width: 291px) {
  .actions-form .action-template-wrap .template-actions {
    margin-left: 0 !important;
  }
}

.modal-content .actions-form .action-template-wrap {
  margin: 0px 5% 20px 5%;
}

.sd-actions-downArrow {
  position: absolute;
  bottom: 0;
  right: 48%;
  left: 48%;
  padding-top: 1.5rem !important;
}

.sd-actions-bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.choose-items-wrapper:not(.pdfBlock) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-column-gap: 2%;
  grid-row-gap: 2rem;
  padding: 1.5rem 0;
}
.choose-items-wrapper.multistep {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.choose-items-wrapper .app-form-embed .card,
.choose-items-wrapper .app-form-embed .card-header {
  background-color: transparent;
}
.choose-items-wrapper .choose-items-summary-block,
.choose-items-wrapper .choose-items-block {
  display: flex;
  justify-content: center;
}
.choose-items-wrapper .choose-items-card-wrapper .sd-checkmark-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  grid-gap: 1.5rem;
}
.choose-items-wrapper .choose-items-select__item {
  width: unset !important;
  min-width: 223px;
}
.choose-items-wrapper .choose-items-summary-wrapper,
.choose-items-wrapper .sdAccordion__item {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: #ececec solid 1px;
  background-color: #FFF;
  overflow: hidden;
}
.choose-items-wrapper .choose-items-summary-wrapper .sdAccordion__toggle,
.choose-items-wrapper .sdAccordion__item .sdAccordion__toggle {
  padding: 1.25rem;
}
.choose-items-wrapper .choose-items-summary-wrapper .sdAccordion__toggle .sdAccordion__title,
.choose-items-wrapper .sdAccordion__item .sdAccordion__toggle .sdAccordion__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
}
.choose-items-wrapper .choose-items-summary-wrapper {
  align-self: flex-start;
  position: relative;
  margin: 0;
  padding: 30px 4%;
  max-width: 615px;
  min-width: 100%;
  background-color: #FFF;
  overflow: hidden;
}
.choose-items-wrapper .choose-items-summary-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  z-index: 0;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-head {
  position: relative;
  margin-bottom: 1.7rem;
  font-weight: 500;
  z-index: 1;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-subscriptionsDetails {
  margin-top: 1rem;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body {
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: #e7f1ff solid 1px;
  background-color: #FFFFFF;
  width: 100%;
  padding: 1.75rem 8% 2rem 5%;
  margin-top: 1rem;
  z-index: 1;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-payment-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
  margin-bottom: 0.5rem;
  padding-left: 10px;
  width: 100%;
  line-height: 1.2;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-total {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-total .choose-items-summary-total-amount {
  margin-left: auto;
  margin-top: 0 !important;
  flex: 0 0 auto;
}
.choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-total:not(td) {
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
}
.choose-items-wrapper .choose-items-summary-wrapper .colored-title {
  margin: 0 !important;
  color: #638FFF;
  font-size: 1.0625rem;
  font-weight: 500;
}
.choose-items-wrapper .choose-items-summary-wrapper .colored-title.mb-3 {
  margin-bottom: 1rem !important;
}
.choose-items-wrapper .choose-items-summary-wrapper .text-20 {
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-size: 1.25rem;
  line-height: inherit !important;
}
.choose-items-wrapper.pdfBlock .choose-items-summary-wrapper {
  max-width: 100%;
}
.choose-items-wrapper .choose-items-summary-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row-reverse;
  -moz-box-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 2rem;
}
.choose-items-wrapper .choose-items-summary-actions button {
  gap: 1rem;
  padding: 0 25px !important;
  height: 50px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 10px !important;
}
.choose-items-wrapper .choose-items-summary-actions button.prev-btn {
  background-color: #fff;
  color: #444;
}
.choose-items-wrapper .choose-items-summary-actions button.prev-btn svg {
  fill: #444;
}
.choose-items-wrapper .choose-items-summary-actions button svg {
  width: 24px;
  height: 24px;
  fill: #444;
}
.choose-items-wrapper .choose-items-steps {
  gap: 1rem;
  overflow-x: hidden;
}
.choose-items-wrapper .choose-items-steps .card-header {
  margin: 0;
  padding: 0.75rem 0;
}
.choose-items-wrapper .choose-items-steps .card-block {
  padding: 1.25rem 0;
}
.choose-items-wrapper .choose-items-steps.sdAccordion .sdAccordion__body {
  padding: 0 0.5rem;
}
.choose-items-wrapper .choose-items-steps.sdAccordion .sdAccordion__body.multistep {
  padding: 2rem 5% 1rem;
}
.choose-items-wrapper .choose-items-steps .sdAccordion__item .icon-chevron-down {
  display: none;
}
.choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number {
  flex: 0 0 auto;
  background-color: #638FFF;
  border: 3px #ADC4FF solid;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.choose-items-wrapper .choose-items-steps .sdAccordion__body {
  border: none;
}

.choose-items-summary-items-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.choose-items-summary-items-wrap.border-bottom {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}
.choose-items-summary-items-wrap .choose-items-summary-payment-title,
.choose-items-summary-items-wrap .choose-items-summary-payment-amount {
  display: flex;
  font-size: 1rem;
}
.choose-items-summary-items-wrap .choose-items-summary-payment-title--middle,
.choose-items-summary-items-wrap .choose-items-summary-payment-amount--middle {
  font-size: 1.125rem;
}
.choose-items-summary-items-wrap .choose-items-summary-payment-amount {
  align-self: flex-end;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
  margin-top: 0 !important;
}

.wkhtmltopdf .choose-items-summary-body {
  max-width: 100%;
}
.wkhtmltopdf .choose-items-summary-body table {
  width: 100%;
  max-width: 100%;
}
.wkhtmltopdf .choose-items-summary-body table tr {
  margin: 0 !important;
  display: table-row !important;
}
.wkhtmltopdf .choose-items-summary-body table td {
  padding-top: 0.75rem !important;
  display: table-cell !important;
  padding-left: 0 !important;
}
.wkhtmltopdf .choose-items-summary-body table tr:not(.caption) td:first-child {
  padding-left: 0.8rem !important;
}
.wkhtmltopdf .choose-items-summary-body table tr.choose-items-summary-total-row {
  border-top: 1px solid #ddd;
}
.wkhtmltopdf .choose-items-summary-body table tr.choose-items-summary-total-row td {
  padding-top: 1.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.wkhtmltopdf .choose-items-summary-body table td {
  border: none;
  text-align: right;
}
.wkhtmltopdf .choose-items-summary-body table td:first-child {
  text-align: left;
}
.wkhtmltopdf .choose-items-summary-body table td.choose-items-summary-payment-amount, .wkhtmltopdf .choose-items-summary-body table td.choose-items-summary-total-amount {
  padding-right: 0;
  white-space: nowrap;
}
.wkhtmltopdf .choose-items-summary-body table .colored-title {
  margin: 0;
  padding: 0 !important;
  color: #638FFF;
  font-size: 1.0625rem;
  font-weight: 500;
}
.wkhtmltopdf .choose-items-summary-body table .text-20 {
  font-size: 1.25rem;
  line-height: 1.25rem !important;
  font-weight: 500;
}
.wkhtmltopdf .choose-items-summary-body table .choose-items-summary-payment-amount span {
  word-break: keep-all;
}
.wkhtmltopdf .choose-items-summary-body table .caption.border-bottom {
  border-bottom: 1px solid #ddd;
}
.wkhtmltopdf .choose-items-summary-body table .caption.border-bottom td {
  padding-bottom: 1.5rem !important;
}

.choose-items-block h2.sdAccordion__title {
  font-size: 1.3rem;
  font-weight: 500;
}

h3.choose-items-summary-head {
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .choose-items-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 2%;
    grid-row-gap: 1rem;
  }
  .choose-items-wrapper.multistep {
    grid-template-columns: repeat(auto-fit, minmax(319px, 1fr));
  }
  .choose-items-wrapper .choose-items-summary-actions {
    gap: 0.5rem;
  }
  .choose-items-wrapper .choose-items-summary-actions button {
    gap: 0.5rem;
    padding: 0 0.9rem !important;
    height: 42px;
  }
  .choose-items-wrapper .choose-items-summary-wrapper {
    padding: 0.8rem;
  }
  .choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body {
    padding: 1.2rem 8% 1.2rem 1rem;
  }
  .choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-total,
  .choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-payment-item {
    flex-direction: column;
  }
  .choose-items-summary-items-wrap .choose-items-summary-payment-amount {
    margin: 0;
    align-self: flex-end;
  }
  .choose-items-wrapper .choose-items-card-wrapper .sd-checkmark-card-wrapper {
    grid-template-columns: 1fr;
  }
  .choose-items-wrapper .sdAccordion__item .sdAccordion__toggle .sdAccordion__title {
    font-size: 1.2em;
  }
  .choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-head {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.2em;
  }
  .choose-items-wrapper .sdAccordion__item .sdAccordion__toggle {
    padding: 1rem;
  }
}
@media (max-width: 1200px) {
  .choose-items-wrapper > .row {
    gap: 1rem;
  }
}
@keyframes loading-spin-centered {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    -ms-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.loader-widget {
  position: relative;
  background: none;
  width: 100%;
  height: 100%;
  min-height: 300px;
}
.loader-widget::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 101;
}
.loader-widget:before {
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  background-image: url(../../../../images/icons/replay.svg);
  background-size: 100px 100px;
  height: 108px;
  width: 100px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  color: black;
  left: 45%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media (max-width: 900px) {
  .loader-widget::before {
    -webkit-animation: loading-spin-centered 1s infinite steps(1000);
    animation: loading-spin-centered 1s infinite steps(1000);
    left: 50%;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse .shadow-block {
  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.skeleton-loader {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 100;
}
.skeleton-loader .shadow-block {
  background-color: #E9E9E9;
  border-radius: 2px;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 1rem 1rem;
  width: 100%;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__complete-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__left-part,
.skeleton-loader.myTasksBlockLoader .skeleton-loader__right-part {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: 100%;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__left-part {
  width: 50%;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__right-part {
  margin-left: auto;
  width: 20%;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__second-line,
.skeleton-loader.myTasksBlockLoader .skeleton-loader__third-line {
  width: 100%;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__first-line {
  height: 16px;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__second-line {
  height: 18px;
}
.skeleton-loader.myTasksBlockLoader .skeleton-loader__third-line {
  height: 18px;
}
.skeleton-loader .skeleton-loader__left-part .skeleton-loader__first-line {
  display: flex;
  gap: 2%;
  align-items: center;
  width: 80%;
}
.skeleton-loader .skeleton-loader__left-part .skeleton-loader__first-line .shadow-block {
  width: 49%;
  height: 90%;
}
.skeleton-loader .skeleton-loader__left-part .skeleton-loader__third-line {
  display: flex;
  align-items: center;
  gap: 2%;
}
.skeleton-loader .skeleton-loader__left-part .skeleton-loader__third-line .shadow-block {
  width: 32%;
  height: 100%;
}

.skeleton--enable .skeleton-element {
  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #E9E9E9 !important;
  color: #E9E9E9 !important;
  border-radius: 2px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.skeleton--enable .skeleton-element * {
  opacity: 0 !important;
}

.form-oscar:not(.grid-view-loading) .sd-media-library .grid-view-loading::before {
  -webkit-animation: loading-spin-centered 1s infinite steps(1000);
  animation: loading-spin-centered 1s infinite steps(1000);
  left: 50%;
  top: 50%;
  background-size: 50px 50px;
  height: 54px;
  width: 50px;
}

.sd-media-library .upload-or-drag-video-file {
  border-style: dashed !important;
}
.sd-media-library .list-group-item .item-thumb {
  width: 130px;
}
.sd-media-library .list-group-item .item-thumb img {
  width: 130px;
}
.sd-media-library .list-group-item .item-title input[type=text] {
  height: calc(1.8rem + 2px) !important;
}
.sd-media-library .video-preview-poster {
  height: 130px;
  width: 232px;
}
.sd-media-library .video-preview-poster .video-preview-poster-wrap {
  background: #e9ecef;
}
.sd-media-library .video-preview-poster .dropdown {
  position: absolute;
  top: 4px;
  right: 4px;
}
.sd-media-library .video-preview-poster .dropdown button[data-toggle=dropdown] {
  width: 20px;
  height: 20px;
  text-align: center;
}
.sd-media-library .dropdown .dropdown-menu {
  padding: 0.4rem 0 !important;
  width: unset;
}
.sd-media-library .dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-weight: 400 !important;
  padding: 0.3em 1em 0.3em 1.1em !important;
}
.sd-media-library .dropdown .dropdown-menu .dropdown-item i {
  margin-right: 11px;
  width: 16px;
  height: 16px;
  font-size: 16px;
}

.phoneWidgetBlock .label-block .functional-btn {
  top: 38px !important;
  right: 0.75rem !important;
  border: none !important;
  z-index: 999;
}
.phoneWidgetBlock .label-block .functional-btn .tipS {
  display: block;
  width: 20px;
  height: 20px;
}
.phoneWidgetBlock .label-block .functional-btn .tipS .material-icons {
  font-size: 22px;
  color: #555;
}

.sd-signature-pad {
  position: relative;
  width: 100%;
}
.sd-signature-pad .pad-wrapper {
  position: relative;
  height: 160px;
}
.sd-signature-pad .pad-wrapper canvas {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.sd-signature-pad .pad-wrapper canvas[one] {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  background-color: rgba(255, 255, 0, 0.33);
}
.sd-signature-pad .pad-wrapper canvas[two] {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.sd-signature-pad .pad-wrapper .signature-required {
  opacity: 0;
  position: absolute;
  bottom: 10px;
  left: 10px;
  pointer-events: none;
}
.sd-signature-pad button.clear {
  border-radius: 100%;
  height: 1.875rem;
  width: 1.875rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(0.9375rem, -0.9375rem);
  -ms-transform: translate(0.9375rem, -0.9375rem);
  transform: translate(0.9375rem, -0.9375rem);
  background-color: white;
}

.dancing-script {
  font-family: "Dancing Script";
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.sdil {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.sdil > div {
  width: 6px;
  height: 6px;
  background-color: #777;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.sdil .sdil-1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.sdil .sdil-2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.content-wrapper span.arrow {
  display: inline-flex;
  width: 24px;
  height: 24px;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.content-wrapper span.arrow:after {
  position: absolute;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #222;
  border-left: 2px solid #222;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.content-wrapper span.arrow.arrow--left:after {
  left: 9px;
  transform: rotate(-45deg);
}
.content-wrapper span.arrow.arrow--right:after {
  right: 9px;
  transform: rotate(135deg);
}
.content-wrapper span.arrow.arrow--top:after {
  top: 9px;
  transform: rotate(45deg);
}
.content-wrapper span.arrow.arrow--bottom:after {
  bottom: 9px;
  transform: rotate(-135deg);
}
.content-wrapper span.arrow.arrow--xs {
  width: 24px;
  height: 24px;
}
.content-wrapper span.arrow.arrow--xs:after {
  width: 12px;
  height: 12px;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
}
.content-wrapper span.arrow.arrow--xs.arrow--left:after {
  left: 9px;
}
.content-wrapper span.arrow.arrow--xs.arrow--right:after {
  right: 9px;
}
.content-wrapper span.arrow.arrow--xs.arrow--top:after {
  top: 9px;
}
.content-wrapper span.arrow.arrow--xs.arrow--bottom:after {
  bottom: 9px;
}
@media (min-width: 768px) {
  .content-wrapper span.arrow {
    width: 32px;
    height: 32px;
  }
  .content-wrapper span.arrow:after {
    width: 12px;
    height: 12px;
    border-top: 2px solid #222;
    border-left: 2px solid #222;
  }
  .content-wrapper span.arrow.arrow--left:after {
    left: 12px;
    transform: rotate(-45deg);
  }
  .content-wrapper span.arrow.arrow--right:after {
    right: 12px;
    transform: rotate(135deg);
  }
  .content-wrapper span.arrow.arrow--top:after {
    top: 12px;
    transform: rotate(45deg);
  }
  .content-wrapper span.arrow.arrow--bottom:after {
    bottom: 12px;
    transform: rotate(-135deg);
  }
}

.box {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  width: 100%;
  min-height: 3.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  .box {
    margin-bottom: 0rem;
    border: 1px solid #ededed;
  }
}
.box + .box {
  margin-top: 1.25rem;
}
.box.box--rounded {
  border-radius: 5px;
}
@media (min-width: 992px) {
  .box.box--minh {
    min-height: 100%;
  }
}
.box.box--menu {
  max-height: 52px;
  background: #F8F8F8;
  display: none;
}
.box.box--menu .box-head,
.box.box--menu .box-nav {
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.box.box--menu .box-head {
  padding: 0;
}
.box.box--menu .box-head .box-nav {
  padding-left: 15px;
  padding-right: calc(72px / 2);
}
@media (min-width: 768px) {
  .box.box--menu {
    border: 0;
    border-top: 1px solid #ededed;
    background: #fff;
    display: flex;
  }
}
.box.box--menu-mobile {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 52px;
  z-index: 5;
}
@media (min-width: 768px) {
  .box.box--menu-mobile {
    display: none;
  }
}
.box.box--menu-mobile .box--menu-mobile-dropdown {
  display: block;
  width: 100%;
  background: #fff;
  z-index: 100;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 0 45px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.box.box--menu-mobile .menu-mobile-toggle {
  font-size: 18px;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  flex-direction: row;
  text-align: center;
  align-items: center;
  margin: 1rem auto;
}
.box.box--menu-mobile .menu-mobile-toggle .ml {
  position: absolute;
}
.box-head, .box-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 0.5625rem;
  min-height: 3.25rem;
}
@media (min-width: 1200px) {
  .box-head, .box-footer {
    padding-left: 1.25rem;
  }
}
.box-content {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0.375rem auto;
}
@media (min-width: 1200px) {
  .box-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.box-content + .box-head {
  position: relative;
  margin-top: 1.5rem;
}
.box-content + .box-head:before {
  content: "";
  display: block;
  width: 95%;
  height: 1px;
  background: #ededed;
  position: absolute;
  left: 3%;
  right: 3%;
  top: -0.625rem;
}
.box-content:empty, .box-content.empty {
  position: relative;
  min-height: 5.375rem;
  height: 100%;
  padding: 5px;
  margin: auto;
}
.box-content:empty .empty-block-text, .box-content.empty .empty-block-text {
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: calc(50% + 27px);
  left: 50%;
  transform: translate(-50%, -50%);
  color: #565656;
}
@media (min-width: 992px) {
  .box-content:empty .empty-block-text, .box-content.empty .empty-block-text {
    top: calc(50% + 35px);
  }
}
@media (min-width: 1200px) {
  .box-content:empty .empty-block-text, .box-content.empty .empty-block-text {
    top: calc(50% + 45px);
  }
}
.box-content:empty:before, .box-content.empty:before {
  content: "";
  width: 55px;
  height: 55px;
  display: block;
  border: 10px solid #ededed;
  border-radius: 50%;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
  .box-content:empty, .box-content.empty {
    padding: 10px;
    min-height: 6rem;
  }
  .box-content:empty:before, .box-content.empty:before {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 1200px) {
  .box-content:empty, .box-content.empty {
    min-height: 7.5rem;
  }
  .box-content:empty:before, .box-content.empty:before {
    width: 83px;
    height: 83px;
  }
}
.box-content.empty + .box-footer {
  margin-top: 0;
}
.box-content .redactor-box.redactor-styles-on {
  border: none;
}
.box-footer {
  margin-top: auto;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.box-footer .box-link {
  text-transform: lowercase;
}
.box-footer .box-add-button {
  border: 1px solid #ededed;
  background: #fff;
  padding: 8px 12px !important;
}
@media (min-width: 576px) {
  .box-footer .box-add-button {
    margin-right: 10px;
  }
}
.box-footer .box-add-button:hover {
  border-color: #01a9f4;
  color: #3E76A1;
}
.box-title {
  max-width: 100%;
  word-wrap: break-word;
}
.box-head-title {
  display: inline-flex;
  color: #222;
  line-height: 700;
  margin-bottom: 0;
  margin-top: 5px;
}
.box-head-title .h2,
.box-head-title .h3,
.box-head-title .h4,
.box-head-title .h5,
.box-head-title .h6 {
  margin-bottom: 0;
}
.box-footer {
  border-top: 1px solid #ededed;
  background: #FCFCFC;
}
.box p {
  line-height: 1.5em;
}
.box-btn {
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: 2.375rem;
  padding: 0.8125rem 0.9375rem;
  transition: 0.15s;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
}
.box-btn i {
  font-weight: 500;
}
.box-btn.box-btn--default {
  color: #222;
}
.box-btn.box-btn--default:hover, .box-btn.box-btn--default:focus {
  border-color: #222;
}
.box-btn.box-btn--primary {
  color: #01a9f4;
}
.box-btn.box-btn--primary:hover, .box-btn.box-btn--primary:focus {
  color: #3E76A1;
  border-color: #01a9f4;
}
.box-btn.box-btn--secondary {
  color: #888888;
}
.box-btn.box-btn--secondary:hover, .box-btn.box-btn--secondary:focus {
  color: #888888;
  border-color: #888888;
}
.box-btn.box-btn--warning {
  color: #ffcc02;
}
.box-btn.box-btn--warning:hover, .box-btn.box-btn--warning:focus {
  color: #fff;
  border-color: #ffcc02;
}
.box-btn.box-btn--success {
  color: #38d57a;
}
.box-btn.box-btn--success:hover, .box-btn.box-btn--success:focus {
  color: #fff;
  border-color: #38d57a;
}
.box-btn.box-btn--box-grey-light {
  color: #E5E5E5;
}
.box-btn.box-btn--box-grey-light:hover, .box-btn.box-btn--box-grey-light:focus {
  color: #fff;
  border-color: #E5E5E5;
}
.box-btn.box-btn--lg {
  font-size: 1.5rem;
}
.box-btn.box-btn--sm {
  font-size: 0.875rem;
}
.box-btn-saved {
  background-color: #01a9f4;
  color: #FFFFFF !important;
}
.box-link {
  color: #01a9f4;
  font-weight: 500;
  transition: all 0.25s ease-in-out;
}
.box-link:hover, .box-link:focus {
  cursor: pointer;
  font-weight: 500;
}
.box-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.box-nav li {
  margin: 0 0.6875rem;
  position: relative;
}
.box-nav li a {
  padding: 0;
  display: inline-block;
  line-height: 3.25rem;
  color: #888888;
  position: relative;
}
@media (max-width: 767px) {
  .box-nav li a {
    padding: 0 10px;
  }
}
@media (min-width: 576px) {
  .box-nav li a {
    color: #222;
    font-weight: 400;
  }
}
.box-nav li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: transparent;
  height: 2px;
  width: 100%;
  transition: all 0.25s ease-in-out;
}
.box-nav li a:hover, .box-nav li a:focus {
  color: #222;
  transition: all 0.25s ease-in-out;
}
.box-nav li a.active {
  color: #01a9f4;
}
.box-nav li a:hover:before, .box-nav li a:focus:before, .box-nav li a.active:before {
  background: #01a9f4;
  transition: all 0.25s ease-in-out;
}
.box-nav li:first-child {
  margin-left: 0;
}
.box-nav li ul {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.box-nav li ul li {
  margin: 0;
}
.box-nav li .subMenu.dropdown-menu li a {
  line-height: 1.5;
  padding: 3px 0;
  margin: 5px 0;
}
.box-nav.tabs {
  background: transparent !important;
  color: #222 !important;
  box-shadow: none;
  height: 3.25rem;
}
.box-nav.tabs li {
  height: 3.25rem;
  border-left: 0;
  border-right: 2px solid #ededed !important;
}
.box-nav.tabs li:hover, .box-nav.tabs li:focus, .box-nav.tabs li.active {
  background: #FCFCFC;
}
.box-nav.tabs li:hover a, .box-nav.tabs li:focus a, .box-nav.tabs li.active a {
  background: transparent;
  font-weight: 400;
}
.box-nav.tabs li:hover a:before, .box-nav.tabs li:focus a:before, .box-nav.tabs li.active a:before {
  height: 4px;
  background: #01a9f4;
}
.box-nav.tabs li:first-child a {
  border-left: 0 !important;
}
.box-nav.tabs li a {
  color: #222 !important;
  border-left: 0;
  border-right: 0;
  height: 3.25rem;
  font-weight: 400;
}
.box-nav.tabs li a:before {
  height: 2px;
  background: #ededed;
}
.box-textarea {
  width: 100%;
  min-height: 7rem;
  padding: 0.75rem 0;
}
.box-person {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.953125rem;
  position: relative;
  min-height: 3.125rem;
}
.box-person-img {
  display: flex;
  flex-direction: row;
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.0625rem;
  border-radius: 50%;
  overflow: hidden;
  background: #01a9f4;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.box-person-img img,
.box-person-img svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-person-img img.userAvatar,
.box-person-img svg.userAvatar {
  width: 60% !important;
  height: 60% !important;
}
.box-person-img span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.125rem;
}
.box-person-description {
  width: 100%;
  padding-left: 4.0625rem;
}
.box-person-description-2 {
  width: 100%;
  padding-left: 3.75rem;
}
.box-person p {
  margin-bottom: 0;
}
.box-person-title {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  color: #888888;
  word-break: break-all;
}
.box-person-title-2 {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  color: #222;
  word-break: break-all;
}
.box-person-subtitle {
  font-size: 0.875rem;
}
.box-person-subtitle a {
  color: #01a9f4;
}
.box-person-subtitle a:hover, .box-person-subtitle a:focus {
  text-decoration: underline;
}
.box-person-link svg {
  width: 17px;
  height: 17px;
  color: #222;
  fill: #222;
}
.box-person-link:hover svg, .box-person-link:focus svg {
  color: #01a9f4;
  fill: #01a9f4;
}
.box-info {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.box-info li {
  width: 100%;
}
.box-info li + li {
  margin-top: 0.9375rem;
}
.box-info li a {
  color: #01a9f4;
}
.box-info p {
  margin-bottom: 0;
  font-size: 0.875rem;
}
.box-info-title {
  text-transform: uppercase;
  font-size: 0.6875rem !important;
  font-weight: 400;
  font-family: sans-serif;
  letter-spacing: 0.03rem;
  color: #888888;
}
.box-info-text {
  font-size: 0.875rem;
  color: var(--sd-text-secondary);
  overflow-wrap: break-word;
}
.box-info-buttons {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.box-info-buttons a {
  margin-left: 5px;
}
.box-info .with-links {
  position: relative;
  padding-right: 50px;
}
.box-logs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.box-logs li {
  position: relative;
  min-height: 4.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 4.625rem;
  border-top: 1px solid #ededed;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 4.25rem;
  padding-left: 5.25rem;
}
.box-logs-title {
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.box-logs-title .dot-divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 1rem;
  height: 1rem;
  line-height: 4px;
  border: none;
}
.box-logs-title .dot-divider::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
  transform: translate(-50%, -50%);
}
.box-logs-date {
  display: inline-flex;
  font-size: 0.875rem;
  margin-left: auto;
  justify-self: flex-end;
  padding-left: 0.9375rem;
}
.box-logs .box-icon {
  position: absolute;
  margin-right: 1rem;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.box-logs .box-icon svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  color: initial;
}

.box-list-badges {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 5px 0;
}
.box-list-badges .box-badge {
  width: 100%;
  min-width: 180px;
  max-width: 100%;
}
@media (min-width: 576px) {
  .box-list-badges .box-badge {
    max-width: 48%;
  }
}
@media (min-width: 992px) {
  .box-list-badges .box-badge {
    min-width: 110px;
  }
}

.box-badge {
  padding: 0.5rem 1.75rem 0.5rem 1rem;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border: 0;
  border-left: 8px solid #ededed;
  border-radius: 7px;
  position: relative;
}
.box-badge a {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  border-radius: 50%;
  background: #E5E5E5;
  z-index: 2;
}
.box-badge .badge-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.box-badge:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ededed;
  border-left: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.box-badge.border-pink {
  border-color: #e99ccf;
}
.box-badge.border-indigo {
  border-color: #6610f2;
}
.box-badge.border-purple {
  border-color: #6f42c1;
}
.box-badge.border-teal {
  border-color: #20c997;
}
.box-badge.border-yellow {
  border-color: #ffcc02;
}

.box-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
}
.box-icon i {
  font-size: 1.125rem;
  color: #fff;
}
@media (min-width: 576px) {
  .box-icon {
    width: 3.125rem;
    height: 3.125rem;
  }
  .box-icon i {
    font-size: 1.5rem;
  }
}

.box-icons-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
  flex-wrap: wrap;
}
.box-icons-list li {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ededed;
  padding-right: 10%;
}
@media (min-width: 576px) {
  .box-icons-list li {
    padding-right: 15%;
  }
}
.box-icons-list li .box-icons-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  min-height: 4.75rem;
  padding: 15px 15px 15px 60px;
}
@media (min-width: 576px) {
  .box-icons-list li .box-icons-link {
    padding: 15px 20px 15px 80px;
  }
}
.box-icons-list li .box-icons-link .box-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
.box-icons-list li .box-icons-link .box-icon svg {
  width: 30px;
  height: 30px;
  fill: #565656;
  color: initial;
}
@media (min-width: 576px) {
  .box-icons-list li .box-icons-link .box-icon {
    left: 20px;
    width: 40px;
    height: 40px;
  }
  .box-icons-list li .box-icons-link .box-icon svg {
    width: 40px;
    height: 40px;
  }
}
.box-icons-list li .box-icons-link:focus .box-icons-title,
.box-icons-list li .box-icons-link:focus .box-icons-subtitle, .box-icons-list li .box-icons-link:hover .box-icons-title,
.box-icons-list li .box-icons-link:hover .box-icons-subtitle {
  color: initial;
}
.box-icons-list li .box-icons-title {
  margin-bottom: 0;
  font-size: 15px;
  color: #565656;
  font-weight: 600;
  line-height: 23.5px;
}
.box-icons-list li .box-icons-subtitle {
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  margin: 0;
  color: #222222;
}
.box-icons-list li .box-icons-subtitle:empty {
  display: none;
}
.box-icons-list li .box-icons-pill {
  font-size: 10px !important;
  padding: 2px 7px;
  color: white;
  border-radius: 10px;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.07em;
  background-color: #868686;
}
.box-icons-list li .box-icons-actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}
.box-icons-list li .box-icons-actions a {
  margin: 0 5px;
}
.box-icons-list li .box-icons-actions .sortable_handle {
  display: none;
}
@media (min-width: 576px) {
  .box-icons-list li .box-icons-actions {
    width: 15%;
  }
  .box-icons-list li .box-icons-actions .sortable_handle {
    display: inline-flex;
  }
}
.box-icons-list > li {
  position: relative;
}
.box-icons-list > li:before, .box-icons-list > li:after,
.box-icons-list > li a:before,
.box-icons-list > li a:after {
  content: "" !important;
  display: block !important;
  position: absolute;
  background: #4583b3;
  transition: all 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.box-icons-list > li:before {
  width: 4px;
  height: 0;
  bottom: 0;
  left: 0;
}
.box-icons-list > li:after {
  height: 1px;
  width: 0;
  left: 0;
  top: 0;
}
.box-icons-list > li a:before {
  width: 1px;
  height: 0;
  right: 0;
  top: 0;
}
.box-icons-list > li a:after {
  height: 1px;
  width: 0;
  right: 0;
  bottom: 0;
}
.box-icons-list > li:hover:before, .box-icons-list > li:focus:before {
  height: 100%;
  transition-delay: 0s;
}
.box-icons-list > li:hover:after, .box-icons-list > li:focus:after {
  width: 100%;
  transition-delay: 0.2s;
}
.box-icons-list > li:hover a:before, .box-icons-list > li:focus a:before {
  height: 100%;
  transition-delay: 0.4s;
}
.box-icons-list > li:hover a:after, .box-icons-list > li:focus a:after {
  width: 100%;
  transition-delay: 0.6s;
}

.box-actions {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .box-actions {
    width: 100%;
    flex-direction: column;
    padding-left: 10px;
  }
  .box-actions .box-actions-col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-right: 0 !important;
  }
  .box-actions .box-actions-col .select2-container--default.select2 {
    width: 100% !important;
  }
}
.box-actions-button-115 {
  min-width: 115px;
  min-height: 38px;
}
@media (max-width: 767px) {
  .box-actions-button-115 {
    min-width: auto;
  }
}
.box-actions .select2-container--default.select2 {
  width: 180px !important;
}
@media (max-width: 767px) {
  .box-actions .select2-container--default.select2 {
    width: 100% !important;
  }
}
.box-actions .select-large .select2-container--default.select2 {
  width: 300px !important;
}
@media (max-width: 767px) {
  .box-actions .select-large .select2-container--default.select2 {
    width: 100% !important;
  }
}
.box-actions .box-btn.box-btn--primary {
  margin-left: 12px;
}

.box--menu-placeholder {
  display: block;
  width: 100%;
  height: 52px;
  max-height: 52px;
  position: relative;
  z-index: 3;
  border-bottom: 1px solid #ededed;
}
.box--menu-placeholder::before {
  display: block;
  content: "";
  background: #fff;
  background: linear-gradient(to right, rgba(248, 248, 248, 0), #fff 65%);
  height: 50px;
  width: calc(72px / 2);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
}
.box--menu-placeholder.focused {
  z-index: 5;
}
.box--menu-placeholder .box--menu-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  padding-right: calc(72px / 2);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  z-index: -1;
  overflow: visible;
}
.box--menu-placeholder .box--menu-container::-webkit-scrollbar {
  display: none;
}
.box--menu-placeholder .box--menu-container .box-nav {
  height: 52px;
  max-height: 52px;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  z-index: 5;
}
.box--menu-placeholder .box--menu-container .box-nav li {
  position: relative;
}
.box--menu-placeholder .box--menu-container .box-nav li a:before {
  bottom: 0;
}
.box--menu-placeholder .box--menu-container .box-nav li > ul li a:before {
  bottom: 0;
}
.box--menu-placeholder .box--menu-container .box-nav li:last-child {
  display: flex;
  flex-direction: row;
}
.box--menu-placeholder .box--menu-container .box-nav li:last-child:after {
  content: "";
  display: inline-flex;
  height: 50px;
  width: 80px;
  background: transparent;
}
.box--menu-placeholder .box--menu-container .box-nav li > .dropdown-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  will-change: transform;
  top: 0;
  left: 0;
  padding: 0;
  width: auto !important;
  min-width: 5rem !important;
  height: 0;
  animation-delay: 0.125s;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.88, -0.72, 0, 1), opacity 0.35s ease-in-out;
  transform: translateY(46px);
  border-width: 2px !important;
  margin-top: -1px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.box--menu-placeholder .box--menu-container .box-nav li > .dropdown-menu > a {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0px, -12px, 0px);
  -webkit-transform: translate3d(0px, -12px, 0px);
  -moz-transform: translate3d(0px, -12px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li > .dropdown-menu li:last-child:after {
  display: none;
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered {
  z-index: 7;
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu {
  padding: 0.4rem 0;
  height: auto !important;
  transform: translateY(53px);
  opacity: 1;
  visibility: visible;
  z-index: 1100;
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a {
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(1) {
  -webkit-transition-delay: 180ms;
  transition-delay: 180ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(2) {
  -webkit-transition-delay: 280ms;
  transition-delay: 280ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(3) {
  -webkit-transition-delay: 380ms;
  transition-delay: 380ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(4) {
  -webkit-transition-delay: 480ms;
  transition-delay: 480ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(5) {
  -webkit-transition-delay: 580ms;
  transition-delay: 580ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(6) {
  -webkit-transition-delay: 680ms;
  transition-delay: 680ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(7) {
  -webkit-transition-delay: 780ms;
  transition-delay: 780ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(8) {
  -webkit-transition-delay: 880ms;
  transition-delay: 880ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered > .dropdown-menu li a:nth-child(9) {
  -webkit-transition-delay: 980ms;
  transition-delay: 980ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.box--menu-placeholder .box--menu-container .box-nav li a.has-dropdown-menu {
  padding-right: 15px;
  transition: all 0.25s ease-in-out;
}
.box--menu-placeholder .box--menu-container .box-nav li a.has-dropdown-menu:after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\e313";
  font-family: "Material Icons";
  font-size: 1.2em;
  position: absolute;
  right: 0;
  top: 19px;
  width: 1rem;
  height: 1rem;
  transform: rotate(0);
  transition: all 0.25s ease-in-out;
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered a.has-dropdown-menu:before {
  background: #01a9f4;
}
.box--menu-placeholder .box--menu-container .box-nav li.hovered a.has-dropdown-menu:after {
  transform: rotate(180deg);
}

.scroll {
  white-space: nowrap;
  overflow-y: inherit;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll::-webkit-scrollbar {
  display: none;
}

.box-logs li.box-logs__item {
  padding-left: 1rem;
}
.box-logs li.box-logs__item .box-icon {
  position: static;
  flex: 0 0 auto;
  transform: none;
}
.box-logs li.box-logs__item .content-wrap {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  max-width: calc(100% - (50px + 1rem));
}
.box-logs li.box-logs__item .content-wrap .box-logs-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-logs li.box-logs__item .content-wrap .box-logs-title span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-logs li.box-logs__item .content-wrap .box-logs-date {
  white-space: nowrap;
}
@media (max-width: 600px) {
  .box-logs li.box-logs__item .content-wrap {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.5rem;
  }
  .box-logs li.box-logs__item .content-wrap .box-logs-title {
    max-width: 100%;
  }
  .box-logs li.box-logs__item .content-wrap .box-logs-title span.status,
  .box-logs li.box-logs__item .content-wrap .box-logs-title span.dot-divider {
    flex: 0 0 auto;
  }
}

.contactCrmBar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .contactCrmBar {
    min-height: 5rem;
    padding: 9px 1rem;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.contactCrmBar .contactCrmBar__nav-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.contactCrmBar .person {
  width: 100%;
  padding: 1.5rem 0 1.5rem;
  position: inherit;
}
@media (min-width: 576px) {
  .contactCrmBar .person {
    display: flex;
    max-width: 25rem;
    padding: 0;
    margin-right: 3rem;
  }
}
@media (max-width: 575px) {
  .contactCrmBar .person .dropdown-menu {
    position: inherit !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    transform: translate3d(0, 0, 0) !important;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;
    margin: 1.5rem 0 !important;
  }
}
.contactCrmBar .person .client-options i {
  color: #222;
}
@media (max-width: 575px) {
  .contactCrmBar .person .client-options {
    position: absolute;
    left: 50%;
    top: 3.25rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50% !important;
    padding: 0 !important;
    background: #541D08;
    transform: translateX(-50%);
    margin-left: -1.5rem;
  }
  .contactCrmBar .person .client-options i {
    color: #fff;
  }
}
.contactCrmBar__nav {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  padding: 0;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .contactCrmBar__nav {
    gap: 20px;
  }
}
.contactCrmBar__nav.contactCrmBar__nav--left, .contactCrmBar__nav.contactCrmBar__nav--right {
  position: absolute;
  top: 3rem;
  width: 30%;
}
.contactCrmBar__nav.contactCrmBar__nav--left li, .contactCrmBar__nav.contactCrmBar__nav--right li {
  position: relative;
}
.contactCrmBar__nav.contactCrmBar__nav--left {
  justify-content: flex-start;
  left: 0.9375rem;
}
.contactCrmBar__nav.contactCrmBar__nav--right {
  top: 54px;
  gap: 3px;
  justify-content: flex-end;
  right: 0.9375rem;
}
.contactCrmBar__nav.contactCrmBar__nav--right li a {
  width: 32px;
  height: 32px;
}
@media (min-width: 576px) {
  .contactCrmBar__nav {
    justify-content: flex-end;
    align-items: center;
    padding: 0;
  }
  .contactCrmBar__nav.contactCrmBar__nav--left {
    margin-right: 20px;
  }
  .contactCrmBar__nav.contactCrmBar__nav--left, .contactCrmBar__nav.contactCrmBar__nav--right {
    position: inherit;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
  }
  .contactCrmBar__nav .person {
    order: 0;
    margin-right: auto;
  }
}
.contactCrmBar__nav li {
  padding: 0 0.25rem;
}
@media (min-width: 576px) {
  .contactCrmBar__nav li {
    padding: 0;
    order: 1;
  }
}
.contactCrmBar__nav li .person-avatar .default-user-avatar {
  height: 40px !important;
}
@media (min-width: 992px) {
  .contactCrmBar__nav li .person-avatar .default-user-avatar {
    height: 50px !important;
  }
}
.contactCrmBar__nav .sales-visibility .dropdown-menu {
  margin-top: 25px !important;
}
@media (min-width: 992px) {
  .contactCrmBar__nav .sales-visibility .dropdown-menu {
    margin-top: 20px !important;
  }
}
.contactCrmBar__nav .sales-visibility .select2-container--default .selection .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  align-items: center;
}
.contactCrmBar__nav .coordinator .dropdown-menu {
  padding: 20px 15px !important;
  min-width: 300px;
  margin-top: 25px !important;
}
@media (min-width: 992px) {
  .contactCrmBar__nav .coordinator .dropdown-menu {
    margin-top: 20px !important;
  }
}
.contactCrmBar__nav .coordinator .dropdown-menu .dropdown-title {
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .contactCrmBar .contactCrmBar__nav.contactCrmBar__nav--right {
    top: auto;
    gap: 20px;
    justify-content: flex-end;
  }
  .contactCrmBar .contactCrmBar__nav.contactCrmBar__nav--right li a {
    width: 40px;
    height: 40px;
  }
}
.contactCrmBar__sidebar {
  display: none;
  width: 100%;
  max-width: 100%;
  padding: 4.375rem 1.5rem 1.5rem;
  position: absolute;
  right: -100%;
  top: 6.6875rem;
  z-index: 100;
  background: #fff;
  border: 1px solid #ededed;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .contactCrmBar__sidebar {
    position: fixed;
    top: 13.0625rem;
    height: 100%;
    max-width: 33%;
  }
}
.contactCrmBar__sidebar .pageBar__actions li {
  margin-bottom: 0.625rem;
}
@media (min-width: 992px) {
  .contactCrmBar__sidebar .box .box-icon {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.contactCrmBar__sidebar.show {
  right: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .contactCrmBar__sidebar.show {
    left: auto;
  }
}
.contactCrmBar__sidebar-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: #01a9f4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactCrmBar__sidebar-close i {
  color: #fff;
  font-size: 1.5rem;
}

.main-wrapper--contactCRM .modal {
  top: 90px !important;
}
.main-wrapper--contactCRM .modal-RightBar {
  width: unset;
}
.main-wrapper--contactCRM .RightBar {
  border-top: 1px solid #EEEEEE;
  border-left: 0.3125rem solid #EEEEEE;
}
.main-wrapper--contactCRM .rightSidebar {
  padding-top: 0;
}
.main-wrapper--contactCRM .rightSidebar__body {
  padding: 2rem;
}

.crm-contact-views .data-table-card {
  border-top: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.crm-contact-views .grid-title .sd-btn {
  margin-left: 0;
}
.crm-contact-views .grid-title .sd-btn + .sd-btn {
  margin-left: 4px;
}

.contactCrmRight_anotherDetails {
  flex: unset;
  display: flex;
  row-gap: 1.25rem;
  column-gap: 2%;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
}
.contactCrmRight_anotherDetails .box {
  flex: 0 0 49%;
  margin: 0 !important;
}

.contactCrmRight_eventsAppointments + .contactCrmRight_anotherDetails {
  flex: 0 0 50%;
  display: block;
  max-width: 50%;
  width: unset;
}
.contactCrmRight_eventsAppointments + .contactCrmRight_anotherDetails .box {
  flex: unset;
}
.contactCrmRight_eventsAppointments + .contactCrmRight_anotherDetails .box + .box {
  margin-top: 1.25rem !important;
}

@media (max-width: 1200px) {
  .contactCrmRight_anotherDetails .box {
    flex: unset !important;
  }
  .contactCrmRight_eventsAppointments + .contactCrmRight_anotherDetails {
    display: block;
    flex: unset;
    max-width: unset;
    width: 100%;
  }
  .contactCrmRight_eventsAppointments + .contactCrmRight_anotherDetails .box + .box {
    margin-top: 1.25rem !important;
  }
}
.person.show .fa-chevron-down {
  transform: rotate(180deg);
  transition: all 0.2s ease-in-out;
}
.person-dropdown {
  width: 100%;
}
@media (min-width: 768px) {
  .person {
    margin-right: auto;
  }
}

.person-dropdown {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  min-height: 4.375rem;
  width: 100%;
  position: relative;
}
.person-dropdown .client-options {
  padding: 12px !important;
  border: 1px solid #ededed;
}
.person-dropdown .client-options svg {
  width: 14px;
  height: 14px;
  fill: #222;
  transform: rotate(0);
  transition: all 0.3s ease;
}
.person-dropdown .person-dropdown__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.person-dropdown .img-responsive {
  margin: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .person-dropdown {
    position: relative;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4.75rem;
  }
}
.person-dropdown__img {
  display: block;
  width: 4.375rem;
  height: 4.375rem;
  overflow: hidden;
  background: #01a9f4;
}
@media (min-width: 576px) {
  .person-dropdown__img {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.person-dropdown__img img,
.person-dropdown__img svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.person-dropdown__img figure {
  display: flex;
  justify-content: center;
  align-items: center;
}
.person-dropdown__img figure svg {
  width: 36px;
  height: 36px;
}
.person-dropdown__img span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.5rem;
}
.person-dropdown__info {
  top: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #888888;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 576px) {
  .person-dropdown__info {
    align-items: flex-start;
  }
}
.person-dropdown__status {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
}
.person-dropdown__status .badge + .badge {
  margin-left: 0.25rem;
}
.person-dropdown__name {
  color: #222;
  font-weight: 700;
  margin: 1rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .person-dropdown__name {
    margin: 0;
    text-align: left;
  }
}
.person-dropdown .badge-info {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.9;
}
.person-dropdown .dropdown-menu {
  padding: 1rem 1rem 0.5rem !important;
  width: 100%;
  margin-top: 10px !important;
  border-color: #ededed;
  border-width: 2px;
}
.person-dropdown .dropdown-menu .dropdown-title {
  margin-bottom: 15px;
}
.person-dropdown .dropdown-menu .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #fff;
}
.person-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
  transition: all 0.2s ease-in-out;
}

.person.show .person-dropdown .client-options svg {
  transform: rotate(180deg);
}

.person-avatar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  white-space: nowrap;
}
.person-avatar i {
  font-size: 1.125rem;
}
.person-avatar .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  width: 0.75rem;
  height: 0.75rem;
  color: #fff;
  font-size: 0.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.person-avatar .rounded-circle {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.person-avatar .rounded-circle .avatar-svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.person-avatar .person-avatar--tooltip .tooltip-arrow {
  width: 10px;
  height: 10px;
  transform: translateX(-5px) rotate(45deg);
  background: #000;
  position: absolute;
}
.person-avatar .person-avatar--tooltip.bs-tooltip-bottom {
  border-bottom: 0;
  padding-top: 10px;
}
.person-avatar .person-avatar--tooltip.bs-tooltip-bottom .tooltip-arrow {
  left: 50%;
  top: 5px;
}
.person-avatar .person-avatar--tooltip.bs-tooltip-top {
  padding-bottom: 10px;
}
.person-avatar .person-avatar--tooltip.bs-tooltip-top .tooltip-arrow {
  left: 50%;
  bottom: 5px;
}
.person-avatar .person-avatar--tooltip .tooltip-inner {
  min-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.person-avatar .person-avatar--tooltip .tooltip-role,
.person-avatar .person-avatar--tooltip .tooltip-name {
  width: 100%;
  text-align: center;
}
.person-avatar .person-avatar--tooltip .tooltip-name {
  font-weight: 700;
}
@media (min-width: 992px) {
  .person-avatar {
    width: 3.125rem;
    height: 3.125rem;
  }
  .person-avatar .badge {
    left: auto;
    right: 0;
    width: 1rem;
    height: 1rem;
    font-size: 0.625rem;
  }
  .person-avatar i {
    font-size: 1.5rem;
  }
}

.rightSidebar-wrapper {
  display: flex;
  justify-content: flex-end;
  height: 100%;
  min-height: calc(100vh - 100px);
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
.rightSidebar-wrapper.collapse {
  display: none;
  margin-right: -100%;
}
.rightSidebar-wrapper.show {
  display: flex;
  margin-right: 0;
}

.rightSidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 33.125rem;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5.625rem;
}
@media (min-width: 768px) {
  .rightSidebar {
    min-width: 26.875rem;
  }
}
.rightSidebar__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
@media (min-width: 768px) {
  .rightSidebar__header {
    padding: 1.5rem;
  }
}
.rightSidebar__header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #555;
  border-radius: 50%;
  opacity: 1;
}
.rightSidebar__header .close i {
  color: #555;
  font-size: 1.5rem;
}
.rightSidebar__header .close:hover, .rightSidebar__header .close:focus {
  opacity: 0.75;
}
.rightSidebar__body {
  padding: 0.625rem 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 768px) {
  .rightSidebar__body {
    padding: 0.875rem 1.5rem;
  }
}
.rightSidebar__footer {
  margin-top: auto;
  padding: 1rem;
  border-top: 1px solid #EEEEEE;
  background: #FAFAFA;
}
@media (min-width: 768px) {
  .rightSidebar__footer {
    padding: 1.5rem;
  }
}
.rightSidebar__title {
  color: #555;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.rightSidebar__subtitle {
  color: #555;
  margin-bottom: 0;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.rightSidebar .form-group label {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  color: #555;
  margin-bottom: 0.5rem;
}
.rightSidebar .form-oscar .form-control,
.rightSidebar .form-control,
.rightSidebar .select2-container--default .select2-selection--multiple,
.rightSidebar .select2 .select2-selection--single,
.rightSidebar .sd-app-tags tags-input .tags {
  border-color: #EEEEEE;
  box-shadow: none;
  border-radius: 0.3125rem;
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #555;
}
.rightSidebar .form-oscar .form-control::placeholder,
.rightSidebar .form-control::placeholder,
.rightSidebar .select2-container--default .select2-selection--multiple::placeholder,
.rightSidebar .select2 .select2-selection--single::placeholder,
.rightSidebar .sd-app-tags tags-input .tags::placeholder {
  color: #555;
}
.rightSidebar .form-oscar .form-control:focus,
.rightSidebar .form-control:focus,
.rightSidebar .select2-container--default .select2-selection--multiple:focus,
.rightSidebar .select2 .select2-selection--single:focus,
.rightSidebar .sd-app-tags tags-input .tags:focus {
  box-shadow: none;
  border-color: #555;
}
.rightSidebar .select2-container--default .select2-selection--multiple {
  min-height: calc(2.4rem + 2px) !important;
  padding-bottom: 0;
}
.rightSidebar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
.rightSidebar .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: var(--default-font-family) !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #555;
}
.rightSidebar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder,
.rightSidebar .select2-container--default .select2-selection--single .select2-selection__placeholder::placeholder {
  color: #555;
}
.rightSidebar .select2-container--default.select2-container--focus .select2-selection--multiple,
.rightSidebar .redactor-focus.redactor-styles-on,
.rightSidebar .redactor-focus:focus.redactor-styles-on {
  border-color: #555 !important;
}
.rightSidebar .tag-item {
  background: #EEEEEE !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 0.3125rem;
}
.rightSidebar .save-message {
  background: #FAFAFA;
  padding: 1rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  position: relative;
}
.rightSidebar .save-message .fa-circle-check,
.rightSidebar .save-message .fa-check-circle {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #38d57a;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .rightSidebar .save-message .fa-circle-check,
  .rightSidebar .save-message .fa-check-circle {
    right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .rightSidebar .save-message {
    padding: 1rem 3.875rem 1rem 1.5rem;
  }
}
.rightSidebar .information-block {
  margin-top: auto;
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
}
.rightSidebar .information-block a {
  color: #3FB1F0;
  text-decoration: underline;
}

.events-calendar__date {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.events-calendar__date-icon {
  position: relative;
  margin-right: 12px;
}
.events-calendar__date-digit {
  position: absolute;
  top: 60%;
  left: 50%;
  font-weight: 600;
  font-size: 12px;
  line-height: 0.9;
  transform: translate(-50%, -50%);
}
.events-calendar__date-formated {
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
}
.events-calendar__date-icon, .events-calendar__event-icon {
  width: 34px;
  height: 34px;
  background: #fff;
}
.events-calendar__date-icon svg, .events-calendar__event-icon svg {
  width: 34px;
  height: 34px;
  fill: #222;
}
.events-calendar__item {
  position: relative;
  border-bottom: 1px solid #ededed;
  padding-bottom: 25px;
  margin-top: 20px;
}
.events-calendar__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 2%;
  left: 17px;
  height: 90%;
  width: 1px;
  z-index: 1;
  background: #ededed;
}
.events-calendar__item:last-child {
  border-bottom: 0;
}
.events-calendar__item + .events-calendar__item {
  margin-top: 22px;
}

.events-calendar__events-list {
  list-style: none;
  margin-top: 30px;
  padding-left: 46px;
  position: relative;
  z-index: 2;
}

.events-calendar__events-item {
  position: relative;
  margin-bottom: 25px;
}
.events-calendar__events-item:last-child {
  margin-bottom: 0;
}

.events-calendar__event-icon {
  position: absolute;
  left: -46px;
}

.events-calendar__item-timing {
  margin-bottom: 16px;
  max-width: 90%;
  font-size: 14px;
  font-weight: 700;
}
.events-calendar__item-timing span {
  margin-left: 4px;
  font-weight: 300;
  font-size: 10px;
}

.events-calendar__events-item-detail {
  margin-bottom: 8px;
}
.events-calendar__events-item-detail .less,
.events-calendar__events-item-detail .more {
  color: #01a9f4;
  font-style: italic;
  font-size: 0.825rem;
}
.events-calendar__events-item-detail .less:hover, .events-calendar__events-item-detail .less:focus,
.events-calendar__events-item-detail .more:hover,
.events-calendar__events-item-detail .more:focus {
  cursor: pointer;
}
.events-calendar__events-item-detail a[aria-expanded=false] .less {
  display: none;
}
.events-calendar__events-item-detail a[aria-expanded=true] .dots,
.events-calendar__events-item-detail a[aria-expanded=true] .more {
  display: none;
}
.events-calendar__events-item-detail a[aria-expanded=true] .less {
  display: inline-block;
}

.events-calendar__events-item-link {
  color: #01a9f4;
  font-weight: 500;
}

.events-calendar__events-item-definition {
  margin-right: 5px;
  text-transform: uppercase;
  font-weight: 700;
  color: #222;
}

.events-calendar__events-item-edit-link {
  position: absolute;
  right: 0;
  top: 0;
  color: #01a9f4;
  font-weight: 700;
}

.events-calendar__events-item-btns-wrap {
  display: flex;
  column-gap: 10px;
}

.show-error__icon svg {
  width: 150px;
  height: 150px;
  fill: #333;
}

.sd-files-viewer-wrapper .sd-files-viewer-icon__folder {
  font-size: 2.5em;
}
.sd-files-viewer-wrapper .toolbar-wrap {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  min-height: auto;
}
.sd-files-viewer-wrapper .no-files-available {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.sd-files-viewer-wrapper .no-files-available > svg {
  width: 39px;
  height: 39px;
}

.choose-items-select__title {
  font-weight: 700;
  margin: 10px 0;
}

.sd-checkmark-card-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 3%;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item {
  position: relative;
  width: 48%;
  color: #777;
  background-color: #f6f6f6;
  border: 3px solid #F2F2F2;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1415px) {
  .sd-checkmark-card-wrapper .sd-checkmark-card-item {
    width: 100%;
  }
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .choose-items-card__label {
  position: absolute;
  top: 0;
  right: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  max-width: 70%;
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  background-color: #eaeaea;
  transform: translate(0, -50%);
  z-index: 10;
  transition: all 0.3s ease-in-out 0.25s;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item:hover {
  color: #555;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active {
  color: #555;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .choose-items-card-price {
  color: #333;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .choose-items-card__label {
  color: #fff;
  transition: all 0.3s ease-in-out 0.25s;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after {
  border-color: #fff;
  opacity: 1;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .choose-items-card-title {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.2em;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .choose-items-card-desc {
  margin-top: 8px;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .choose-items-card-desc-text {
  font-size: 12px;
  line-height: 1.2em;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .choose-items-card-price {
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translate(0, -50%);
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle {
  background-color: #F2F2F2;
  border: 3px solid #fff;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__check:after {
  opacity: 0;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-box-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 1rem 3rem 1rem 1rem;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__toggle .sd-checkmark-card-item__text {
  flex-grow: 1;
}
.sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__toggle .sd-checkmark-card-item__arrow .sd-checkmark-card-item__toggle .sd-checkmark-card-item__arrow .checkmark-icon__check:after {
  opacity: 0;
}

.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active {
  border-color: #ccc;
}
.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after,
.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle {
  border-color: #ccc;
}
.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item .choose-items-card__label {
  background-color: #ccc;
}

.cbe-block.col-12.col-md-6 .cbe-block-sortable .cbe-block-shopping-wrapper > .row {
  flex-direction: column;
}
.cbe-block.col-12.col-md-6 .cbe-block-sortable .cbe-block-shopping-wrapper > .row .col-xl-6 {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 1415px) {
  .cbe-block.col-12.col-md-6 .cbe-block-sortable .cbe-block-shopping-wrapper > .row .col-xl-6 .sd-checkmark-card-wrapper .sd-checkmark-card-item {
    width: 100%;
  }
}

.choose-items-select-wrapper {
  gap: 1rem;
}
.choose-items-select-wrapper .no-items {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.choose-items-summary-payment-amount,
.choose-items-summary-total-amount {
  flex-shrink: 0;
  flex-grow: 1;
  color: #333;
  font-weight: 500;
}

.choose-items-summary-total {
  vertical-align: middle;
  line-height: 1.2em;
  font-size: 16px;
}
.choose-items-summary-total label {
  line-height: inherit;
}

.choose-items-summary-payment-title {
  flex-shrink: 1;
  flex-grow: 1;
  line-height: 1.2em;
}

body.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after {
  border-color: #ccc;
}

.sd-sortable-list-wrapper .sd-sortable-list {
  counter-reset: fieldcounter;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  background-color: white;
  border-radius: 8px;
  padding: 0.625rem;
  margin-bottom: 15px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .drugging-icon {
  margin-right: 0.625rem;
  display: block;
  flex: 0 0 auto;
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .sort-number-wrapper {
  height: 30px;
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .sort-number-wrapper .sort-number {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  border-radius: 50%;
  background-color: #6492cb;
  color: white;
  display: inline-block;
  margin-right: 0.625rem;
  position: relative;
  counter-increment: fieldcounter;
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .sort-number-wrapper .sort-number:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: counter(fieldcounter);
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .item-label {
  flex-grow: 1;
}
.sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .remove-btn {
  background: #c40000;
  padding: 0 !important;
  margin-left: 5px !important;
  width: 1.7rem;
  color: white;
}

.advanced-select-add-new-item-wrapper .advanced-select-add-new-item .advanced-select-add-new-item-text {
  margin-left: 5px;
}
.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single {
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 8px;
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single:hover {
  color: #292b2c;
  background-color: #ececec;
  border-color: #b3b3b3;
}
.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single:focus, .advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single.focus {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(204, 204, 204, 0.5);
}
.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single.disabled, .advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single:disabled {
  background-color: #fff;
  border-color: #ccc;
}
.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single:active, .advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single.active, .show > .advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single.dropdown-toggle {
  background-color: #ececec;
  background-image: none;
  border-color: #b3b3b3;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single:focus {
  box-shadow: none !important;
}
.advanced-select-add-new-item-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.gradient-color-picker-wrapper .gradient-color-picker-input-wrapper {
  width: 100%;
  position: relative;
  display: table;
}
.gradient-color-picker-wrapper .gradient-color-picker-input-wrapper .gradient-color-picker-preview {
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 30px;
  height: 40px;
  border: 0;
  border-right: 1px solid #e4e9f0;
  border-radius: 0.25rem 0 0 0.25rem;
  position: absolute;
  box-sizing: border-box;
  vertical-align: middle;
  background-position: -80px 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  cursor: pointer;
}
.gradient-color-picker-wrapper .gradient-color-picker-input-wrapper .gradient-color-picker-input {
  padding: 0.25rem 0.6rem 0.25rem 35px;
  line-height: normal;
  text-align: left;
  border: 1px solid #e4e9f0;
  height: calc(2.5rem + 2px);
  display: block;
  width: 100%;
  font-size: 14px;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.gradient-color-picker-wrapper .gradient-color-picker-input-wrapper .gradient-color-picker-input.form-control {
  padding-left: 35px;
}
.gradient-color-picker-wrapper .gradient-color-picker-form-wrapper .pcr-app {
  z-index: 99;
}

body.mobileMenuBody {
  overflow: hidden;
}

.ml {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  transition: transform 0.3s;
}
.ml--wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-height: 100svh;
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.ml--wrapper.ml--wrapper-activated {
  overflow: unset;
}
.ml--header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.45em 0.6em;
  background-color: #456;
  color: #fff;
  z-index: 100;
  cursor: pointer;
  transition: background-color 0.2s;
}
.ml--header:hover {
  background-color: #345;
}
.ml--header.ml--back-visible .ml--back {
  opacity: 1;
}
.ml--header.ml--back-visible .ml--title {
  transform: translateX(40px);
}
.ml--title {
  position: absolute;
  left: 0;
  top: 0.8em;
  padding-left: 0.7em;
  transition: transform 0.3s;
}
.ml--back {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
}
.ml--back:before, .ml--back:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}
.ml--back:before {
  left: 50%;
  width: 9px;
  height: 9px;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.ml--back:after {
  left: 28%;
  width: 15px;
  height: 2px;
  background-color: currentcolor;
  margin-top: -1px;
}
.ml a:not(.menu-item-add-url) {
  display: block;
  position: relative;
  padding: 0.7em;
  border-bottom: 1px solid #eee;
  color: #999;
  text-decoration: none;
  transition: color 0.15s, background-color 0.15s;
}
.ml a:not(.menu-item-add-url):hover {
  color: #333;
  background-color: #efefef;
}
.ml ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 45px 0 0;
  transition: transform 0.3s;
  background-color: #fff;
  width: 100%;
}
.ml ul ul {
  display: none;
  top: 0;
  left: 100%;
  position: absolute;
}
.ml li a {
  text-align: center;
  background: #fff;
}
.ml li.ml--dropdown > a {
  padding-left: 2.5em;
  padding-right: 2.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ml li.ml--dropdown > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 9px;
  height: 9px;
  border: 1px solid currentcolor;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: translateY(-90%) rotateZ(-45deg);
  transition: transform 0.3s;
  transform-origin: 100%;
}
.ml li.ml--dropdown-open ul > li > ul {
  display: none;
  position: absolute;
  overflow-y: auto;
  z-index: -1;
}
.ml--wrapper.ml--wrapper-activated .ml--menu {
  overflow: unset;
}
.ml--wrapper.ml--wrapper-activated .ml--currentUlSlided {
  display: flex;
  overflow: unset;
}
.ml--wrapper.ml--wrapper-activated .ml--currentUl {
  display: flex;
  max-height: calc(100svh - 20px);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
}
.ml--wrapper.ml--wrapper-activated .ml--currentUl li ul {
  overflow: unset;
}

.sd-type-switcher__wrapper {
  width: 100%;
}

.sd-type-switcher__thin .sd-type-switcher__tabs {
  min-height: 29px;
}
.sd-type-switcher__thin .sd-type-switcher__tabs .sd-type-switcher__slider {
  padding: 0;
  line-height: 2.5;
}

.sd-type-switcher__tabs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 7px;
  border: 1px solid #ccc !important;
  overflow: hidden;
  background: #fff;
  min-height: 35px;
  user-select: none;
}
.sd-type-switcher__tabs .sd-type-switcher__slider {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #4583b3;
  text-transform: uppercase;
  text-align: center;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  transition: color 250ms ease-in-out;
  user-select: none;
  border-radius: 0;
}
.sd-type-switcher__tabs .sd-type-switcher__slider.active {
  color: #fff;
}
.sd-type-switcher__tabs:after {
  content: "";
  background: #4583b3;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 7px;
}

.sd-type-switcher__items_2 .sd-type-switcher__tabs:after,
.sd-type-switcher__items_2 .sd-type-switcher__tabs .sd-type-switcher__slider {
  width: 50%;
  border-radius: 0;
}
.sd-type-switcher__items_2 .sd-type-switcher__tabs.slide_1:after {
  left: 50%;
}

.sd-type-switcher__items_3 .sd-type-switcher__tabs:after,
.sd-type-switcher__items_3 .sd-type-switcher__tabs .sd-type-switcher__slider {
  width: 33.33%;
  border-radius: 0;
}
.sd-type-switcher__items_3 .sd-type-switcher__tabs.slide_1:after {
  left: 33.33%;
}
.sd-type-switcher__items_3 .sd-type-switcher__tabs.slide_2:after {
  left: 66.66%;
}

.sd-type-switcher__items_4 .sd-type-switcher__tabs:after,
.sd-type-switcher__items_4 .sd-type-switcher__tabs .sd-type-switcher__slider {
  width: 25%;
  border-radius: 0;
}
.sd-type-switcher__items_4 .sd-type-switcher__tabs.slide_1:after {
  left: 25%;
}
.sd-type-switcher__items_4 .sd-type-switcher__tabs.slide_2:after {
  left: 50%;
}
.sd-type-switcher__items_4 .sd-type-switcher__tabs.slide_3:after {
  left: 75%;
}

.sd-type-switcher__items_5 .sd-type-switcher__tabs:after,
.sd-type-switcher__items_5 .sd-type-switcher__tabs .sd-type-switcher__slider {
  width: 20%;
  border-radius: 0;
}
.sd-type-switcher__items_5 .sd-type-switcher__tabs.slide_1:after {
  left: 20%;
}
.sd-type-switcher__items_5 .sd-type-switcher__tabs.slide_2:after {
  left: 40%;
}
.sd-type-switcher__items_5 .sd-type-switcher__tabs.slide_3:after {
  left: 60%;
}
.sd-type-switcher__items_5 .sd-type-switcher__tabs.slide_4:after {
  left: 80%;
}

.sd-type-switcher__items_6 .sd-type-switcher__tabs:after,
.sd-type-switcher__items_6 .sd-type-switcher__tabs .sd-type-switcher__slider {
  width: 16.66%;
  border-radius: 0;
}
.sd-type-switcher__items_6 .sd-type-switcher__tabs.slide_1:after {
  left: 16.66%;
}
.sd-type-switcher__items_6 .sd-type-switcher__tabs.slide_2:after {
  left: 33.33%;
}
.sd-type-switcher__items_6 .sd-type-switcher__tabs.slide_3:after {
  left: 50%;
}
.sd-type-switcher__items_6 .sd-type-switcher__tabs.slide_4:after {
  left: 66.66%;
}
.sd-type-switcher__items_6 .sd-type-switcher__tabs.slide_5:after {
  left: 83.33%;
}

.entity-type-selection-wrapper {
  scrollbar-width: thin;
}
.entity-type-selection-wrapper--cbe {
  max-height: 400px;
  overflow-y: auto;
}
.entity-type-selection-wrapper .entity-type-selection {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0 1.25rem 0 0;
  width: 100%;
  border-bottom: 1px solid #e9ecef;
}
.entity-type-selection-wrapper .entity-type-selection:last-child {
  border-bottom: none;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0;
  padding: 1.25rem 0 0.625rem 1.25rem;
  width: 100%;
  color: var(--sd-text-primary);
  cursor: pointer;
  border-left: 7px solid transparent;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link:hover, .entity-type-selection-wrapper .entity-type-selection .entity-type-link.active {
  border-left-color: var(--appTopBarColor, #1A4971);
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link:hover .arrow-container svg, .entity-type-selection-wrapper .entity-type-selection .entity-type-link.active .arrow-container svg {
  fill: var(--appTopBarColor, #1A4971);
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link:has(.type-select-small:empty) {
  align-items: center;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .entity-type-img {
  display: flex;
  justify-content: center;
  margin: 0 25px 0 5px;
  width: 40px;
  height: 40px;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link svg,
.entity-type-selection-wrapper .entity-type-selection .entity-type-link img {
  width: 40px;
  height: auto;
  max-height: 40px;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link svg {
  fill: #777;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link p {
  margin: 0;
  line-height: 0;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .entity-type-title {
  font-size: 16px;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .entity-type-desc {
  font-size: 12px;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .entity-type-desc:empty {
  display: none;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .arrow-container {
  margin-left: auto;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .arrow-container svg {
  width: 25px;
  max-height: 25px;
  margin: 10px 0;
  fill: #777;
}
.entity-type-selection-wrapper .entity-type-selection .entity-type-link .arrow-container svg:hover, .entity-type-selection-wrapper .entity-type-selection .entity-type-link .arrow-container svg.active {
  fill: var(--appTopBarColor, #1A4971);
}
.entity-type-selection-wrapper .entity-type-selection:last-of-type + hr {
  display: none;
}
.entity-type-selection-wrapper hr {
  margin: 0;
}

.modal-include-wrapper:has(.entity-type-selection-wrapper) {
  padding: 0 !important;
}
.modal-include-wrapper:has(.entity-type-selection-wrapper) .form.fluid {
  padding-bottom: 0;
}
.modal-include-wrapper:has(.entity-type-selection-wrapper) .form.fluid:has(.marketing-multi-step-editor) {
  padding-bottom: 42px;
}

.modal-include-wrapper:has(.entity-type-selection-wrapper) .form-actions.btn-list .form-actions-btn:not(:first-child) .btn, .modal-include-wrapper:has(.entity-type-selection-wrapper) .form-actions.btn-list .form-actions-btn:not(:first-child) .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-include-wrapper:has(.entity-type-selection-wrapper) .form-actions.btn-list .form-actions-btn:not(:first-child) button, .modal-include-wrapper:has(.entity-type-selection-wrapper) .form-actions.btn-list .form-actions-btn:not(:first-child) .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-include-wrapper:has(.entity-type-selection-wrapper) .form-actions.btn-list .form-actions-btn:not(:first-child) button {
  padding-right: 0 !important;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  width: 4px;
  border-radius: 7px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
}

.entity-type-selection-wrapper--cbe::-webkit-scrollbar {
  width: 4px !important;
}

.entity-type-selection-wrapper--cbe::-webkit-scrollbar-track {
  width: 4px;
  border-radius: 7px;
}

.entity-type-selection-wrapper--cbe::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dvs-table {
  border: 1px solid #eee;
  border-radius: 0.5rem;
  overflow: hidden;
}
.dvs-table .dvs-table-head,
.dvs-table .dvs-table-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dvs-table .dvs-table-head:first-child .dvs-table-cell,
.dvs-table .dvs-table-row:first-child .dvs-table-cell {
  padding-top: 0.625rem;
}
.dvs-table .dvs-table-head:last-child .dvs-table-cell,
.dvs-table .dvs-table-row:last-child .dvs-table-cell {
  border-top: 1px solid #eee;
  padding-bottom: 1.25rem;
}
.dvs-table .dvs-table-head:not(:first-child) .dvs-table-cell,
.dvs-table .dvs-table-row:not(:first-child) .dvs-table-cell {
  border-top: 1px solid #eee;
}
.dvs-table .dvs-table-head .dvs-table-cell,
.dvs-table .dvs-table-row .dvs-table-cell {
  flex: 0 0 25%;
  padding: 0.375rem;
}
.dvs-table .dvs-table-head .dvs-table-cell [auto-select],
.dvs-table .dvs-table-row .dvs-table-cell [auto-select] {
  cursor: pointer;
}
.dvs-table .dvs-table-head .dvs-table-cell [auto-select]:after,
.dvs-table .dvs-table-row .dvs-table-cell [auto-select]:after {
  content: initial !important;
}
.dvs-table .dvs-table-head .dvs-table-cell [auto-select].auto-select-copy,
.dvs-table .dvs-table-row .dvs-table-cell [auto-select].auto-select-copy {
  padding-left: 0 !important;
}
.dvs-table .dvs-table-head .dvs-table-cell:first-child,
.dvs-table .dvs-table-row .dvs-table-cell:first-child {
  padding-left: 0.625rem;
}
.dvs-table .dvs-table-head .dvs-table-cell:last-child,
.dvs-table .dvs-table-row .dvs-table-cell:last-child {
  padding-right: 0.625rem;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-record,
.dvs-table .dvs-table-row .dvs-table-cell.cell-record {
  flex-basis: 24%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-record > div,
.dvs-table .dvs-table-row .dvs-table-cell.cell-record > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 auto;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-record > div i,
.dvs-table .dvs-table-row .dvs-table-cell.cell-record > div i {
  margin: auto 0.3125rem auto 0;
  font-size: 2.25rem;
  color: #333;
  transform: rotate(45deg);
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-record > div span,
.dvs-table .dvs-table-row .dvs-table-cell.cell-record > div span {
  font-size: 1.125rem;
  color: #333;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-record > div em,
.dvs-table .dvs-table-row .dvs-table-cell.cell-record > div em {
  display: block;
  font-size: 0.75rem;
  line-height: 1;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-host,
.dvs-table .dvs-table-row .dvs-table-cell.cell-host {
  word-break: break-all;
  flex-basis: 20%;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-type,
.dvs-table .dvs-table-row .dvs-table-cell.cell-type {
  flex-basis: 10%;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-value,
.dvs-table .dvs-table-row .dvs-table-cell.cell-value {
  flex-basis: 46%;
  word-break: break-all;
}
.dvs-table .dvs-table-head .dvs-table-cell.cell-value pre,
.dvs-table .dvs-table-row .dvs-table-cell.cell-value pre {
  margin-bottom: 0;
}
.dvs-table .dvs-table-head .dvs-table-cell {
  text-align: left;
  font-size: 0.75rem;
  color: #aaa;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.dvs-table .dvs-table-row .cell-host,
.dvs-table .dvs-table-row .cell-type {
  font-size: 0.8125rem;
}
.dvs-table .dvs-table-row .cell-value {
  font-size: 0.875rem;
}
.dvs-table .dvs-table-row .cell-value pre {
  cursor: pointer;
}
.dvs-table .dvs-table-row.verified .dvs-table-cell.cell-record div i {
  transform: rotate(0deg);
}
.dvs-table .dvs-table-row.verified .dvs-table-cell.cell-record div i, .dvs-table .dvs-table-row.verified .dvs-table-cell.cell-record div em {
  color: green;
}

[uib-datepicker-popup-wrap] .dropdown-menu {
  z-index: 2000;
}
[uib-datepicker-popup-wrap] .uib-button-bar .btn-group {
  margin-bottom: 0;
}
[uib-datepicker-popup-wrap] .uib-datepicker-popup table tr:nth-of-type(odd) {
  background-color: initial;
}
[uib-datepicker-popup-wrap] .uib-datepicker-popup table th,
[uib-datepicker-popup-wrap] .uib-datepicker-popup table td {
  padding: 1px !important;
  border: none !important;
  border-top: initial;
}
.data-table-wrap .dataTableResp [uib-datepicker-popup-wrap] .uib-datepicker-popup table tr th:first-child, .data-table-wrap .dataTableResp [uib-datepicker-popup-wrap] .uib-datepicker-popup table tr td:first-child {
  padding: 0 !important;
}

.sd-update-date-by-click .sd-update-date-by-click-view-date {
  cursor: pointer;
}
.sd-update-date-by-click .sd-update-date-by-click-view-date:hover {
  text-decoration: underline;
}
.sd-update-date-by-click .sd-update-date-by-click-input {
  visibility: hidden !important;
  height: 15px !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  float: initial;
}

@media (max-width: 600px) {
  div[uib-datepicker-popup-wrap] {
    max-width: 100%;
  }
  .uib-datepicker-popup {
    max-width: 100%;
  }
  .uib-datepicker-popup li {
    max-width: 100%;
  }
  .uib-datepicker-popup li .uib-day button,
  .uib-datepicker-popup li button.uib-right,
  .uib-datepicker-popup li button.uib-left {
    padding: 0.1rem 0.6rem !important;
    width: 37px;
  }
  .uib-datepicker-popup li .uib-day button,
  .uib-datepicker-popup li button.uib-right,
  .uib-datepicker-popup li button.uib-left,
  .uib-datepicker-popup li button.uib-title {
    margin-bottom: 4px !important;
  }
}
@media (max-width: 600px) {
  .card.task-desc-card .uib-datepicker-popup {
    padding: 0.5rem !important;
    transform: translate(-75px, 0) !important;
  }
}
.appsumo-container {
  max-width: 800px;
}
.appsumo-container .before-appsumo-logo {
  font-size: 36px;
  font-family: Caveat;
  text-align: center;
  padding: 30px 0;
}
.appsumo-container .appsumo-logo {
  display: block;
  margin: 0 auto 50px;
}
.appsumo-container .email-block {
  max-width: 540px;
  margin: 0 auto 30px;
}
.appsumo-container .redeem-code-links {
  max-width: 600px;
  margin: 20px auto;
  display: grid;
  grid-gap: 3px;
  justify-items: center;
}
.appsumo-container .redeem-code-links .redeem-code {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 22px;
  border: 1px solid #3F76A1;
  border-radius: 18px;
}
.appsumo-container .redeem-code-links .redeem-code.active {
  background: #3F76A1;
  color: #fff;
}
.appsumo-container .appsumo-fields {
  margin: 0 auto 20px;
  max-width: 540px;
}
.appsumo-container .appsumo-fields .code-container {
  display: grid;
  grid-template-columns: max-content auto 30px;
  grid-gap: 0 20px;
  align-items: center;
  margin-bottom: 10px;
  grid-template-rows: 42px 22px;
}
.appsumo-container .appsumo-fields .code-container .form-error {
  grid-column-start: 2;
  grid-column-end: 3;
}
.appsumo-container .appsumo-fields .code-container label {
  margin: 0 !important;
}
.appsumo-container.appsumo-modal {
  font-size: 24px;
}
.appsumo-container.appsumo-modal .appsumo-fields, .appsumo-container.appsumo-modal .appsumo-fields label {
  font-size: 18px !important;
}
.appsumo-container .submit-codes {
  max-width: 540px;
  margin: 0 auto;
}
.appsumo-container .submit-codes .btn-primary {
  width: 100%;
  background: #3F76A1;
  border-radius: 5px;
}
.appsumo-container .submit-codes .btn-primary:hover {
  opacity: 0.8;
}
.appsumo-container .submit-codes .note {
  text-align: center;
}
.appsumo-container.appsumo-modal .submit-codes {
  border-top: none !important;
  margin: -20px auto 20px !important;
}
.appsumo-container .success-action .title {
  text-align: center;
  font-family: "PT Sans Narrow";
  font-size: 48px;
  text-transform: uppercase;
}
.appsumo-container .success-action .success-icon {
  display: block;
  margin: 20px auto 40px;
}
.appsumo-container .success-action .sub-title {
  font-family: "Roboto Condensed";
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
}
.appsumo-container .success-action .regular-text {
  font-size: 18px;
  text-align: center;
}
.appsumo-container .success-action section.plan {
  border-top: 1px solid #E6E6E6;
  font-family: "Roboto Condensed";
  font-size: 26px;
  margin-top: 70px;
  padding-top: 40px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}
.appsumo-container .success-action section.plan .section-title {
  text-transform: uppercase;
  text-align: center;
}
.appsumo-container .success-action section.plan .list {
  margin: 30px 0 40px;
}
.appsumo-container .lifetime-tabs .tab {
  display: flex;
}
.appsumo-container .lifetime-tabs .tab a {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #333333;
  width: 100%;
  padding: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid #cccccc;
}
.appsumo-container .lifetime-tabs .tab.selected a {
  padding-bottom: 10px;
  border-bottom: 5px solid #ED1164;
}
.appsumo-container .lifetime-description p {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #757575;
  line-height: 28px;
  margin-bottom: 0;
}
.appsumo-container .start-here-step .section-title,
.appsumo-container .final-step .section-title {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #333333;
  margin-bottom: 10px;
}
.appsumo-container .start-here-step .section-subtitle,
.appsumo-container .final-step .section-subtitle {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #757575;
}
.appsumo-container .redeem-code-links.full-width {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: none;
}
.appsumo-container .redeem-code-links.full-width a {
  background: #FFFFFF;
  border: 3px solid #1DBCBD;
  box-sizing: border-box;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 28px;
  color: #000000;
}
.appsumo-container .redeem-code-links.full-width a.selected, .appsumo-container .redeem-code-links.full-width a:hover {
  background: #1DBCBD;
  color: #ffffff;
}
.appsumo-container .looking-text {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  color: #757575;
  margin-bottom: 5px;
}
.appsumo-container .looking-text a {
  color: #EC1164;
}
.appsumo-container p {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #757575;
}
.appsumo-container p.large {
  font-size: 18px;
  color: #333333;
}
.appsumo-container p.bold {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}
.appsumo-container .lifetime-btn {
  background: #EC1164;
  border-radius: 50px;
  font-size: 22px;
  line-height: 27px;
  margin: 15px 0;
}
@media (max-width: 767px) {
  .appsumo-container .lifetime-btn {
    font-size: 18px;
  }
}
.appsumo-container .bottom-links {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.appsumo-container .bottom-links a {
  margin: 0 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #1DBCBD;
}
.appsumo-container .show-more-keys {
  display: flex;
  align-items: center;
}
.appsumo-container .show-more-keys input {
  width: 100px;
  margin-right: 10px;
}
.appsumo-container .show-more-keys a {
  margin-left: 10px;
}
.appsumo-container .lifetime-summary-title {
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 23px;
  line-height: 28px;
  color: #1DBCBD;
}
.appsumo-container .lifetime-summary-title span {
  font-weight: 400;
  font-size: 18px;
}
.appsumo-container .lifetime-summary {
  font-style: normal;
  font-weight: 600;
  font-size: 56.6786px;
  line-height: 68px;
  color: #1DBCBD;
}
.appsumo-container .lifetime-summary span {
  font-family: Inter;
  font-weight: bold;
  font-size: 33.5445px;
  line-height: 41px;
  color: rgba(29, 188, 189, 0.25);
}
.appsumo-container .finalize-buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .appsumo-container .finalize-buttons-container {
    padding: 20px 0;
    flex-direction: column-reverse;
  }
}
.appsumo-container .finalize-buttons-container .btn.btn-back, .appsumo-container .finalize-buttons-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-back, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .appsumo-container .finalize-buttons-container button.btn-back, .appsumo-container .finalize-buttons-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-back, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .appsumo-container .finalize-buttons-container button.btn-back {
  background: #DEDEDE;
  border-radius: 50px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #8b8b8b;
  border: none;
  margin-bottom: 10px;
}
.appsumo-container .finalize-buttons-container .btn.btn-back:hover, .appsumo-container .finalize-buttons-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-back:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .appsumo-container .finalize-buttons-container button.btn-back:hover, .appsumo-container .finalize-buttons-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-back:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .appsumo-container .finalize-buttons-container button.btn-back:hover {
  background: #cfcfcf;
}
.appsumo-container .finalize-buttons-container .btn.btn-finalize, .appsumo-container .finalize-buttons-container .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-finalize, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .appsumo-container .finalize-buttons-container button.btn-finalize, .appsumo-container .finalize-buttons-container .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-finalize, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .appsumo-container .finalize-buttons-container button.btn-finalize {
  font-size: 22px;
  line-height: 27px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  background: #187374;
  border-radius: 50px;
  margin-bottom: 10px;
}
.appsumo-container input.error {
  border: 1px solid rgba(168, 102, 102, 0.8);
}

.lifetime-request-magic-link .lifetime-description {
  text-align: center;
}
.lifetime-request-magic-link .lifetime-description h2 {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  color: #555555;
  margin-bottom: 20px;
}
.lifetime-request-magic-link .lifetime-description h3 {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #333333;
}
.lifetime-request-magic-link .lifetime-description span {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #757575;
  text-align: center;
}
.lifetime-request-magic-link hr.special {
  border-top: 5px solid #ED1164;
  margin-top: 30px;
  margin-bottom: 30px;
}
.lifetime-request-magic-link .form-oscar {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}
.lifetime-request-magic-link .form-oscar .lifetime-btn {
  margin-bottom: 25px;
}
.lifetime-request-magic-link input.error,
.lifetime-request-magic-link input.ng-invalid {
  border: 1px solid rgba(168, 102, 102, 0.8);
}
.lifetime-request-magic-link .sd-oscar-form-errors {
  text-align: left;
}
.lifetime-request-magic-link .auto-select-copy {
  display: inline-flex;
  align-items: center;
  text-align: left;
  margin-right: 10px;
}
.lifetime-request-magic-link .auto-select-copy:after {
  content: "\f0c5";
  font-family: "Font Awesome 6 Pro";
}

.sd-lifetime-container .cg-notify-message {
  background-color: #C0E3E3;
}

.widget-subscr-content.appsumo {
  padding-bottom: 1px;
}
.widget-subscr-content.appsumo .codes-primary-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 18px;
}
.widget-subscr-content.appsumo .codes-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 23px;
}
.widget-subscr-content.appsumo .codes-title.without-uppercase {
  text-transform: none;
}
.widget-subscr-content.appsumo .number-items {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 44px;
}
.widget-subscr-content.appsumo .number-items.with-border {
  border: 2px solid #808080;
  border-radius: 5px;
}
.widget-subscr-content.appsumo .codes-desc {
  margin-top: 10px;
  font-size: 15px;
  text-align: center;
}
.widget-subscr-content.appsumo .codes-note {
  font-family: "Caveat";
  font-size: 17px;
  color: #2D9BF0;
  text-align: center;
  margin-bottom: 40px;
}
.widget-subscr-content.appsumo .btn-changePaymentMethod {
  margin-top: 40px;
  background: #3F76A1 !important;
  margin-bottom: 40px;
}
.widget-subscr-content.appsumo .mb-40 {
  margin-bottom: 40px;
}
.widget-subscr-content .with-border-storage {
  border: 2px solid #808080;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 500px;
  padding: 15px;
}

.sd-downArrow {
  position: fixed;
  bottom: 20%;
  left: 30%;
}

.sd-bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

@-moz-keyframes sd-bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes sd-bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes sd-bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.lms-page .cbe-row-wrapper .cbe-block:first-child {
  padding-left: 0 !important;
}
.lms-page .cbe-row-wrapper .cbe-block:last-child {
  padding-right: 0 !important;
}

.lms-landing-page .cbe-row-wrapper:first-child {
  padding: 0;
  margin: 0;
}

/* generated contract does not have .content-block-wrapper */
sd-contract-view .pdf-wrapper .cbe-row-wrapper .cbe-block .wysiwyg-content,
.content-block-wrapper .cbe-row-wrapper .cbe-block .wysiwyg-content {
  padding: 0;
}
sd-contract-view .pdf-wrapper .cbe-row-wrapper .cbe-block .file-upload-field-input,
sd-contract-view .pdf-wrapper .cbe-row-wrapper .cbe-block .sd-file-browser .browser-wrap,
sd-contract-view .pdf-wrapper .cbe-row-wrapper .cbe-block .wysiwyg-content,
.content-block-wrapper .cbe-row-wrapper .cbe-block .file-upload-field-input,
.content-block-wrapper .cbe-row-wrapper .cbe-block .sd-file-browser .browser-wrap,
.content-block-wrapper .cbe-row-wrapper .cbe-block .wysiwyg-content {
  background-color: transparent !important;
}

.content-block-editor-wrapper .cbe-row-wrapper:hover > .cbe-block,
.content-block-editor-wrapper .cbe-row-wrapper:hover .cbe-block-bar {
  outline: rgba(125, 125, 125, 0.4) dashed 1px;
}
.content-block-editor-wrapper .cbe-block-content-text {
  min-height: 25px;
}
.content-block-editor-wrapper .cbe-block-get-started {
  min-height: 40px;
}
.content-block-editor-wrapper .cbe-block-placeholder {
  padding: 0;
  margin: 0;
  background-image: url("../img/content-block-editor/block-pattern.gif");
  width: 100%;
  height: 30px;
}
.content-block-editor-wrapper .cbe-add {
  cursor: pointer;
  margin: 12px auto;
}
.content-block-editor-wrapper .cbe-add i {
  font-size: 30px;
  color: #555;
}
.content-block-editor-wrapper sd-content-block-editor-control-bar,
.content-block-editor-wrapper sd-content-block-editor-add-block,
.content-block-editor-wrapper .cbe-control-column {
  color: #555;
}
.content-block-editor-wrapper .cbe-row-wrapper {
  position: relative;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper {
  position: absolute;
  z-index: 99;
  right: 2px;
  top: 0;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status {
  display: block;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status.cbe-required-icon {
  color: #ffcc02;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status.cbe-error-icon {
  color: #e6614f;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status.cbe-block-status__private, .content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status.cbe-block-status__visibility {
  color: #495057;
  opacity: 0.4;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status.cbe-block-status__private:hover, .content-block-editor-wrapper .cbe-row-wrapper .cbe-block-status-wrapper .cbe-block-status.cbe-block-status__visibility:hover {
  opacity: 1;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-sortable {
  min-height: 40px;
}
.content-block-editor-wrapper .cbe-row-wrapper sd-content-block-editor-add-block .cbe-add-block {
  display: none;
  cursor: pointer;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translate(-50%);
  z-index: 100001;
}
.content-block-editor-wrapper .cbe-row-wrapper sd-content-block-editor-add-block[position=bottom] .cbe-add-block {
  top: unset;
  bottom: -12px;
}
.content-block-editor-wrapper .cbe-row-wrapper .preview-message {
  display: none;
}
.content-block-editor-wrapper .cbe-row-wrapper:hover {
  position: relative;
}
.content-block-editor-wrapper .cbe-row-wrapper:hover .cbe-control-row {
  visibility: visible;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-checklist:hover {
  position: relative;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-checklist:hover .preview-message {
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  padding: 0.3rem 1.5rem;
  color: #ffffff;
  background-color: #555;
  border-radius: 4px;
  transform: translate(-50%, 0);
  z-index: 100000000;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block:hover sd-content-block-editor-add-block .cbe-add-block {
  display: block;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block:hover .cbe-control-column {
  visibility: visible;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper {
  visibility: hidden;
  display: flex;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 0px 4px rgba(0, 0, 0, 0.24);
  border-radius: 6px;
  white-space: nowrap;
  position: absolute;
  z-index: 100002;
  flex-direction: row;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row {
  background-color: #ffffff;
  color: #555;
  top: -32px;
  left: 4px;
  transform: none;
}
@media (min-width: 768px) {
  .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row {
    top: -36px;
    left: 4px;
  }
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row .cbe-control-row-icon {
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(15deg) brightness(95%) contrast(102%);
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-column {
  background-color: #ffffff;
  top: 5px;
  left: 4px;
  transform: none;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-action {
  padding: 5px;
  line-height: 0;
  font-size: 12px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-action {
    padding: 10px;
  }
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-action i {
  font-size: 14px;
}
@media (min-width: 768px) {
  .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-action i {
    font-size: 16px;
  }
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-action .cbe-control-title {
  vertical-align: middle;
  margin-left: 5px;
  line-height: 16px;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-change-row-action {
  position: relative;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-change-row-wrapper {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 0px 4px rgba(0, 0, 0, 0.24);
  top: 100%;
  left: 0;
  display: flex;
  width: 108px;
  flex-wrap: wrap;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-block .cbe-control-action:hover {
  background-color: #f1f1f1;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row .cbe-control-action:hover, .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row .cbe-control-action.selected, .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-column .cbe-control-action:hover, .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-column .cbe-control-action.selected {
  background-color: #f1f1f1;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-move-row, .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-move-block {
  cursor: move;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-wrapper {
  display: block;
  position: relative;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-wrapper:first-child {
  width: 100%;
  height: 100%;
  display: block;
  text-align: initial;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-wrapper:first-child:hover {
  opacity: 0.8;
}
.content-block-editor-wrapper .cbe-row-wrapper .cbe-block-wrapper:hover .cbe-control-block {
  visibility: visible;
}
.content-block-editor-wrapper .cbe-row-wrapper ol ol li {
  list-style-type: lower-alpha;
}
.content-block-editor-wrapper .cbe-control-block {
  visibility: hidden;
}

.cbe-edit-block-content-wrapper.cbe-edit-file-download-block .sdAccordion__title, .cbe-edit-block-content-wrapper.cbe-edit-file-upload-block .sdAccordion__title {
  text-transform: uppercase;
}
.cbe-edit-block-content-wrapper .cbe-edit-block-content-redactor-wrapper .redactor-styles {
  max-height: calc(100vh - 357px);
  min-height: 200px;
}

.cbe-popup-wrapper {
  background-color: transparent;
}
.cbe-popup-wrapper .cbe-popup-header-wrapper {
  padding: 20px;
}
.cbe-popup-wrapper .cbe-popup-header-wrapper .cbe-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cbe-popup-wrapper .cbe-popup-header-wrapper .cbe-popup-header .cbe-popup-header-close {
  cursor: pointer !important;
}
.cbe-popup-wrapper .cbe-popup-tabs {
  padding-top: 15px;
}
.cbe-popup-wrapper .cbe-popup-tabs .nav-tabs {
  padding: 0 20px;
}
.cbe-popup-wrapper .cbe-popup-tabs .nav-tabs .nav-link.active {
  background: #fff;
  border-bottom: none;
  color: #313a46;
}
.cbe-popup-wrapper .cbe-popup-tabs .nav-tabs li a:hover {
  background-color: #eee;
}
.cbe-popup-wrapper .cbe-popup-tabs .nav-tabs .nav-item {
  margin-bottom: -2px;
}
.cbe-popup-wrapper .cbe-popup-tabs .privateSwitcherWrapper {
  position: absolute;
  right: 10px;
  top: 3px;
}
.cbe-popup-wrapper .cbe-popup-tabs .privateSwitcherWrapper label {
  padding-top: 5px;
  padding-right: 10px;
}
.cbe-popup-wrapper .cbe-popup-tabs .privateSwitcherWrapper .sd-switchery-wrapper {
  margin-top: -3px;
  flex-direction: row !important;
  align-items: center !important;
}
.cbe-popup-wrapper .cbe-popup-tabs .privateSwitcherWrapper a {
  margin-top: 5px;
  display: block;
  margin-left: 5px !important;
}
.cbe-popup-wrapper .cbe-popup-content {
  background-color: transparent;
  padding: 15px 23px 7px 23px;
}
.cbe-popup-wrapper .cbe-popup-actions {
  padding: 15px;
  border-top: 1px #ddd solid;
}
.cbe-popup-wrapper .cbe-popup-actions.form-actions {
  padding: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cbe-popup-wrapper .cbe-value-placeholder {
  padding: 0;
  margin: 0;
  background-image: url("../img/content-block-editor/block-pattern.gif");
  width: 100%;
  height: 30px;
}
.cbe-popup-wrapper .cbe-value-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 15px 10px 15px;
}
.cbe-popup-wrapper .cbe-value-row .cbe-value-color {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 15px;
  margin: 0 5px 1px 0;
}
.cbe-popup-wrapper .cbe-value-row .cbe-value-label,
.cbe-popup-wrapper .cbe-value-row .cbe-value-val {
  font-style: italic;
}
.cbe-popup-wrapper .cbe-value-row .cbe-value-control {
  display: flex;
  flex-direction: row;
  width: 95px;
  justify-content: space-between;
  cursor: pointer;
}
.cbe-popup-wrapper .cbe-value-row .cbe-value-control i {
  font-size: 16px;
}
.cbe-popup-wrapper .cbe-value-row .cbe-value-control .cbe-action-move {
  margin-right: 10px;
}

#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item {
  font-family: var(--default-font-family) !important;
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-add-block-item-icon {
  margin-right: 20px;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-content-text {
  background-image: url(../img/content-block-editor/block-content-text.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-form {
  background-image: url(../img/content-block-editor/block-form.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-single-image {
  background-image: url(../img/content-block-editor/block-single-image.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-empty-space {
  background-image: url(../img/content-block-editor/block-empty-space.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-horizontal-separator {
  background-image: url(../img/content-block-editor/block-horizontal-separator.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-marquee-text {
  background-image: url(../img/content-block-editor/block-marquee-text.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-chart-bar {
  background-image: url(../img/content-block-editor/block-chart-bar.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-progress-bar {
  background-image: url(../img/content-block-editor/block-progress-bar.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-embed {
  background-image: url(../img/content-block-editor/block-embed.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-iframe {
  background-image: url(../img/content-block-editor/block-iframe.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-video {
  background-image: url(../img/content-block-editor/block-video.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-button {
  background-image: url(../img/content-block-editor/block-button.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-offer {
  background-image: url(../img/content-block-editor/block-offer.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-checkout {
  background-image: url(../img/content-block-editor/block-checkout.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-proposal-choice {
  background-image: url(../img/content-block-editor/block-proposal-choice.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-my-invoices {
  background-image: url(../img/content-block-editor/block-my-invoices.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-my-tasks {
  background-image: url(../img/content-block-editor/block-my-tasks.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-announcements {
  background-image: url(../img/content-block-editor/block-announcements.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-live-stream {
  background-image: url(../img/content-block-editor/block-live-stream.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-get-started {
  background-image: url(../img/content-block-editor/block-get-started.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-welcome {
  background-image: url(../img/content-block-editor/block-welcome.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-reporting {
  background-image: url(../img/content-block-editor/block-reporting.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-contacts {
  background-image: url(../img/content-block-editor/block-contacts.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-upload {
  background-image: url(../img/content-block-editor/block-upload.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-download {
  background-image: url(../img/content-block-editor/block-download.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-block-icon-checklist {
  background-image: url(../img/content-block-editor/block-checklist.svg);
}
#cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-add-block-item-text {
  display: flex;
  flex-direction: column;
}
#cbe-add-block-popup h4.cbe-deprecated-items-heading {
  margin: 1.5rem 0 2.25rem;
}
#cbe-add-block-popup .cbe-search-box {
  position: relative;
}
#cbe-add-block-popup .cbe-search-box__icon {
  left: 40px;
  top: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cbe-add-block-popup .cbe-search-box__icon svg {
  width: 24px;
  height: 24px;
  fill: #555;
}

#cbe-style-box {
  width: 100%;
  display: inline-flex;
}
#cbe-style-box label {
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  right: 5px;
  top: 13px;
}
#cbe-style-box input {
  position: absolute;
  text-align: center;
  padding: 3px 0;
  height: 30px;
  width: 34px;
  font-size: 10px;
}
#cbe-style-box input.cbe-style-box-corner {
  left: 5px;
  top: 7px;
}
#cbe-style-box input.cbe-style-box-top {
  left: 50%;
  transform: translate(-50%);
  top: 7px;
}
#cbe-style-box input.cbe-style-box-right {
  top: 50%;
  transform: translate(0, -50%);
  right: 5px;
}
#cbe-style-box input.cbe-style-box-bottom {
  left: 50%;
  transform: translate(-50%);
  bottom: 7px;
}
#cbe-style-box input.cbe-style-box-left {
  top: 50%;
  transform: translate(0, -50%);
  left: 5px;
}
#cbe-style-box .cbe-style-box-blocks {
  position: relative;
  display: flex;
  margin: 45px;
}
#cbe-style-box #cbe-style-box-margin {
  width: 100%;
  background-color: #f9cc9d;
  outline: 1px #aaa dashed;
  margin: 0;
}
#cbe-style-box #cbe-style-box-margin #cbe-style-box-border {
  width: 100%;
  background-color: #fddd9b;
  outline: 1px #000 solid;
}
#cbe-style-box #cbe-style-box-margin #cbe-style-box-border #cbe-style-box-padding {
  width: 100%;
  background-color: #c3d08b;
  outline: 1px #aaa dashed;
}
#cbe-style-box #cbe-style-box-margin #cbe-style-box-border #cbe-style-box-padding #cbe-style-box-element {
  width: 100%;
  min-width: 45px;
  height: 25px;
  background-color: #8cb6c0;
  outline: 1px #aaa solid;
  font-size: 10px;
  text-align: center;
}
#cbe-style-box #cbe-style-box-margin #cbe-style-box-border #cbe-style-box-padding #cbe-style-box-element label {
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cbe-add-block-item-icon {
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center;
}

.cbe-control-add-Row-1 {
  background-image: url(../img/content-block-editor/row-columns-1.svg);
}

.cbe-control-add-Row-1-1 {
  background-image: url(../img/content-block-editor/row-columns-1-1.svg);
}

.cbe-control-add-Row-2-1 {
  background-image: url(../img/content-block-editor/row-columns-2-1.svg);
}

.cbe-control-add-Row-1-2 {
  background-image: url(../img/content-block-editor/row-columns-1-2.svg);
}

.cbe-control-add-Row-3-1 {
  background-image: url(../img/content-block-editor/row-columns-3-1.svg);
}

.cbe-control-add-Row-1-3 {
  background-image: url(../img/content-block-editor/row-columns-1-3.svg);
}

.cbe-control-add-Row-5-1 {
  background-image: url(../img/content-block-editor/row-columns-5-1.svg);
}

.cbe-control-add-Row-1-5 {
  background-image: url(../img/content-block-editor/row-columns-1-5.svg);
}

.cbe-control-add-Row-1-1-1 {
  background-image: url(../img/content-block-editor/row-columns-1-1-1.svg);
}

.cbe-control-add-Row-1-2-1 {
  background-image: url(../img/content-block-editor/row-columns-1-2-1.svg);
}

.cbe-control-add-Row-1-4-1 {
  background-image: url(../img/content-block-editor/row-columns-1-4-1.svg);
}

.cbe-control-add-Row-1-1-1-1 {
  background-image: url(../img/content-block-editor/row-columns-1-1-1-1.svg);
}

.cbe-control-add-Row-1-1-1-3 {
  background-image: url(../img/content-block-editor/row-columns-1-1-1-3.svg);
}

.cbe-control-add-Row-1-1-1-1-1-1 {
  background-image: url(../img/content-block-editor/row-columns-1-1-1-1-1-1.svg);
}

/*
* Blocks
*/
.cbe-block-content-text {
  word-wrap: break-word;
  background-color: inherit;
}
.cbe-block-content-text ol ol li {
  list-style-type: lower-alpha;
}

.cbe-block-horizontal-separator .cbe-block-horizontal-separator-line {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.cbe-block-empty-space .cbe-block-empty-space-line {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
}

.cbe-block-single-image-wrapper.cbe-block-single--edge-width {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  width: 100vw;
}
.cbe-block-single-image-wrapper .cbe-block-single-image {
  background-color: #ddd;
}
.cbe-block-single-image-wrapper figure {
  display: inline-block;
  text-align: center;
  margin: 20px;
}
.cbe-block-single-image-wrapper figcaption {
  font-size: 0.9rem;
  margin-top: 10px;
  font-style: italic;
}

.cbe-block-embed {
  width: 100%;
}
.cbe-block-embed .cbe-block-embed-wrapper {
  position: relative;
  word-wrap: break-word;
}

.cbe-block-iframe {
  width: 100%;
}
.cbe-block-iframe .cbe-block-iframe-wrapper {
  position: relative;
}
.cbe-block-iframe .cbe-block-iframe-wrapper iframe {
  max-width: 100%;
}

.cbe-block-video {
  width: 100%;
}
.cbe-block-video .cbe-block-video-wrapper {
  position: relative;
}
.cbe-block-video .cbe-block-video-wrapper iframe {
  max-width: 100%;
}

.cbe-block-full-width {
  overflow: hidden;
  padding-top: 56.25%;
}
.cbe-block-full-width iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.cbe-block-button a {
  text-decoration: none;
}
.cbe-block-button a button {
  white-space: normal;
}

.cbe-block-chart .cbe-block-chart-title {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
.cbe-block-chart .cbe-block-chart-pie {
  display: inline-block;
}

.cbe-block-progress-bar {
  width: 100%;
}
.cbe-block-progress-bar .cbe-block-progress-title {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper {
  display: inline-block;
  width: 100%;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single {
  background: #f7f7f7;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-label-wrapper {
  display: flex;
  padding: 0 1em;
  position: relative;
  z-index: 1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  text-align: left;
  flex-direction: row;
  width: 100%;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-label-wrapper.cbe-text-invert {
  mix-blend-mode: difference;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-label-wrapper > * {
  color: inherit !important;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-label-wrapper .cbe-block-progress-value {
  padding-left: 5px;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-line {
  display: block;
  position: absolute;
  height: 100%;
  background-color: #e91b1b;
  width: 0;
  top: 0;
  left: 0;
  transition: width 1.5s linear;
  -moz-transition: width 1.5s linear;
  -webkit-transition: width 1.5s linear;
  -o-transition: width 1.5s linear;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-line.cbe-block-progress-line-striped-light {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-line.cbe-block-progress-line-striped-dark {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.15)), color-stop(0.75, rgba(0, 0, 0, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-line.cbe-block-progress-line-animated-left {
  -webkit-animation: cbe-progress-bar-stripes-left 2s linear infinite;
  -moz-animation: cbe-progress-bar-stripes-left 2s linear infinite;
  -ms-animation: cbe-progress-bar-stripes-left 2s linear infinite;
  -o-animation: cbe-progress-bar-stripes-left 2s linear infinite;
  animation: cbe-progress-bar-stripes-left 2s linear infinite;
}
.cbe-block-progress-bar .cbe-block-progress-wrapper .cbe-block-progress-single .cbe-block-progress-line.cbe-block-progress-line-animated-right {
  -webkit-animation: cbe-progress-bar-stripes-right 2s linear infinite;
  -moz-animation: cbe-progress-bar-stripes-right 2s linear infinite;
  -ms-animation: cbe-progress-bar-stripes-right 2s linear infinite;
  -o-animation: cbe-progress-bar-stripes-right 2s linear infinite;
  animation: cbe-progress-bar-stripes-right 2s linear infinite;
}
@-webkit-keyframes cbe-progress-bar-stripes-left {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes cbe-progress-bar-stripes-left {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes cbe-progress-bar-stripes-left {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes cbe-progress-bar-stripes-left {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes cbe-progress-bar-stripes-left {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes cbe-progress-bar-stripes-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes cbe-progress-bar-stripes-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-ms-keyframes cbe-progress-bar-stripes-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-o-keyframes cbe-progress-bar-stripes-right {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes cbe-progress-bar-stripes-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
.cbe-block-progress-bar .cbe-block-progress-donut-wrapper {
  display: inline-block;
}

.cbe-block-offer {
  width: 100%;
  overflow: hidden;
}
.cbe-block-offer.cbe-block-offer--without-image .cbe-block-offer-wrapper .cbe-block-offer-content {
  width: 100%;
  padding: 0;
}
.cbe-block-offer.cbe-block-offer--without-image .cbe-block-offer-wrapper .cbe-block-offer-label {
  position: inherit;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.cbe-block-offer .cbe-block-offer-wrapper {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cbe-block-offer .cbe-block-offer-wrapper {
    flex-direction: row;
    align-items: stretch;
  }
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-image-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-image-wrapper {
    width: 35%;
  }
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-image-wrapper .cbe-block-offer-image {
  object-fit: cover;
  height: 100%;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-content {
  width: 100%;
}
@media (min-width: 768px) {
  .cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-content {
    width: 65%;
    padding: 1rem;
  }
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-content .cbe-block-offer-text {
  padding: 1rem;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-content .cbe-block-offer-text .cbe-block-offer-desc {
  padding-bottom: 1rem;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-content .cbe-block-offer-text .cbe-block-offer-points .cbe-block-offer-point {
  margin-bottom: 0.5rem;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-content .cbe-block-offer-button {
  width: 100%;
  max-width: 41.25rem;
  text-align: center;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-label {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-label .cbe-block-offer-label-text {
  color: inherit;
}
.cbe-block-offer .cbe-block-offer-wrapper .cbe-block-offer-label--right {
  left: unset;
  right: 0;
}

.cbe-block-checkout {
  width: 100%;
}
.cbe-block-checkout .cbe-block-checkout {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: "row";
  -moz-box-flex-direction: "row";
  -webkit-flex-direction: "row";
  -ms-flex-direction: "row";
  flex-direction: "row";
}

.cbe-popup-header-close {
  cursor: pointer !important;
}

body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content address,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content main,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content section,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content header,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content footer,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content aside,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content article,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content pre,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content div,
body:not(.sd-dark-mode) .cbe-block-custom-color div.wysiwyg-content,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content h1,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content h2,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content h3,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content h4,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content h5,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content h6,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content table,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content tbody,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content thead,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content tfoot,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content th,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content tr,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content td,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content ul,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content ol,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content li,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content blockquote,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content p,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content figure,
body:not(.sd-dark-mode) .cbe-block-custom-color .wysiwyg-content figcaption,
body:not(.sd-dark-mode) .cbe-block-custom-color .cbe-block,
body:not(.sd-dark-mode) .cbe-block-custom-color .cbe-block-sortable,
body:not(.sd-dark-mode) .cbe-block-custom-color .cbe-block-items,
body:not(.sd-dark-mode) .cbe-block-custom-color .cbe-block-welcome,
body:not(.sd-dark-mode) .cbe-block-custom-color .cbe-block-content-text {
  color: inherit !important;
}

/* CRM Filter Block */
.contact-filter {
  padding: 1rem 0;
}
.contact-filter .contact-filter__loader {
  width: 100%;
}
.contact-filter .contact-filter__header {
  margin-bottom: 24px;
}
.contact-filter .contact-filter__header-top {
  margin-bottom: 14px;
  gap: 1rem;
}
.contact-filter .contact-filter__header-top .form-control {
  height: 32px !important;
}
.contact-filter .contact-filter__counter {
  margin-left: auto;
}
.contact-filter .contact-filter__search {
  position: relative;
}
.contact-filter .contact-filter__search svg {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.contact-filter .contact-filter__search svg,
.contact-filter .contact-filter__contact-link svg {
  width: 18px;
  height: 18px;
}
.contact-filter .contact-filter__contact-link {
  flex-shrink: 0;
  margin-left: auto;
  margin-right: -8px;
  padding: 8px;
  width: 34px;
  height: 34px;
}
.contact-filter .contact-filter__card {
  align-items: center;
  column-gap: 8px;
  flex-grow: 1;
  padding: 9px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}
.contact-filter .contact-filter__avatar {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.contact-filter .contact-filter__avatar img {
  width: 100%;
  height: 100%;
}
.contact-filter .contact-filter__info {
  flex-shrink: 1;
  max-width: calc(100% - 100px);
}
.contact-filter .contact-filter__email {
  color: #53A9F6;
}
.contact-filter .contact-filter__name,
.contact-filter .contact-filter__email {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-filter .contact-filter__cards-wrap {
  row-gap: 13px;
  padding: 3px;
  overflow: auto;
}

.contact-filter__footer {
  width: 100%;
}

.cbe-block.col-12 .contact-filter__cards-wrap {
  column-gap: 1.3%;
}
.cbe-block.col-12 .contact-filter__card {
  width: 24%;
  max-width: 24%;
}

.cbe-block.col-12.col-md-8 .contact-filter__cards-wrap {
  column-gap: 2%;
}
.cbe-block.col-12.col-md-8 .contact-filter__card {
  width: 32%;
  max-width: 32%;
}

.cbe-block.col-12.col-md-6 .contact-filter__cards-wrap {
  column-gap: 2%;
}
.cbe-block.col-12.col-md-6 .contact-filter__card {
  width: 49%;
  max-width: 49%;
}

.cbe-block.col-12.col-md-3 .contact-filter__search,
.cbe-block.col-12.col-md-3 .contact-filter__card,
.cbe-block.col-12.col-md-4 .contact-filter__search,
.cbe-block.col-12.col-md-4 .contact-filter__card,
.cbe-block.col-12.col-sm-6 .contact-filter__search,
.cbe-block.col-12.col-sm-6 .contact-filter__card {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .cbe-block.col-12 .contact-filter__cards-wrap,
  .cbe-block.col-12.col-md-8 .contact-filter__cards-wrap {
    column-gap: 2%;
  }
  .cbe-block.col-12 .contact-filter__card,
  .cbe-block.col-12.col-md-8 .contact-filter__card {
    width: 49%;
    max-width: 49%;
  }
  .cbe-block.col-12.col-md-6 .contact-filter__cards-wrap {
    column-gap: 0;
  }
  .cbe-block.col-12.col-md-6 .contact-filter__card {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .cbe-block.col-12 .contact-filter__cards-wrap,
  .cbe-block.col-12.col-md-8 .contact-filter__cards-wrap,
  .cbe-block.col-12.col-md-6 .contact-filter__cards-wrap {
    column-gap: 0;
  }
  .cbe-block.col-12 .contact-filter__search,
  .cbe-block.col-12 .contact-filter__card,
  .cbe-block.col-12.col-md-8 .contact-filter__search,
  .cbe-block.col-12.col-md-8 .contact-filter__card,
  .cbe-block.col-12.col-md-6 .contact-filter__search,
  .cbe-block.col-12.col-md-6 .contact-filter__card {
    width: 100%;
    max-width: 100%;
  }
}
.empty-block-text {
  width: 100%;
}

.empty-block-decor {
  width: 83px;
  height: 83px;
  border-radius: 50%;
  border: 10px solid #ededed;
}

/* CRM Filter Block 2 */
.contact2-filter__loader {
  width: 100%;
}

.contact2-filter__header {
  margin-bottom: 24px;
}

.contact2-filter__header-top {
  margin-bottom: 14px;
  gap: 1rem;
}
.contact2-filter__header-top .form-control {
  height: 32px !important;
}

.contact2-filter__counter {
  margin-left: auto;
}

.contact2-filter__search {
  position: relative;
}
.contact2-filter__search svg {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}

.staff-filter__team svg,
.contact2-filter__search svg,
.contact2-filter__contact-link svg {
  width: 18px;
  height: 18px;
}

.staff-filter__teams,
.contact2-filter__circles {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.staff-filter__more-teams,
.contact2-filter__circle,
.contact2-filter__more-circles {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid transparent;
}

.staff-filter__more-teams,
.contact2-filter__more-circles {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
  background: silver;
}

.contact2-filter__contact-link {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: -0.5rem;
  padding: 0.5rem;
}
.contact2-filter__contact-link svg {
  max-width: 20px;
  height: 14px;
  fill: #999 !important;
}
.contact2-filter__contact-link[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.contact2-filter__avatar {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.contact2-filter__avatar img {
  width: 100%;
  height: 100%;
}

.contact2-filter__info {
  flex-direction: row;
  justify-content: flex-start;
  flex: 1 1 auto;
  row-gap: 0.5rem;
  column-gap: 1rem;
  max-width: calc(100% - 50px - 78px - 32px) !important;
}

.contact2-filter__nameEmail {
  flex: 1 1 auto;
  max-width: 100%;
}

.contact2-filter__name {
  max-width: 100%;
  overflow: hidden;
}

.contact2-filter__actions {
  flex: 0 0 auto;
}

.contact2-filter__email {
  color: #999;
  font-size: 10px;
}

.contact2-filter__nameBox {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.contact2-filter__role {
  flex: 0 0 auto;
  background-color: rgba(37, 37, 37, 0.1);
  color: #252525;
  font-weight: 500;
  margin-left: 5px;
}

.contact2-filter__email,
.contact2-filter__role,
.contact2-filter__loginDate {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contact2-filter__footer {
  width: 100%;
}

.cbe-block.col-12 .contact2-filter__card {
  width: 100%;
  max-width: 100%;
}

.empty-block-text {
  width: 100%;
}

.empty-block-decor {
  width: 83px;
  height: 83px;
  border-radius: 50%;
  border: 10px solid #ededed;
}

#cbe-add-block-popup.cbe-popup-content {
  padding: 15px 0;
}
#cbe-add-block-popup.cbe-popup-content .cbe-search-box {
  padding: 0 25px;
  margin-bottom: 1rem;
}
#cbe-add-block-popup.cbe-popup-content .cbe-search-box__control {
  width: calc(100% - 10px);
}
#cbe-add-block-popup.cbe-popup-content .cbe-add-block-items-common-wrap {
  padding: 0 25px;
  max-height: calc(100vh - 203px);
  overflow: auto;
}

.reporting__container {
  min-height: 100px;
  margin: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(253px, 1fr));
  grid-template-rows: repeat(auto-fill, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.reporting__block {
  min-height: 100px;
  background: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}

.reporting__block__title {
  display: flex;
  align-items: center;
}

.reporting__block__title__text {
  margin-right: auto;
  font-size: 1.1em;
  font-weight: 500;
  color: #878787;
}

.reporting__block__title__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 31px;
  background: #eee;
  border-radius: 5px;
}
.reporting__block__title__icon svg {
  width: 18px;
  height: 14px;
  fill: #fff;
}

.reporting__block__value {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 3px 0;
}

.reporting__block__value__current {
  font-size: 28px;
  font-weight: 600;
  color: #444;
}

.reporting__block__value__trend {
  font-size: 13.3px;
}

.reporting__block__value__trend--positive {
  color: darkgreen;
}

.reporting__block__value__trend--none {
  color: darkgray;
}

.reporting__block__value__trend--negative {
  color: maroon;
}

.reporting__block__graphics {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  min-height: 30px;
}
.reporting__block__graphics .eye-icon {
  display: inline-block;
  margin-top: 3px;
  margin-left: calc(0.4rem - 5px);
  padding: 0 5px;
}
.reporting__block__graphics .eye-icon svg {
  width: 14px;
  height: 12px;
  fill: #dadada;
}
.reporting__block__graphics .reporting__block__graphics__content {
  flex: 1;
  display: flex;
  align-items: center;
}
.reporting__block__graphics .reporting__block__graphics__button {
  flex: 0 0 3em;
}
.reporting__block__graphics .dropdown-item {
  padding: 0.35714em 0.75rem;
}
.reporting__block__graphics .dropdown-item svg {
  fill: #888888;
}

.reporting__block__progress {
  flex: 1;
  height: 30px;
}

.reporting__block__progress__bar {
  flex: 1;
  height: 9px;
}

.reporting__block__progress__value {
  flex: 0;
  margin-left: 5px;
  min-width: 3em;
  text-align: center;
}

.reporting__block__chart {
  flex: 1;
  height: 30px;
  max-width: 100px;
}

.reporting__block__anchor {
  position: relative;
}
.reporting__block__anchor::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}

.reporting__block__chart__button,
.reporting__block__progress__button {
  flex: 0;
}

.reporting__block__view-button {
  flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3em;
  height: 18px;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  font-size: 8px;
  color: #444;
  text-transform: uppercase;
}
.reporting__block__view-button span {
  display: block;
  text-align: center;
}

/* Tile settings in Reporting block */
.reporting-two-accordion {
  list-style: none;
  padding: 0;
}

.reporting-two-accordion__item {
  margin: 5px 0;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  position: relative;
  background: white;
}

.reporting-two-accordion__item__heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0 1rem;
  position: relative;
}

.reporting-two-accordion__item__heading__handle {
  font-size: 20px;
}

.reporting-two-accordion__item__heading__check-mark {
  display: block;
  margin: 0 0.75rem 0 0.75rem;
  width: 20px;
  height: 20px;
}
.reporting-two-accordion__item__heading__check-mark > span {
  width: 100%;
  height: 100%;
}
.reporting-two-accordion__item__heading__check-mark > span i {
  font-size: 20px;
}

.reporting-two-accordion__item__heading__expander {
  position: absolute;
  right: 0;
  top: -10px;
  bottom: -10px;
  padding: 0 10px;
  width: 36px;
  height: 40px;
  line-height: calc(100% + 20px);
  cursor: pointer;
  transition: transform 0.3s;
}
.reporting-two-accordion__item__heading__expander::before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  color: #222;
  transform: translate(-50%, -50%);
}

.reporting-two-accordion__item__heading__position {
  padding-left: 20px;
}

.reporting-two-accordion__item__body {
  position: relative;
  padding: 1rem 1rem 0;
}
.reporting-two-accordion__item__body::before {
  content: "";
  border-top: 1px solid #ddd;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 0;
}
.reporting-two-accordion__item__body .options-label {
  font-weight: 500 !important;
  color: #222;
  text-transform: capitalize;
}

.reporting-two-accordion__item--expanded .reporting-two-accordion__item__heading__expander {
  transform: rotate(180deg);
}

.staff-filter__team {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.staff-filter__team svg {
  max-width: 20px;
  height: 14px;
  fill: #999;
}

@media (max-width: 767px) {
  .mobile-tabs-dropdown {
    padding-top: 15px;
  }
}

@media (max-width: 767px) {
  .sidebar-settings .mobile-tabs-dropdown .dropdown-toggle > span {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .sidebar-settings .mobile-tabs-dropdown .dropdown-toggle > span svg {
    width: 16px;
    height: 16px;
    fill: #333;
  }
  .sidebar-settings .mobile-tabs-dropdown .dropdown-toggle > span span .title {
    margin-bottom: 0;
    margin-right: 4px;
  }
}
@media (max-width: 340px) {
  .sidebar-settings .mobile-tabs-dropdown .dropdown-toggle > span span .fal {
    display: none;
  }
}
.new-card-view .grid-actions,
.live-stream-main-container .grid-actions {
  display: inline-flex;
}
.new-card-view .grid-actions .sd-btn span,
.live-stream-main-container .grid-actions .sd-btn span {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .new-card-view .gridview-header,
  .live-stream-main-container .gridview-header {
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 7px;
  }
  .new-card-view .gridview-header .grid-actions .month-switcher button,
  .live-stream-main-container .gridview-header .grid-actions .month-switcher button {
    font-size: 12px;
  }
  .new-card-view .gridview-header .grid-actions-right-side,
  .live-stream-main-container .gridview-header .grid-actions-right-side {
    display: block !important;
  }
  .new-card-view .gridview-header .grid-actions-right-side .sd-list-card-switcher,
  .live-stream-main-container .gridview-header .grid-actions-right-side .sd-list-card-switcher {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .new-card-view .gridview-header.with-mobile-title .card-view-filters input,
  .live-stream-main-container .gridview-header.with-mobile-title .card-view-filters input {
    border-radius: 10px;
  }
}
.new-card-view .gridview-header .cards-buttons-wrap > dv-add-button,
.live-stream-main-container .gridview-header .cards-buttons-wrap > dv-add-button {
  display: block;
  width: 100%;
}
@media (max-width: 575px) {
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .card-view-table-title,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .card-view-table-title {
    display: none !important;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .card-view-head-title,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .card-view-head-title {
    display: block !important;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .card-view-head-title .card-view-title,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .card-view-head-title .card-view-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    color: #000000;
    min-height: auto;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0 0 0 30px;
    min-height: auto;
    height: auto;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn .material-icons,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn .material-icons {
    color: #444444;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn .btn-title,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn .btn-title {
    display: none !important;
  }
  .new-card-view .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn .btn-title-mobile,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .cards-buttons-inner.has-mobile-title .grid-add-btn .btn-title-mobile {
    display: block !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    text-transform: capitalize;
    color: #444444;
  }
}
@media (max-width: 767px) {
  .new-card-view .gridview-header .cards-buttons-wrap .bulk-edit-button,
  .new-card-view .gridview-header .card-view-filters .bulk-edit-button,
  .live-stream-main-container .gridview-header .cards-buttons-wrap .bulk-edit-button,
  .live-stream-main-container .gridview-header .card-view-filters .bulk-edit-button {
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .new-card-view .gridview-header .card-view-filters .material-icons,
  .live-stream-main-container .gridview-header .card-view-filters .material-icons {
    font-size: 20px;
  }
}
.new-card-view .gridview-header .card-view-filters .filter input,
.live-stream-main-container .gridview-header .card-view-filters .filter input {
  background: white;
  box-shadow: none;
  border: 1px solid #eee;
  border-radius: 6px;
  padding-left: 10px;
  transition: all 0.6s;
}
.new-card-view .gridview-header .card-view-filters .filter input:focus,
.live-stream-main-container .gridview-header .card-view-filters .filter input:focus {
  border: 1px solid #03a9f3;
  transition: all 0.6s;
}
@media (max-width: 767px) {
  .new-card-view .mobile-tabs-dropdown,
  .live-stream-main-container .mobile-tabs-dropdown {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .new-card-view .data-table-wrap,
  .live-stream-main-container .data-table-wrap {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.new-card-view .dataTableResp,
.live-stream-main-container .dataTableResp {
  border: none !important;
  border-radius: 0;
  background-color: transparent !important;
}
.new-card-view .dataTableResp .data-table-item-mobile,
.live-stream-main-container .dataTableResp .data-table-item-mobile {
  position: relative;
  padding: 15px 15px 0 15px;
  border: 0;
  border-radius: 7px;
  overflow: visible;
  background: #fff;
  border-top: 2px solid #EAE9E9;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.07);
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header),
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) {
  column-gap: 10px;
  margin-bottom: 7px;
  padding: 1px 0;
  max-width: 100%;
  width: 100%;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .info-wrap,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .info-wrap {
  z-index: 0 !important;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .info-wrap--recurringGeneratorsTitle,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .info-wrap--recurringGeneratorsTitle {
  max-width: 70%;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .info-wrap--recurringGeneratorsTitle .title,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .info-wrap--recurringGeneratorsTitle .title {
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header).without-details,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header).without-details {
  border-bottom: 1px solid #EAE9E9;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .badge,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .badge {
  border-radius: 11px;
  padding: 3px 10px;
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  color: #ffffff;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .badge.default-color,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .badge.default-color {
  background: #77b8e1;
  color: #333333;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .badge.light-green,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .badge.light-green {
  background: #6eb06d;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .category-pill,
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .crm-category-pill,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .category-pill,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .type .crm-category-pill {
  margin-left: 0;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .title,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .title {
  margin-bottom: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #444444;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .sub-title,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) .sub-title {
  font-size: 13px;
  line-height: 12px;
  margin-bottom: 8px;
  color: #808080;
}
.new-card-view .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) figure,
.live-stream-main-container .dataTableResp .data-table-item-mobile .header:not(.mobile-card__header) figure {
  width: 60px;
  margin-bottom: 0;
  margin-right: 15px;
}
.new-card-view .dataTableResp .data-table-item-mobile .avatar-wrap,
.live-stream-main-container .dataTableResp .data-table-item-mobile .avatar-wrap {
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  position: relative;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 10px;
  transform: none;
  z-index: 0;
}
.new-card-view .dataTableResp .data-table-item-mobile .avatar-wrap figure,
.live-stream-main-container .dataTableResp .data-table-item-mobile .avatar-wrap figure {
  height: auto;
  margin: 0;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details {
  padding: 16px 0 16px 15px;
  position: relative;
  border-top: 1px solid #EAE9E9;
  color: #808080;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details .link,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details .link {
  font-weight: 500;
  color: #444444;
  position: relative;
  z-index: 200;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details .link a,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details .link a {
  font-weight: 500;
  color: #444444;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details .price-item,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details .price-item {
  font-size: 14px;
  font-weight: 600;
  color: #444444;
}
@media (min-width: 768px) {
  .new-card-view .dataTableResp .data-table-item-mobile .card-details .price-item,
  .live-stream-main-container .dataTableResp .data-table-item-mobile .card-details .price-item {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 10px;
  }
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details .fake-link,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details .fake-link {
  z-index: auto;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details .title,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details .title {
  font-weight: 500;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details > div,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details > div {
  margin-bottom: 7px;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details > div:last-child,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details > div:last-child {
  margin-bottom: 0;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details::before,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-details::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  display: block;
  width: 3px;
  height: calc(100% - 32px);
  background: #444444;
}
.new-card-view .dataTableResp .data-table-item-mobile .option-wrap,
.live-stream-main-container .dataTableResp .data-table-item-mobile .option-wrap {
  position: absolute;
  right: 40px;
  top: 14px;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-members,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-members {
  position: relative;
  column-gap: 6px;
  padding-top: 10px;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more {
  width: 50px;
  height: 50px;
  display: block;
  line-height: 50px !important;
  text-align: center;
  margin: 0;
  border-radius: 5px;
}
.new-card-view .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more:hover, .new-card-view .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more:active, .new-card-view .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more:focus,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more:hover,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more:active,
.live-stream-main-container .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more:focus {
  color: #292b2c;
  background-color: #ececec;
  border-color: #b3b3b3;
}
@media (max-width: 767px) {
  .new-card-view .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more,
  .live-stream-main-container .dataTableResp .data-table-item-mobile .card-members .card-member-item.show-more .circles-users-more {
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
}
.new-card-view .dataTableResp .data-table-item-mobile .options-btns-wrap,
.live-stream-main-container .dataTableResp .data-table-item-mobile .options-btns-wrap {
  position: absolute;
  right: 0;
  top: 25px;
}
.new-card-view .dataTableResp .data-table-item-mobile .options-btns-wrap .btn, .new-card-view .dataTableResp .data-table-item-mobile .options-btns-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .new-card-view .dataTableResp .data-table-item-mobile .options-btns-wrap button, .new-card-view .dataTableResp .data-table-item-mobile .options-btns-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .new-card-view .dataTableResp .data-table-item-mobile .options-btns-wrap button,
.live-stream-main-container .dataTableResp .data-table-item-mobile .options-btns-wrap .btn,
.live-stream-main-container .dataTableResp .data-table-item-mobile .options-btns-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .live-stream-main-container .dataTableResp .data-table-item-mobile .options-btns-wrap button,
.live-stream-main-container .dataTableResp .data-table-item-mobile .options-btns-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .live-stream-main-container .dataTableResp .data-table-item-mobile .options-btns-wrap button {
  color: #808080;
}
.new-card-view .dataTableResp .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp .data-table-item-mobile .icon {
  position: absolute;
  width: 145px;
  height: 173px;
  right: 15px;
  top: 28px;
  opacity: 0.03;
  background-repeat: no-repeat;
}
.new-card-view .dataTableResp .data-table-item-mobile.has-checkbox .checkbox-wrap,
.live-stream-main-container .dataTableResp .data-table-item-mobile.has-checkbox .checkbox-wrap {
  display: none;
}
.new-card-view .dataTableResp .data-table-item-mobile .link-block,
.live-stream-main-container .dataTableResp .data-table-item-mobile .link-block {
  z-index: 9999 !important;
}
.new-card-view .dataTableResp .data-table-item-mobile .link-block.card-member-item,
.live-stream-main-container .dataTableResp .data-table-item-mobile .link-block.card-member-item {
  width: 50px;
  height: 50px;
}
.new-card-view .dataTableResp#CrmCompany-grid .data-table-item-mobile,
.live-stream-main-container .dataTableResp#CrmCompany-grid .data-table-item-mobile {
  padding-left: 19px;
}
.new-card-view .dataTableResp#CrmCompany-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#CrmCompany-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/company-icon.svg");
}
.new-card-view .dataTableResp#crm-contacts-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#crm-contacts-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/contact-icon.svg");
}
@media (max-width: 575px) {
  .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .cards-buttons-wrap,
  .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit,
  .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .cards-buttons-wrap,
  .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit {
    width: auto !important;
  }
  .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit .btn, .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit button, .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .new-card-view .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit button,
  .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit .btn,
  .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit button,
  .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .live-stream-main-container .dataTableResp#crm-contacts-grid .gridview-header .crm-contacts-bulk-edit button {
    margin-left: 10px !important;
  }
}
.new-card-view .dataTableResp#crm-impoty-contacts-logs-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#crm-impoty-contacts-logs-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/contact-icon.svg");
}
.new-card-view .dataTableResp#circles-grid .data-table-item-mobile, .new-card-view .dataTableResp#Notices-grid .data-table-item-mobile,
.live-stream-main-container .dataTableResp#circles-grid .data-table-item-mobile,
.live-stream-main-container .dataTableResp#Notices-grid .data-table-item-mobile {
  border-top: 10px solid transparent;
}
.new-card-view .dataTableResp#circles-grid .data-table-item-mobile .icon, .new-card-view .dataTableResp#Notices-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#circles-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#Notices-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/circle-icon.svg");
  width: 123px;
  height: 123px;
  right: 15px;
  top: 28px;
}
@media (max-width: 767px) {
  .new-card-view .dataTableResp#circles-grid .data-table-item-mobile .avatar-wrap, .new-card-view .dataTableResp#Notices-grid .data-table-item-mobile .avatar-wrap,
  .live-stream-main-container .dataTableResp#circles-grid .data-table-item-mobile .avatar-wrap,
  .live-stream-main-container .dataTableResp#Notices-grid .data-table-item-mobile .avatar-wrap {
    width: 33px;
    height: 33px;
  }
}
.new-card-view .dataTableResp#crm-actions-visibility-grid .data-table-item-mobile .icon, .new-card-view .dataTableResp#crm-event-template-actions-list .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#crm-actions-visibility-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#crm-event-template-actions-list .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/event-icon.svg");
  width: 120px;
  height: 122px;
}
.new-card-view .dataTableResp#crm-goals-visibility-grid .new-card-view .gridview-header,
.live-stream-main-container .dataTableResp#crm-goals-visibility-grid .new-card-view .gridview-header {
  border-top: 1px solid red !important;
}
.new-card-view .dataTableResp#crm-goals-visibility-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#crm-goals-visibility-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/deal-icon.svg");
  width: 123px;
  height: 123px;
}
.new-card-view .dataTableResp#recurringProfile-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#recurringProfile-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/invoice-icon.svg");
  width: 110px;
  height: 145px;
}
.new-card-view .dataTableResp#estimates-grid .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#estimates-grid .data-table-item-mobile .icon {
  background-image: url("../../../../images/icons/invoice-icon.svg");
  width: 140px;
  height: 185px;
  right: 48px;
  top: 55px;
}
.new-card-view .dataTableResp#invoices-grid.invoice-profiles .data-table-item-mobile .icon,
.live-stream-main-container .dataTableResp#invoices-grid.invoice-profiles .data-table-item-mobile .icon {
  width: 102px;
  height: 122px;
  right: 5px;
  top: 17px;
}

.live-stream-main-container .dataTableResp .data-table-item-mobile .option-wrap {
  right: 16px;
}

/* ------- Testing Mobile CSS Below Here (Katelyn) ------ */
@media (max-width: 575px) {
  html .btn-sm:not(input):not(.carousel-nav):not(#printInvoice):not(.btn-group-toggle):not(#downloadInvoice):not(.btn-folder-operations):not(.btn-circle):not(.sdPayNow):not(.grid-add-btn):not(#printInvoice):not(#downloadInvoice):not(.btn-sd-payment):not(.grid-add-btn):not(.dropdown-toggle-split):not(.btn-files-dropdown):not(.sd-clear-cache):not(.estimatesApproveBtn) {
    margin-bottom: 10px;
  }
  .card {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 767px) {
  html .btn-sm:not(input):not(.carousel-nav):not(#printInvoice):not(.btn-group-toggle):not(#downloadInvoice):not(.btn-folder-operations):not(.btn-circle):not(.sdPayNow):not(.grid-add-btn):not(#printInvoice):not(#downloadInvoice):not(.btn-sd-payment):not(.grid-add-btn):not(.dropdown-toggle-split):not(.btn-files-dropdown):not(.sd-clear-cache):not(.estimatesApproveBtn) {
    margin-bottom: 10px;
  }
  .card {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 991px) {
  html .btn-sm:not(input):not(.carousel-nav):not(#printInvoice):not(.btn-group-toggle):not(#downloadInvoice):not(.btn-folder-operations):not(.btn-circle):not(.sdPayNow):not(.grid-add-btn):not(#printInvoice):not(#downloadInvoice):not(.btn-sd-payment):not(.grid-add-btn):not(.dropdown-toggle-split):not(.btn-files-dropdown):not(.sd-clear-cache):not(.estimatesApproveBtn) {
    margin-bottom: 10px;
  }
  .card {
    margin-bottom: 0.8rem;
  }
  .box-title, .widget-heading h5 {
    text-transform: uppercase;
    line-height: 2em;
    margin: 0.3333333333em 0 0.3333333333em;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: 0.04em;
  }
  .sd-redesign2020 .new-design .gridview-header .grid-title .title {
    font-size: 29px !important;
  }
  .categories.pt-3 {
    padding-top: 5px !important;
  }
  th#content-dropdowns-grid_c1 {
    width: 20%;
  }
  .crm-company-card .header .info-wrap .title {
    padding-top: 5px;
  }
}
@media (max-width: 374px) {
  .new-card-view .dataTableResp .data-table-item-mobile .card-details {
    padding-left: 10px;
  }
}
.new-card-view .dataTableResp .data-table-item-mobile .card-details .details-item__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.new-card-view .dataTableResp .data-table-item-mobile .card-details .details-item__wrap .time-item {
  margin-right: 10px;
}

.new-card-view .dataTableResp .data-table-item-mobile .card-details .details-item__wrap .price-item {
  position: static;
  right: unset;
  bottom: unset;
  margin-left: auto;
  line-height: 1;
}

.live-stream-main-container .grid-actions {
  column-gap: 4px;
}

@media (max-width: 768px) {
  body.view-contract-page .navbar {
    max-width: 100%;
    width: 100%;
  }
  body.view-contract-page .navbar .navbar-header-right {
    flex: unset;
    flex-grow: 1;
    margin-left: auto;
  }
  body.view-contract-page .main-wrapper.column1-form,
  body.view-contract-page .columns-form-wrap {
    padding: 0;
    width: 100%;
    max-width: 100% !important;
  }
  body.view-contract-page .column1-w-back-container {
    width: 100%;
    max-width: 100%;
  }
  body.view-contract-page .column1-w-back-container .contract-history-view h6 {
    text-align: center;
  }
  body.view-contract-page .column1-w-back-container .contract-history-header .col,
  body.view-contract-page .column1-w-back-container .contract-history-body .col-7 {
    word-break: break-all;
  }
  body.view-contract-page .main-wrapper .row,
  body.view-contract-page .cbe-block.col-12 {
    margin: 0;
    padding: 0;
  }
  body.view-contract-page .pdf-wrapper {
    padding: 30px 0;
    overflow: hidden;
    word-break: break-all;
  }
}
.new-card-view .dataTableResp .data-table-item-mobile .option-wrap {
  position: static;
  right: unset;
  top: unset;
  margin-right: 10px;
}
.new-card-view .dataTableResp .data-table-item-mobile .option-wrap .option-viewed {
  display: flex;
  align-items: flex-start;
  width: 20px;
  height: 17px;
}
.new-card-view .dataTableResp .data-table-item-mobile .option-wrap .option-viewed img {
  width: 100%;
  height: 100%;
}

.proposal-type-icon {
  margin-right: 10px;
}
.proposal-type-icon svg {
  width: 30px;
  height: 30px;
  fill: #333;
}

.project-card .header .info-wrap--title {
  justify-content: space-evenly;
}

@media (max-width: 900px) {
  .gridview-header .d-flex.align-items-center.justify-content-end {
    justify-content: flex-start !important;
  }
  #crm-contacts-grid .gridview-header .grid-actions {
    width: auto !important;
    margin-right: auto;
  }
  #crm-contacts-grid .gridview-header .card-view-filters label .filter {
    margin: 0 !important;
  }
}
.mobile-grid-view-buttons .sd-list-card-switcher {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.impersonate-wrapper {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: #fff;
  color: #000;
  padding: 10px 15px 10px;
  border-radius: 0 0 10px 10px;
  z-index: 99;
  text-align: center;
  line-height: 16px;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0 !important;
  border-bottom: 2px solid #c40000 !important;
  border-left: 1px solid #eee !important;
  border-right: 1px solid #eee !important;
  min-width: 300px;
}
.impersonate-wrapper .block-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
}
.impersonate-wrapper > a {
  font-size: 8px;
  text-align: center;
  color: #000 !important;
}
.impersonate-wrapper .select2-container--default span.select2-selection.select2-selection--single {
  background-color: transparent !important;
  border-color: #eee !important;
}
.impersonate-wrapper > .select2 {
  min-width: 180px;
}
.impersonate-wrapper .logout {
  font-size: 30px;
  color: #333 !important;
  font-weight: 300;
  margin-left: 10px;
}
.impersonate-wrapper .fal {
  font-size: 19px;
  color: #DD6367;
}
.impersonate-wrapper.selectDisabled {
  min-width: auto;
}
.impersonate-wrapper.selectDisabled .logout {
  margin-left: 0;
}

.intake-form .impersonate-wrapper {
  display: none;
}

.preview-mode .impersonate-wrapper {
  display: none;
}

.logout {
  display: flex;
  font-size: 0;
}
.logout span {
  display: flex;
  align-items: center;
}
.logout svg {
  width: 20px;
  height: 20px;
  fill: #DD6367;
}

@media (max-width: 619px) {
  .impersonate-wrapper {
    min-width: 200px;
    max-width: calc(100vw - 30px);
    padding: 4px 8px;
  }
  .impersonate-wrapper .select2-container--default {
    min-height: unset;
  }
  .impersonate-wrapper .select2-container--default .select2-selection--single {
    height: 30px !important;
  }
  .impersonate-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.3 !important;
    font-size: 12px;
  }
  .impersonate-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
    height: unset;
    line-height: 1;
  }
  .impersonate-wrapper .select2-container--default .select2-selection--single .select2-selection__clear span {
    width: 12px;
    height: 12px;
  }
  .impersonate-wrapper .select2-container--default .select2-selection--single .select2-selection__clear span::before,
  .impersonate-wrapper .select2-container--default .select2-selection--single .select2-selection__clear span::after {
    right: 5px;
    height: 14px;
  }
  .impersonate-wrapper .logout svg {
    width: 16px;
    height: 16px;
  }
}
#merchantDivAjax {
  width: calc(100% + 50px);
  height: 100%;
  margin: -25px;
  background: transparent;
  flex-wrap: nowrap;
}
@media (max-width: 961px) {
  #merchantDivAjax {
    flex-direction: column;
    height: auto;
  }
}
#merchantDivAjax .merchants-filters {
  background: #fff;
  border-radius: 7px;
  border: 1px solid #e4e9f0;
  box-shadow: 0 0 5px 0 rgba(122, 122, 122, 0.1);
  padding: 0;
}
#merchantDivAjax .merchants-filters .filters-section {
  border-bottom: 1px solid #e1e1e1;
  padding: 15px;
}
#merchantDivAjax .merchants-filters .filters-section .form-group {
  margin-bottom: 5px;
}
#merchantDivAjax .merchants-filters .filters-section .section-title h1 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 5px 0 20px;
}
#merchantDivAjax .merchants-filters .filters-section .section-title h3 {
  font-size: 14px;
  margin: 10px 2px 20px;
}
#merchantDivAjax .merchants-filters .filters-section .section-title.bottom h3 {
  margin-top: 30px;
  margin-bottom: 0;
}
#merchantDivAjax .merchants-filters .filters-section .sd-switchery-wrapper label {
  font-weight: 400;
  margin-top: 0;
  margin-left: 0.5rem !important;
}
#merchantDivAjax .merchants-filters .sd-switchery-wrapper {
  flex-wrap: nowrap;
  flex-direction: row !important;
}
#merchantDivAjax .merchants-container .merchant-container {
  height: 100%;
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(122, 122, 122, 0.1);
  width: 100%;
}
#merchantDivAjax .merchants-container .merchant-container .merchant {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head {
  padding: 15px 20px 0;
}
@media (max-width: 420px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-head {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .merchant-logo {
  max-width: 180px;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .merchant-logo img {
  width: 100%;
  object-fit: contain;
}
@media (min-width: 576px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-head .merchant-logo img {
    height: 60px;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .styled-switchery .sd-switchery-wrapper {
  display: flex;
  flex-direction: row-reverse;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .styled-switchery .sd-switchery-wrapper .switchery-small > small:after {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  color: red;
  font-size: 14px;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .styled-switchery .sd-switchery-wrapper label {
  margin-right: 10px;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  color: red;
  margin-top: 0;
}
@media (max-width: 1399px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-head .styled-switchery .sd-switchery-wrapper label {
    margin-right: 5px;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .styled-switchery.enabled .sd-switchery-wrapper label {
  color: green;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-head .styled-switchery.enabled .switchery-small > small:after {
  content: "\f00c";
  color: green;
  font-size: 12px;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-content {
  padding: 0 20px 20px;
}
@media (max-width: 420px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-content {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-content .btn.btn-primary, #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary, #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary {
  margin: 0;
  font-size: 14px;
}
@media (max-width: 639px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-content .btn.btn-primary, #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary, #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary {
    margin-top: 20px;
  }
}
@media (max-width: 1399px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-content .description {
    font-size: 13px;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-bottom {
  column-gap: 8px;
  padding: 10px 20px;
  border-top: 1px solid #e1e1e1;
  flex-wrap: wrap;
}
@media (max-width: 639px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-bottom .set-primary-gateway .pill {
    margin-bottom: 0;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-bottom .pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: #F7D2D2;
  border-radius: 4px;
  color: #000;
  font-size: 13px;
  height: 24px;
}
@media (max-width: 1399px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-bottom .pill {
    font-size: 10px;
  }
}
@media (max-width: 639px) {
  #merchantDivAjax .merchants-container .merchant-container .merchant-bottom .pill {
    font-size: 10px;
  }
}
#merchantDivAjax .merchants-container .merchant-container .merchant-bottom .pill.preferred {
  background: #ffcc02;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-bottom .pill.onetime-sub {
  background: #c4eb90;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-bottom .set-primary-gateway .pill {
  display: none;
}
#merchantDivAjax .merchants-container .merchant-container .merchant-bottom .set-primary-gateway.text-warning .pill {
  display: inline-flex;
}

.modal .modal-dialog .modal-content .mechents-modal-container .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -25px;
  border-bottom: 1px solid #e4e9f0 !important;
  padding: 0 25px 15px;
}
.modal .modal-dialog .modal-content .mechents-modal-container .modal-header img {
  max-height: 70px;
}
.modal .modal-dialog .modal-content .mechents-modal-container .modal-header .modal-close-btn i {
  font-size: 38px;
  color: #242424;
}

.mechents-modal-container .mechents-content-container .description {
  font-size: 19px;
  margin: 0 -10px;
  padding: 25px;
  max-width: calc(100% + 20px);
  flex: 0 0 calc(100% + 20px);
  border-bottom: 1px solid #e4e9f0 !important;
}
.mechents-modal-container .mechents-content-container .top-border {
  margin: 0 -25px;
  padding: 10px;
  max-width: calc(100% + 50px);
  flex: 0 0 calc(100% + 50px);
  border-top: 1px solid #e4e9f0 !important;
}
.mechents-modal-container .mechents-content-container .primary-description {
  color: #74708d;
  padding-top: 5px;
  padding-left: 43px;
}
.mechents-modal-container .form-actions {
  border-top: none !important;
}
.mechents-modal-container .form-actions .modal-close-btn {
  padding: 8px 15px;
  border-radius: 25px;
  background: transparent;
  border: none;
  font-size: 11px;
}
.mechents-modal-container .form-actions .ajaxGatewayDelete {
  padding: 3px 15px !important;
  font-size: 13px;
}

.cards-vault-container .tabs {
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cards-vault-container .tabs .tab {
  padding-left: 20px;
}
.cards-vault-container .tabs .tab a {
  line-height: 40px;
  display: inline-block;
  color: #555;
  border-bottom: 3px solid transparent;
}
.cards-vault-container .tabs .tab.active a {
  color: #0697ff;
  border-bottom: 3px solid #0697ff;
}
.cards-vault-container .tabs-content {
  padding: 0 10px 10px 0;
}
.cards-vault-container .tabs-content .card-view {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 8px;
  height: calc(100% - 10px);
  padding: 15px 15px 20px 15px;
}
.cards-vault-container .tabs-content .card-view .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.cards-vault-container .tabs-content .card-view .card-head h4 {
  max-width: 80%;
  overflow-wrap: break-word;
}
.cards-vault-container .tabs-content .card-view .card-head a {
  color: #0697ff;
  font-size: 12px;
  font-weight: 600;
}
.cards-vault-container .tabs-content .card-view .card-number img {
  margin-right: 10px;
  background-color: #fff;
  border-radius: 4px;
}
.cards-vault-container .tabs-content .card-view .date {
  padding-left: 43px;
  margin-bottom: 10px;
}
.cards-vault-container .card-actions-container {
  margin-bottom: 30px;
}
.cards-vault-container .card-actions-container .card-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 30px;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  cursor: pointer;
}
.cards-vault-container .card-actions-container .card-action img {
  max-width: 60px;
  max-height: 60px;
  margin-bottom: 10px;
}
.cards-vault-container .card-actions-container .card-action span {
  font-size: 12px;
  color: #959595;
}
.cards-vault-container #vault-add-card .form-group,
.cards-vault-container #vault-request-card .form-group {
  padding: 0 10px;
}
@media (max-width: 991px) {
  .cards-vault-container #vault-add-card .form-group.grouped-section input,
  .cards-vault-container #vault-request-card .form-group.grouped-section input {
    margin-bottom: 10px;
  }
}
.cards-vault-container #vault-add-card .slash,
.cards-vault-container #vault-request-card .slash {
  padding: 0 5px;
}
.cards-vault-container #vault-add-card .card-number-container,
.cards-vault-container #vault-request-card .card-number-container {
  display: block;
  position: relative;
}
.cards-vault-container #vault-add-card .card-number-container:before,
.cards-vault-container #vault-request-card .card-number-container:before {
  position: absolute;
  display: block;
  content: "";
  background-image: url(../../../../images/card.svg);
  background-size: 29px 25px;
  background-repeat: no-repeat;
  height: 25px;
  width: 29px;
  top: 50%;
  left: 12px;
  z-index: 10;
  transform: translateY(-50%);
}
.cards-vault-container #vault-add-card .card-number-container input,
.cards-vault-container #vault-request-card .card-number-container input {
  padding-left: 48px;
}
.cards-vault-container .right-cards .card-action {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 15px;
  cursor: pointer;
}
.cards-vault-container .right-cards .card-action > div {
  padding: 0;
  line-height: 1;
}
.cards-vault-container .right-cards .card-action > div h4 {
  margin-bottom: 2px;
}
.cards-vault-container .right-cards .card-action > div span {
  font-size: 9px;
  line-height: 1;
}

.custom-change-payment-method-form .form-group {
  margin-bottom: 15px;
  position: relative;
}
.custom-change-payment-method-form .form-group label {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 0;
}
.custom-change-payment-method-form .form-group select,
.custom-change-payment-method-form .form-group input {
  height: calc(2.5rem + 2px);
  display: block;
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 14px;
  line-height: 1.57143;
  color: #74708d;
  background-color: #fff;
  background-image: none !important;
  background-clip: padding-box;
  border: 1px solid #e4e9f0;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 400 !important;
  box-sizing: border-box;
}
.custom-change-payment-method-form .form-group input:focus {
  color: #74708d;
  background-color: #fff;
  border-color: #03a9f3;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(3, 169, 243, 0.2);
}

@media (max-width: 575px) {
  .main-wrapper .page-title.sd-subscription-layout-row {
    align-items: center;
    padding: 0 20px;
  }
  .main-wrapper .page-title.sd-subscription-layout-row h5 {
    font-size: 19px;
  }
  .main-wrapper .page-title.sd-subscription-layout-row .sd-back-button {
    margin-top: 0;
  }
  .main-wrapper .page-title.sd-subscription-layout-row .sd-back-button a i {
    display: none;
  }
}
@media (max-width: 960px) {
  #merchantDivAjax {
    width: 100%;
  }
  #merchantDivAjax .merchants-filters {
    margin-bottom: 25px;
  }
  #merchantDivAjax .merchants-filters .filters-section {
    padding: 0 15px 15px;
  }
  #merchantDivAjax .merchants-filters .filters-section .section-title.bottom h3 {
    margin-top: 16px;
  }
  #merchantDivAjax .merchants-container {
    margin: 0;
  }
  #merchantDivAjax .merchants-container .merchant-container {
    margin: 0 0 15px;
  }
  #merchantDivAjax .merchants-container .merchant-container button {
    margin: 0;
  }
  #merchantDivAjax .merchants-container .merchant-content {
    padding: 16px 16px 0;
  }
  #merchantDivAjax .merchants-container .merchant-content a {
    font-weight: 700;
  }
  #merchantDivAjax .merchants-container .merchant-bottom {
    row-gap: 8px;
    padding: 10px 16px;
  }
  #merchantDivAjax .merchants-container .merchant-bottom span.pill {
    margin-right: 0;
  }
}
.integration-logo {
  max-width: 150px;
}

.merchants-container__inner-wrap {
  align-items: stretch;
  row-gap: 15px;
}
@media (min-width: 1200px) {
  .merchants-container__inner-wrap {
    row-gap: 25px;
  }
}

.sd-redesign2020 .main-wrapper .data-table-wrap {
  border: none;
  border-radius: 0 !important;
}
.sd-redesign2020 .title-wrapper {
  width: 100%;
  height: 104px;
  line-height: 168px;
  display: flex;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #e6e6e6;
}
.sd-redesign2020 .title-wrapper .title {
  font-weight: 600;
  font-size: 1.5rem;
}
.sd-redesign2020 .top-separator {
  padding-top: 15px;
  border-top: 1px solid #e9ecef;
}
.sd-redesign2020 .widget-holder {
  margin-top: 0 !important;
  padding-top: 0;
}
.sd-redesign2020 .data-view-wrapper {
  overflow-x: auto;
}
.sd-redesign2020 .data-view-wrapper table thead {
  font-size: 14px;
}
.sd-redesign2020 .data-view-wrapper table tbody .img-circle {
  width: 32px;
  height: 32px;
  font-size: 12px;
}
.sd-redesign2020 .has-search {
  position: relative;
  min-height: 42px;
  min-width: 40px;
}
.sd-redesign2020 .has-search .fa-search,
.sd-redesign2020 .has-search .fa-magnifying-glass {
  position: absolute;
  top: 50%;
  left: 12px;
  z-index: 2;
  display: block;
  text-align: center;
  pointer-events: none;
  color: #6F6F6F;
  transform: translate(0, -50%);
}
.sd-redesign2020 .has-search .form-control {
  display: none;
  width: auto;
}
.sd-redesign2020 .has-search.active .form-control {
  display: block;
  padding-left: 2.475rem;
}
.sd-redesign2020 .has-search.active .fa-search,
.sd-redesign2020 .has-search.active .fa-magnifying-glass {
  position: absolute;
  top: 50%;
  left: 12px;
  z-index: 2;
  display: block;
  text-align: center;
  pointer-events: none;
  color: #6F6F6F;
  transform: translate(0, -50%);
}
.sd-redesign2020 .card .user-img {
  width: 32px;
  height: 32px;
}
.sd-redesign2020 .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.sd-redesign2020 .btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}
.sd-redesign2020 .sidebar-sticky {
  top: 5.625rem;
  bottom: 0;
  left: 0;
  z-index: 998;
  background: white;
  position: fixed;
  width: 320px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-right: 1px solid #ddd;
  overflow-x: hidden;
  overflow-y: auto;
}
.sd-redesign2020 .sidebar-sticky .close-sidebar-sticky {
  display: none;
  position: absolute;
  right: 12px;
  top: 10px;
}
.sd-redesign2020 .sidebar-sticky .tabs {
  border-bottom: solid 1px #E6E6E6;
  height: 60px;
}
.sd-redesign2020 .sidebar-sticky .tabs a {
  color: #6F6F6F;
  font-weight: 600;
}
.sd-redesign2020 .sidebar-sticky .tabs a.active {
  color: #000;
}
.sd-redesign2020 .sidebar-sticky .sidebar-content {
  padding: 15px;
}
.sd-redesign2020 .sidebar-sticky .sidebar-buttons {
  margin-top: 24px;
  padding: 1rem;
}

#liveStream-emails-grid .grid-head-title,
#liveStream-grid .grid-head-title,
#liveStream-logins-grid .grid-head-title {
  display: none;
}

#liveStream-grid .gridview-header,
#liveStream-emails-grid .gridview-header,
#liveStream-logins-grid .gridview-header {
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  #liveStream-logins-grid .gridview-header,
  #liveStream-emails-grid .gridview-header,
  #liveStream-grid .gridview-header {
    grid-row-gap: 0;
    padding-bottom: 15px;
    padding-top: 5px;
    padding-left: 12px;
  }
}
.sd-redesign2020 .new-design .gridview-header {
  /*flex-direction: column;*/
}
.sd-redesign2020 .new-design .gridview-header .grid-title {
  width: 100%;
  height: 91px;
  line-height: 91px;
  display: flex;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #e6e6e6;
}
.sd-redesign2020 .new-design .gridview-header .grid-title .title {
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  color: #444;
}
.sd-redesign2020 .new-design .gridview-header .grid-title .add-btn-wrap, .sd-redesign2020 .new-design .gridview-header .grid-title .cards-buttons-wrap {
  margin-left: auto;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions {
  display: flex;
  justify-content: space-between;
  /*width: 100%;*/
  margin-right: 0;
  margin-left: auto;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions > .grid-actions {
  padding: 0;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions .select2-container--default .select2 {
  width: 100%;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions .select2-container--default .select2-selection--single span {
  font-size: inherit;
  line-height: 2.475rem;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions .grid-actions-right-side {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions .grid-actions-right-side .sd-list-card-switcher {
  display: flex;
  column-gap: 1rem;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke: currentColor;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions .material-icons {
  font-size: 25px;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions .filter svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  stroke: currentColor;
}
.sd-redesign2020 .new-design .gridview-header .grid-actions.community-template-filters {
  align-items: center;
  margin-left: 0;
  width: 100%;
  row-gap: 10px;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .sd-redesign2020 .new-design .gridview-header .grid-actions.community-template-filters {
    flex-wrap: nowrap;
  }
}
.sd-redesign2020 .new-design .gridview-header .grid-actions.community-template-filters .select2-container--default.select2 {
  width: 100% !important;
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 32px;
}
@media (min-width: 576px) {
  .sd-redesign2020 .new-design .dv-view .view-template-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
  }
}
@media (min-width: 992px) {
  .sd-redesign2020 .new-design .dv-view .view-template-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
  }
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile {
  margin-bottom: 0;
  border-radius: 8px;
  padding: 24px;
  height: 100%;
  width: 93%;
}
@media (min-width: 576px) {
  .sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile {
    padding: 18px;
    width: 96%;
  }
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .title {
    font-size: 16px;
  }
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .main-data {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .main-data > div {
  margin-right: 10px;
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .contact {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  /*.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
  }*/
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .contact > div {
  width: 100%;
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .contact > div .table-cell-contact {
  display: flex;
  align-items: center;
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .contact > div .table-cell-contact figure, .sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .contact > div .table-cell-contact img {
  margin-bottom: 0;
  border-radius: 50%;
  overflow: hidden;
  height: 100%;
  font-size: 12px;
}
.sd-redesign2020 .new-design .dv-view .view-template-wrapper .card.data-table-item-mobile .options-btns-wrap {
  width: 46px;
  height: 32px;
  right: 15px;
  top: 15px;
}
.sd-redesign2020 .new-design .dv-view .table thead th {
  /*border-top: none;*/
}
.sd-redesign2020 .new-design .dv-view .table tbody td {
  border-top-color: #e6e6e6;
}
.sd-redesign2020 .new-design .dv-view .table tbody td .table-cell-contact {
  display: flex;
  align-items: center;
}
.sd-redesign2020 .new-design .dv-view .table tbody td .table-cell-contact figure, .sd-redesign2020 .new-design .dv-view .table tbody td .table-cell-contact img {
  margin-bottom: 0;
  border-radius: 50%;
  overflow: hidden;
}
.sd-redesign2020 .new-design .dv-view .table tbody tr:last-child td {
  border-bottom: 1px solid #e6e6e6;
}
.sd-redesign2020 .new-design .dv-view.grid-card-view .contact .table-cell-contact > div {
  flex: none !important;
}
.sd-redesign2020 .new-design .card-view-pagination {
  margin-top: 20px;
}
.sd-redesign2020 .grid-view.empty-list,
.sd-redesign2020 .list-view.empty-list {
  height: 100%;
  display: block;
}
.sd-redesign2020 .grid-view.empty-list .items,
.sd-redesign2020 .list-view.empty-list .items {
  display: block;
  height: 100%;
}
.sd-redesign2020 .grid-view.empty-list .items .no-results,
.sd-redesign2020 .list-view.empty-list .items .no-results {
  padding-top: 8rem !important;
}
.sd-redesign2020 .grid-view-loading,
.sd-redesign2020 .list-view-loading {
  position: relative;
  background: none;
}
.sd-redesign2020 .grid-view-loading::after,
.sd-redesign2020 .list-view-loading::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 101;
}
.sd-redesign2020 .grid-view-loading:before,
.sd-redesign2020 .list-view-loading:before {
  -webkit-animation: loading-spin 1s infinite steps(1000);
  animation: loading-spin 1s infinite steps(1000);
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  background-image: url(../../../../images/icons/replay.svg);
  background-size: 100px 100px;
  height: 108px;
  width: 100px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  color: black;
  left: 45%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.filters-profile-preload-button {
  font-weight: 500 !important;
}

.sd-template-library .select2-container--default .select2-selection--single span {
  font-size: inherit;
  line-height: 2.475rem !important;
}

.grid-actions .select2-selection--single span {
  margin: 0 !important;
}

.grid-actions button {
  flex-grow: 1;
}

.grid-actions button span {
  white-space: nowrap;
}

.sd-redesign2020 .sd-view-deal {
  display: flex;
  flex-direction: column;
}
.sd-redesign2020 .sd-view-deal .view-card-block {
  border-radius: 7px;
  border: 1px solid #efefef;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
  word-break: break-all;
}
.sd-redesign2020 .sd-view-deal .view-card-block-header {
  padding: 1.25rem;
  border-bottom: 1px solid #efefef;
}
.sd-redesign2020 .sd-view-deal .view-card-block-body {
  padding: 1.25rem;
}
.sd-redesign2020 .sd-view-deal .view-card-block-body textarea {
  width: 100%;
  border: 1px solid #efefef;
}
.sd-redesign2020 .sd-view-deal .view-card-block-footer {
  margin-top: auto;
  padding: 0.5rem 1.25rem;
  border-top: 1px solid #efefef;
}
.sd-redesign2020 .sd-view-deal .view-card-block div.title {
  font-weight: bold;
  font-size: 16px;
  color: #444 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-redesign2020 .sd-view-deal .view-card-block .category-value-wrapper {
  width: 100%;
  height: 70px;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.sd-redesign2020 .sd-view-deal .view-card-block .category-value-wrapper .value {
  margin-left: 32px;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper {
  width: 100%;
  height: 62px;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: 20px;
  align-items: center;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar > div {
  margin-left: 20px;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar .won_lost_wrapper .category-pill {
  padding: 4px 14px;
  margin-right: 20px;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar .probability {
  display: flex;
  align-items: center;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar .probability .icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .due-date {
  text-align: right;
}
.sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .due-date > div {
  display: inline-block;
}
.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 48px 0 0;
}
.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper .avatar {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  overflow: hidden;
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper .avatar figure {
  margin: 0;
  width: 48px;
  height: 48px;
}
.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper .avatar > img {
  width: 100%;
  height: 100%;
}
.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper > div {
  display: flex;
  flex-direction: column;
}
.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper > div .tags {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
@media (min-width: 992px) {
  .sd-redesign2020 .sd-view-deal .contact-followers-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers {
  display: flex;
  flex-direction: column;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers__item {
  display: flex;
  flex-direction: row;
  padding: 16px 0;
  align-items: center;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers__item + .folowers__item {
  border-top: 1px solid #E6E6E6;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers__item .avatar {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers__item .avatar .default-user-avatar {
  font-size: 14px;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers__item .owner {
  margin-left: auto;
  padding: 0.2rem 1rem;
  border-radius: 25px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #292b2c;
  background-color: #fff;
  border: 1px solid #ccc;
  font-weight: 400;
}
.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers_actions > a {
  margin-right: 10px;
}
.sd-redesign2020 .sd-view-deal .description-block {
  display: flex;
  flex-direction: column;
}
.sd-redesign2020 .sd-view-deal .description-block .text-block {
  margin-bottom: 1rem;
}
.sd-redesign2020 .sd-view-deal .history-block .history-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.sd-redesign2020 .sd-view-deal .history-block .history-container:before {
  display: block;
  content: " ";
  position: absolute;
  width: 2px;
  left: 17px;
  top: 39px;
  bottom: 42px;
  background-color: #e5e5e5;
}
.sd-redesign2020 .sd-view-deal .history-block .history-container .history-item {
  position: relative;
  padding: 16px 16px 16px 54px;
}
.sd-redesign2020 .sd-view-deal .history-block .history-container .history-item:before {
  display: block;
  content: " ";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 9px;
  top: 20px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background-color: #C9E2FD;
}

#sendEmailCheckbox label {
  font-size: 14px;
  line-height: 21px;
}
#sendEmailCheckbox label .title {
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  display: block;
  line-height: 24px;
}

#crm-goals-form label {
  font-size: 0.77rem;
}

.add_deal_form_followers .sd-app-visibility-wrapper {
  margin-bottom: 0;
}
.add_deal_form_followers .sd-tabs .sd-tab {
  padding: 10px 10px !important;
  margin-top: -2px !important;
}

.sd-redesign2020 .grid-actions .nav .nav-item .nav-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #6F6F6F;
}
.sd-redesign2020 .grid-actions .nav .nav-item .nav-link.active {
  color: #000000;
}
.sd-redesign2020 .list-view .items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width: 1200px) {
  .sd-redesign2020 .list-view .items {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
  }
}
@media (max-width: 992px) {
  .sd-redesign2020 .list-view .items {
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
  }
}
@media (max-width: 576px) {
  .sd-redesign2020 .list-view .items {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.sd-redesign2020 .no-results {
  text-align: center;
  width: 100%;
}
.sd-redesign2020 .no-results > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 256px;
}
.sd-redesign2020 .no-results > div img {
  width: 100%;
}
.sd-redesign2020 .no-results > div h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.sd-redesign2020 .no-results > div p {
  font-size: 14px;
  line-height: 24px;
}

.template-library .grid-title {
  display: flex;
  align-items: center;
  padding: 10px 0 20px 16px;
  height: 60px !important;
  background-color: #fff;
  border-radius: 7px;
}
.template-library .grid-title .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1 !important;
}
.template-library .template-library__main-block {
  padding: 16px;
  width: 100%;
  border-radius: 7px;
  background-color: #fff;
}
.template-library .template-library__main-block .grid-actions {
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .template-library .template-library__main-block .pagination li.page {
    display: none;
  }
}

.modal-content .remove-card-btn {
  z-index: 1;
  top: 0;
}

.template-library-filter-selectors {
  width: 200px;
}
.template-library-filter-selectors .select2-container--default .select2-selection--single {
  max-height: unset;
  height: calc(2.5rem + 2px) !important;
}
@media (max-width: 800px) {
  .template-library-filter-selectors {
    width: 100%;
  }
}

.flyout-btn-right-container {
  float: right !important;
  padding-right: 3px;
}
.flyout-btn-right-container .flyout-btn-right-label {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 6px;
}
@media (max-width: 500px) {
  .flyout-btn-right-container .flyout-btn-right-label {
    display: none;
  }
}

#community-templates-list .card {
  border: none !important;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1) !important;
}

.community-template-details .template-title {
  font-size: 17px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px !important;
}
.community-template-details .card-title {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
}
.community-template-details .card-body {
  display: flex;
  flex-direction: column;
}
.community-template-details .card-body .sd-tl-card-b-row {
  margin-top: auto;
  width: 100%;
}
.community-template-details .template-description {
  color: #6F6F6F;
  overflow: hidden;
}
.community-template-details .template-description.collapsed {
  max-height: 110px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.community-template-details .proposal-side-menu {
  margin: 0 -15px 0 -15px;
  flex-direction: column;
  position: relative;
  font-size: 0.92857em;
  line-height: 2.30769em;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.community-template-details .proposal-side-menu li {
  position: relative;
  width: 100%;
  align-items: center;
  padding: 18px 0 19px 24px;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  background: transparent;
  height: 100%;
  cursor: pointer;
  font-weight: 600;
  border-left: 4px solid transparent;
}
.community-template-details .proposal-side-menu li.active {
  background: #F2F2F2;
  border-color: #444;
}
.community-template-details .in-use {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #6F6F6F;
}
.community-template-details .template-author {
  color: #6F6F6F;
}
.community-template-details .template-author .user-img {
  width: 32px;
  height: 32px;
}
.community-template-details .btn, .community-template-details .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .community-template-details button, .community-template-details .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .community-template-details button {
  margin-bottom: 16px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  text-align: center;
  font-weight: 600 !important;
  line-height: 150%;
  color: #000000;
  display: block;
  min-height: 56px;
  padding: 16px 8px !important;
  font-size: 16px;
  font-family: "Inter", "Roboto", sans-serif;
  min-width: 145px;
}
.community-template-details .btn.btn-add-template, .community-template-details .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-add-template, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .community-template-details button.btn-add-template, .community-template-details .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-add-template, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .community-template-details button.btn-add-template {
  background: #F2F2F2;
  border-color: #F2F2F2;
  color: #252525;
}
.community-template-details .badge {
  letter-spacing: 0.025em;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  border-radius: 99999px;
  padding: 0 1em;
}
.community-template-details .badge.badge-category {
  background: #F2F2F2 !important;
  color: #6F6F6F !important;
}
.community-template-details .badge.badge-type-proposal {
  background: #F0F3FF;
  color: #4856EA;
}
.community-template-details .badge.badge-type-contract {
  background: #F6F0FF;
  color: #8648EA;
}
.community-template-details .badge.badge-type-marketingCampaign {
  background: #F0FEFE;
  color: #009D9D;
}
.community-template-details .badge.badge-type-portalPage {
  background: #D9ECFF;
  color: #35638d;
}
.community-template-details .badge.badge-type-form {
  background: #D9ECFF;
  color: #35638d;
}
.community-template-details .badge.badge-type-formTheme {
  background: #D9ECFF;
  color: #35638d;
}
.community-template-details .badge.badge-type-dashboard {
  background: #f6ef95;
  color: #966e16;
}
.community-template-details .badge.badge-type-landingPage {
  background: #d5bbff;
  color: #6f34f2;
}

.community-template-content {
  padding: 0 20px 20px 20px;
  line-height: 2rem;
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
}
@media (max-width: 575px) {
  .community-template-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 576px) {
  .community-template-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .community-template-content {
    padding-left: 3rem;
    padding-right: 3em;
  }
}
@media (min-width: 992px) {
  .community-template-content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.community-template-content figure.full-width {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block;
}
.community-template-content img.full-width {
  width: calc(100% + 40px) !important;
  max-width: none !important;
  height: auto !important;
  display: block;
  margin: 0 -10rem;
}
@media (max-width: 767px) {
  .community-template-content img.full-width {
    width: calc(100% + 4rem) !important;
    margin: 0 -2rem;
  }
}
@media (min-width: 576px) {
  .community-template-content img.full-width {
    width: calc(100% + 12rem) !important;
    margin: 0 -6rem;
  }
}
@media (min-width: 992px) {
  .community-template-content img.full-width {
    width: calc(100% + 296px) !important;
    margin: 0 -200px;
  }
}
.community-template-content p {
  padding-bottom: 1em;
  line-height: 150%;
}
.community-template-content h1, .community-template-content h2, .community-template-content h3, .community-template-content h4 {
  padding-bottom: 10px !important;
}
.community-template-content h5, .community-template-content h6 {
  padding-bottom: 10px !important;
}
.community-template-content .pdf-wrapper {
  padding: 35px 35px !important;
}
.community-template-content .dashboard-organize-box {
  z-index: 998;
}

.community-template-details .template-title {
  margin-top: 10px !important;
}

.sd-redesign2020 .sidebar-sticky .tabs a.active {
  border-bottom: 5px solid #444;
  padding: 17px;
}

.sd-app-visibility-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 20px;
}
.sd-app-visibility-wrapper .sd-tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-left: -12px;
}
.sd-app-visibility-wrapper .sd-tabs .sd-tab {
  padding: 24px 12px;
  cursor: pointer;
}
.sd-app-visibility-wrapper .sd-tabs .sd-tab.active {
  font-weight: bold;
}
.sd-app-visibility-wrapper .sd-tab-content {
  width: 100%;
}
.sd-app-visibility-wrapper .sd-tab-content > div {
  width: 100%;
  border-radius: 8px;
  padding: 16px;
  color: #0055FF;
  background-color: #EDF5FF;
  border: 1px solid #EDF5FF;
}

.sd-redesign2020.sd-dark-mode .sidebar-sticky {
  background: #232332;
}
.sd-redesign2020.sd-dark-mode .community-template-details .proposal-side-menu li {
  color: #fff;
}
.sd-redesign2020.sd-dark-mode .community-template-details .proposal-side-menu li.active {
  color: #000;
}
@media (max-width: 750px) {
  .sd-redesign2020.sd-dark-mode .tabs {
    background: #232332;
  }
}

@media (min-width: 768px) {
  .sd-redesign2020 .mobile-grid-view-buttons {
    display: none;
  }
}
@media (max-width: 575px) {
  .sd-redesign2020 .gridview-header .cards-buttons-wrap {
    width: auto !important;
  }
  .sd-redesign2020 .sd-view-deal .contact-followers-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper {
    grid-template-columns: 1fr;
    height: auto;
    margin-top: 10px;
  }
  .sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar {
    margin: 10px 0;
    flex-direction: column;
  }
  .sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar > div {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }
  .sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar .won_lost_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-left: 0;
  }
  .sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar .won_lost_wrapper a, .sd-redesign2020 .sd-view-deal .view-card-block .stage-due-date-wrapper .tools-bar .won_lost_wrapper span {
    display: block;
  }
}
@media (max-width: 767px) {
  .sd-redesign2020 .main-wrapper > .widget-list {
    margin-bottom: 0;
  }
  .sd-redesign2020 #crm-goals-visibility-grid table,
  .sd-redesign2020 #notes-grid table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .sd-redesign2020 .mobile-grid-view-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    padding-top: 74px;
    z-index: 1000;
    margin-top: 5.625rem;
  }
  .sd-redesign2020 .mobile-grid-view-buttons a {
    background: white;
    color: #555;
    border: 1px solid #E6E6E6;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0 !important;
  }
  .sd-redesign2020 .mobile-grid-view-buttons a svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: currentColor;
  }
  .sd-redesign2020 .new-design:not(.no-sticky-filter) {
    padding-right: 5em;
  }
  .sd-redesign2020 .new-design .pipeline-wrapper .pipeline-conitainer {
    height: calc(100vh - 14rem);
  }
  .sd-redesign2020 .new-design .gridview-header {
    box-shadow: none;
  }
  .sd-redesign2020 .new-design .gridview-header .grid-title {
    height: 70px;
    line-height: 70px;
  }
  .sd-redesign2020 .sidebar-sticky {
    box-shadow: 9px 1px 9px 3px rgba(122, 122, 122, 0.1);
  }
}
@media (max-width: 961px) {
  .sd-redesign2020 .sidebar-sticky {
    top: 0;
  }
  .sd-redesign2020 .sidebar-sticky .close-sidebar-sticky {
    display: block;
  }
}

.sd-dark-mode.sd-redesign2020 .mobile-grid-view-buttons a.view-button {
  background-color: #181823;
  border-color: #181823;
}
.sd-dark-mode.sd-redesign2020 .sd-list-card-switcher a.view-button svg {
  stroke: white;
}
.sd-dark-mode.sd-redesign2020 .sd-list-card-switcher a.forecast svg {
  fill: white;
  stroke: none !important;
}
.sd-dark-mode.sd-redesign2020 .sd-list-card-switcher a.forecast svg path {
  fill: white !important;
  stroke: none !important;
}

@media (max-width: 767px) {
  #manage-content-fields-settings .navigation-col {
    margin-bottom: 0;
  }
  #manage-content-fields-settings .navigation-col .mobile-tabs-dropdown {
    padding-top: 0;
  }
}
.check-card {
  height: 100%;
  margin-bottom: 1rem;
}
.check-card .check-label {
  width: 100%;
  height: 100%;
  font-weight: normal;
  margin-bottom: 0;
}
.check-card .check-label:hover .check-card-wrapper, .check-card .check-label:focus .check-card-wrapper {
  border: 1px solid #4583b3;
}
.check-card .check-card-wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.625rem;
}
.check-card .check-card-wrapper .start-experience-footer-content {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
.check-card .check-card-label {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
.check-card .check-card-footer {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
.check-card .check-card-sub-footer {
  padding: 0 1.5rem 0.5rem 1.5rem;
}

.image-selection {
  display: flex;
  flex-wrap: wrap;
}
.image-selection .check-card {
  width: 150px;
  padding: 0 10px 10px 0;
  margin-bottom: 0;
}
.image-selection .check-card.active-card .check-label .check-card-wrapper {
  box-shadow: -3px -3px 0px #4583b3, 3px -3px 0px #4583b3, 3px 3px 0px #4583b3, -3px 3px 0px #4583b3;
}
.image-selection .check-card .check-card-wrapper {
  border-radius: unset;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-selection .check-card .check-card-label {
  display: none;
}

.actions-form .card-block.form-chain-builder.mt-1 {
  margin: 0;
}

.actions-form .btn-close {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  width: 18px;
  height: 22px;
}

/* starting styling of the header modal window for configure actions */
.actions-form .form-actions.submit-buttons.btn-top-list {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  margin-bottom: 28px;
  border: none;
  z-index: 999;
}

.configure-actions-body .actions-form .form-actions.submit-buttons.btn-top-list {
  margin-bottom: 28px;
  padding: 15px 25px;
  background-color: #fff;
}

body.sd-dark-mode .actions-form .form-actions.submit-buttons.btn-top-list {
  border: none;
  background-color: #232332;
}

.modal .modal-dialog .modal-content .actions-form .card .form-actions.submit-buttons.btn-list {
  margin: 0;
  padding: 0;
  border: none;
}

body.sd-dark-mode .actions-form .card .form-actions.submit-buttons.btn-list {
  border: none;
}

.form-actions.submit-buttons .save-btn,
.form-actions.submit-buttons .save-template,
.form-actions.submit-buttons.btn-top-list .actions-form__template-btn {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: content-box;
}

.form-actions.submit-buttons .save-btn,
.form-actions.submit-buttons .save-btn svg,
.form-actions.submit-buttons.btn-top-list .actions-form__template-btn,
.form-actions.submit-buttons.btn-top-list .configure-actions__icon svg {
  width: 20px;
  height: 20px;
}

.form-actions.submit-buttons.btn-top-list .actions-form__template-btn {
  position: relative;
  margin-left: 15px;
  padding-left: 15px;
}
.form-actions.submit-buttons.btn-top-list .actions-form__template-btn::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #555555;
  left: 0;
  top: 0;
}

.form-actions.submit-buttons .save-template,
.form-actions.submit-buttons .save-template svg {
  width: 24px;
  height: 20px;
}

.form-actions.submit-buttons .save-btn svg,
.form-actions.submit-buttons .save-template svg,
.form-actions.submit-buttons.btn-top-list .configure-actions__icon svg {
  fill: #555555;
}

body.sd-dark-mode .form-actions.submit-buttons .save-btn svg,
body.sd-dark-mode .form-actions.submit-buttons .save-template svg,
body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .configure-actions__icon svg,
body.sd-dark-mode .configure-actions-body .btn-close--back-arrow svg,
body.sd-dark-mode .configure-actions__control-block .configure-actions__icon svg {
  fill: #fff;
}

.form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
}
.form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple::before, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::before, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 3px;
  height: 16px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 100;
}
.form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple::after, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::after, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::after, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 16px;
  height: 3px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.form-actions.submit-buttons.btn-top-list .right {
  display: flex;
  align-items: center;
}

.form-actions.submit-buttons.btn-top-list .collapse-all {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.form-actions.submit-buttons.btn-top-list .collapse-all a {
  padding: 5px;
}

.form-actions.submit-buttons.btn-top-list .collapse-all a span {
  display: block;
  width: 1px;
  height: 1px;
  border: 4px solid #555555;
}

body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all a span,
body.sd-dark-mode .configure-actions__control-block .configure-actions__icon svg {
  border-color: #fff;
}

.form-actions.submit-buttons.btn-top-list .collapse-all .show-all {
  margin-bottom: -1px;
  padding-bottom: 0;
}

.form-actions.submit-buttons.btn-top-list .collapse-all .show-all span,
body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all .show-all span,
.form-actions.submit-buttons.btn-top-list .collapse-all .hide-all span,
body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all .hide-all span {
  border-left-color: transparent;
  border-right-color: transparent;
}

.form-actions.submit-buttons.btn-top-list .collapse-all .show-all span {
  border-bottom-color: transparent;
  border-top-width: 10px;
}

body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all .show-all span {
  border-bottom-color: transparent;
  border-top-width: 10px;
}

.form-actions.submit-buttons.btn-top-list .collapse-all .hide-all {
  margin-top: -1px;
  padding-top: 0;
}

.form-actions.submit-buttons.btn-top-list .collapse-all .hide-all span {
  border-top-color: transparent;
  border-bottom-width: 10px;
}

body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all .hide-all span {
  border-top-color: transparent;
  border-bottom-width: 10px;
}

/* finished styling of the header modal window for configure actions */
.configure-actions__control-block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0 25px;
}

.configure-actions__control-block .configure-actions__icon {
  position: absolute;
  display: block;
  left: 40px;
  top: 50%;
  transform: translate(0, -50%);
}

.configure-actions__control-block .configure-actions__icon,
.configure-actions__control-block .configure-actions__icon svg {
  width: 24px;
  height: 24px;
}

.configure-actions__control-block .configure-actions__icon svg {
  fill: #555;
}

#cbe-add-block-popup .cbe-search-box__control,
.actions-form .configure-actions__search-input {
  padding-left: 50px;
  width: 82%;
  border: 1px solid #cccccc !important;
  border-radius: 50px;
  box-shadow: none;
  height: 38px !important;
}

.configure-actions-body .btn-close--back-arrow,
.configure-actions-body .btn-close--back-arrow svg {
  width: 26px;
  height: 26px;
}

.configure-actions-body .btn-close--back-arrow {
  position: relative;
}

.configure-actions-body .btn-close--back-arrow svg {
  fill: #333333;
}

@media (min-width: 768px) {
  .modal .modal-dialog .modal-content .modal-include-wrapper.configure-actions-body {
    padding: 15px 0 20px;
  }
  .form-actions.submit-buttons .save-template,
  .form-actions.submit-buttons .save-template svg {
    width: 52px;
    height: 42px;
  }
  .form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple {
    width: 60px;
    height: 60px;
  }
  .form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple::before, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::before, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::before {
    height: 29px;
  }
  .form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple::after, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::after, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::after, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::after, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::after {
    width: 29px;
  }
  .form-actions.submit-buttons.btn-top-list .actions-form__template-btn,
  .form-actions.submit-buttons .save-btn,
  .form-actions.submit-buttons .save-btn svg,
  .form-actions.submit-buttons.btn-top-list .configure-actions__icon svg {
    width: 40px;
    height: 40px;
  }
  .form-actions.submit-buttons.btn-top-list .actions-form__template-btn {
    margin-left: 37px;
    padding-left: 31px;
  }
  .form-actions.submit-buttons.btn-top-list .collapse-all {
    margin-left: 37px;
  }
  .form-actions.submit-buttons.btn-top-list .collapse-all a span {
    border: 7px solid #555555;
  }
  .form-actions.submit-buttons.btn-top-list .collapse-all .show-all span {
    border-top-width: 14px;
  }
  body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all .show-all span {
    border-top-width: 14px;
  }
  .form-actions.submit-buttons.btn-top-list .collapse-all .hide-all span {
    margin-top: -3px;
    border-bottom-width: 14px;
  }
  body.sd-dark-mode .form-actions.submit-buttons.btn-top-list .collapse-all .hide-all span {
    border-bottom-width: 14px;
  }
  #cbe-add-block-popup .cbe-search-box__control,
  .actions-form .configure-actions__search-input {
    padding-left: 50px;
    width: 90%;
    height: 42px !important;
  }
}
@media (min-width: 1024px) {
  .form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple, .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple, .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.modal-include-wrapper.configure-actions-body {
  padding: 15px 0 !important;
  max-height: calc(100vh - 108px);
  overflow: hidden !important;
}
.modal-include-wrapper.configure-actions-body > .ng-scope {
  display: block;
  max-height: calc(100vh - 143px);
  overflow: hidden;
}
.modal-include-wrapper.configure-actions-body .actions-form {
  max-height: calc(100vh - 143px);
  overflow: hidden !important;
}
.modal-include-wrapper.configure-actions-body .actions-form .card {
  max-height: calc(100vh - 143px);
  overflow: hidden !important;
}
.modal-include-wrapper.configure-actions-body .actions-form > div {
  max-height: calc(100vh - 143px);
}
.modal-include-wrapper.configure-actions-body .card-block.form-chain-builder {
  position: relative;
  padding-top: 110px !important;
  max-height: calc(100vh - 147px);
  overflow: hidden !important;
}
.modal-include-wrapper.configure-actions-body .actions-form .form-actions.submit-buttons.btn-top-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.modal-include-wrapper.configure-actions-body .form-chain-builder {
  max-height: calc(100vh - 252px);
  overflow: auto;
}

.modal-include-wrapper.configure-actions-body .actions-form .dynamicProfileItems__item.card {
  max-height: none;
}

.cbe-add-block-items,
.configure-actions__list {
  display: grid;
  grid-template-columns: 100%;
}

.configure-actions__list {
  padding: 0 25px;
  max-height: calc(100vh - 203px);
  overflow: auto;
}

.send-type-select__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cbe-add-block-item-out-wrap,
.configure-actions__item {
  position: relative;
  margin-bottom: 13px;
  width: 100%;
  padding: 1px;
  background: #cccccc;
  border-radius: 10px;
  overflow: hidden;
  border: 0;
}
.cbe-add-block-item-out-wrap .cbe-add-block-item,
.cbe-add-block-item-out-wrap button,
.configure-actions__item .cbe-add-block-item,
.configure-actions__item button {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 13px 16px;
  border-radius: 10px;
  background: #fff;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.cbe-add-block-item-out-wrap:before, .cbe-add-block-item-out-wrap:after,
.cbe-add-block-item-out-wrap .cbe-add-block-item:before,
.cbe-add-block-item-out-wrap .cbe-add-block-item:after,
.cbe-add-block-item-out-wrap button:before,
.cbe-add-block-item-out-wrap button:after,
.configure-actions__item:before,
.configure-actions__item:after,
.configure-actions__item .cbe-add-block-item:before,
.configure-actions__item .cbe-add-block-item:after,
.configure-actions__item button:before,
.configure-actions__item button:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.2s linear;
}
.cbe-add-block-item-out-wrap:before,
.configure-actions__item:before {
  width: 15px;
  height: 100%;
  left: 0;
  bottom: 0;
}
.cbe-add-block-item-out-wrap:after,
.configure-actions__item:after {
  width: 15px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
}
.cbe-add-block-item-out-wrap .cbe-add-block-item,
.cbe-add-block-item-out-wrap button,
.configure-actions__item .cbe-add-block-item,
.configure-actions__item button {
  border: 0;
}
.cbe-add-block-item-out-wrap .cbe-add-block-item:before,
.cbe-add-block-item-out-wrap button:before,
.configure-actions__item .cbe-add-block-item:before,
.configure-actions__item button:before {
  height: 2px;
  width: 0;
  top: -2px;
  left: 0;
}
.cbe-add-block-item-out-wrap .cbe-add-block-item:after,
.cbe-add-block-item-out-wrap button:after,
.configure-actions__item .cbe-add-block-item:after,
.configure-actions__item button:after {
  height: 2px;
  width: 0;
  right: 0;
  bottom: -2px;
}
.cbe-add-block-item-out-wrap:hover:not(.disabledItem), .cbe-add-block-item-out-wrap:focus:not(.disabledItem),
.configure-actions__item:hover:not(.disabledItem),
.configure-actions__item:focus:not(.disabledItem) {
  padding-left: 4px;
}
.cbe-add-block-item-out-wrap:hover:not(.disabledItem):before, .cbe-add-block-item-out-wrap:focus:not(.disabledItem):before,
.configure-actions__item:hover:not(.disabledItem):before,
.configure-actions__item:focus:not(.disabledItem):before {
  height: 100%;
  background: #3E76A1;
  transition-delay: 0s;
}
.cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::before,
.cbe-add-block-item-out-wrap:hover:not(.disabledItem) button::before, .cbe-add-block-item-out-wrap:focus:not(.disabledItem) .cbe-add-block-item::before,
.cbe-add-block-item-out-wrap:focus:not(.disabledItem) button::before,
.configure-actions__item:hover:not(.disabledItem) .cbe-add-block-item::before,
.configure-actions__item:hover:not(.disabledItem) button::before,
.configure-actions__item:focus:not(.disabledItem) .cbe-add-block-item::before,
.configure-actions__item:focus:not(.disabledItem) button::before {
  width: 100%;
  background: #3E76A1;
  transition-delay: 0.1s;
}
.cbe-add-block-item-out-wrap:hover:not(.disabledItem):after, .cbe-add-block-item-out-wrap:focus:not(.disabledItem):after,
.configure-actions__item:hover:not(.disabledItem):after,
.configure-actions__item:focus:not(.disabledItem):after {
  height: 100%;
  background: #3E76A1;
  transition-delay: 0.2s;
}
.cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::after,
.cbe-add-block-item-out-wrap:hover:not(.disabledItem) button:after, .cbe-add-block-item-out-wrap:focus:not(.disabledItem) .cbe-add-block-item::after,
.cbe-add-block-item-out-wrap:focus:not(.disabledItem) button:after,
.configure-actions__item:hover:not(.disabledItem) .cbe-add-block-item::after,
.configure-actions__item:hover:not(.disabledItem) button:after,
.configure-actions__item:focus:not(.disabledItem) .cbe-add-block-item::after,
.configure-actions__item:focus:not(.disabledItem) button:after {
  width: 100%;
  background: #3E76A1;
  transition-delay: 0.3s;
}
.cbe-add-block-item-out-wrap.disabledItem::before, .cbe-add-block-item-out-wrap.disabledItem::after,
.cbe-add-block-item-out-wrap.disabledItem button::after,
.configure-actions__item.disabledItem::before,
.configure-actions__item.disabledItem::after,
.configure-actions__item.disabledItem button::after {
  display: none;
}

.send-type-select__item {
  position: relative;
  margin-bottom: 13px;
  width: 100%;
}
.send-type-select__item button {
  background: #fff;
  position: relative;
  z-index: 5;
  border: 2px solid #ccc;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 13px 50px 13px 15px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.send-type-select__item button:after {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  font-weight: 700;
  top: 50%;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.2s linear;
}
.send-type-select__item button.active {
  transition: all 0.2s linear;
}
.send-type-select__item button.active:after {
  transition: opacity 0.15s linear;
  opacity: 1;
}

.configure-actions__item .configure-actions__icon,
.send-type-select__item .send-type-select__icon {
  flex-shrink: 0;
  margin-right: 16px;
  width: 30px;
  height: 30px;
}
.configure-actions__item .configure-actions__icon i,
.send-type-select__item .send-type-select__icon i {
  font-size: 40px;
}

.configure-actions__item .configure-actions__icon svg,
.send-type-select__item .send-type-select__icon svg {
  width: 30px;
  height: 30px;
  fill: #565656;
  stroke: #565656;
}

body.sd-dark-mode .configure-actions__item .configure-actions__icon svg,
body.sd-dark-mode .send-type-select__item .send-type-select__icon svg {
  fill: #fff;
  stroke: #fff;
}

.configure-actions__item .configure-actions__item-wrap,
.send-type-select__item .send-type-select__item-wrap {
  display: flex;
  flex-direction: column;
}

.cbe-add-block-item-out-wrap .cbe-add-block-item .cbe-add-block-item-title,
.configure-actions__item-wrap .title,
.send-type-select__item-wrap .title {
  text-align: left;
  color: #565656;
  font-size: 16px;
  font-weight: 700 !important;
}

.send-type-select__item-wrap .title {
  font-size: 15px;
  font-weight: 500;
}

body.sd-dark-mode .configure-actions__item-wrap .title,
body.sd-dark-mode .send-type-select__item-wrap .title {
  color: #fff;
}

.cbe-add-block-item-desc,
.configure-actions__item-wrap .subtitle,
.send-type-select__item-wrap .subtitle {
  text-align: left;
  font-size: 14px;
  color: #555;
  font-weight: 400;
}

.send-type-select__item-wrap .subtitle {
  font-size: 10px;
}

@media (min-width: 768px) {
  .cbe-add-block-items,
  .configure-actions__list {
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
  }
}
@media (min-width: 1440px) {
  .cbe-add-block-items,
  .configure-actions__list {
    grid-template-columns: 32% 32% 32%;
    padding-bottom: 0px !important;
  }
  .cbe-add-block-item-out-wrap .cbe-add-block-item,
  .configure-actions__item button {
    align-items: center;
    padding: 15px 20px 15px 26px;
  }
  #cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-add-block-item-icon,
  .configure-actions__item .configure-actions__icon,
  .send-type-select__item .send-type-select__icon {
    margin-top: 0;
    margin-right: 20px;
    width: 40px;
    height: 40px;
  }
  #cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-add-block-item-icon {
    background-size: 40px 40px;
  }
  #cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item .cbe-add-block-item-icon svg,
  .configure-actions__item .configure-actions__icon svg,
  .send-type-select__item .send-type-select__icon svg {
    width: 40px;
    height: 40px;
    stroke: #565656;
  }
  .cbe-add-block-item-out-wrap .cbe-add-block-item .cbe-add-block-item-title {
    font-size: 15px;
  }
  .cbe-add-block-item-desc {
    font-size: 13px;
  }
  .configure-actions__item-wrap .title {
    font-size: 15px;
  }
  .configure-actions__item-wrap .subtitle {
    font-size: 13px;
  }
  .send-type-select__item-wrap .title {
    font-size: 15px;
  }
  .send-type-select__item-wrap .subtitle {
    font-size: 10px;
  }
  .send-type-select__item button {
    padding: 15px 20px;
  }
}
.branding-theme-mrclean .configure-actions__item:hover button::after,
.branding-theme-mrclean .configure-actions__item:hover button::before,
.branding-theme-mrclean .configure-actions__item:hover:after,
.branding-theme-mrclean .configure-actions__item:hover:not(.disabledItem)::before {
  background-color: #565656 !important;
}

.modal-open .form-chain-builder .empty-message {
  padding-top: 1.25rem;
  text-align: center;
}

.modal-open .form-chain-builder .empty-message h2 {
  margin-bottom: 0.9375rem;
}

body.modal-open .form-chain-builder .chain-links .links-list .chain-link::after {
  display: none;
}

body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block {
  padding: 0;
  box-shadow: none;
  border-top: none !important;
  background-color: transparent;
  z-index: unset;
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block .form-group {
  min-height: 2.625rem;
}

body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title {
  position: relative;
  padding: 0.4375rem 1rem 0.4375rem calc(32px + 1rem);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 50em;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
@media (min-width: 576px) {
  body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title {
    padding-left: calc(44px + 1rem);
  }
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .type {
  padding: 0;
  font-size: 0.875rem;
  color: #222222;
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .link-btns {
  position: unset;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  margin-left: auto;
  margin-right: 0;
  width: 1.25rem;
  height: 1.25rem;
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .link-btns .fa-caret-up {
  position: absolute;
  display: block;
  right: 18px;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  transform: translate(0, -50%);
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .link-btns .fa-caret-up::before {
  display: none;
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .btn-xs,
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .remove-action {
  position: absolute;
  display: block;
  left: 32px;
  top: 0;
  margin: 0 !important;
  width: 32px;
  height: 100%;
  background-color: #555555;
  border-top-left-radius: 50em !important;
  border-bottom-left-radius: 50em !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  transform: translate(-100%, 0);
}
@media (min-width: 576px) {
  body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .btn-xs,
  body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .remove-action {
    left: 44px;
    width: 44px;
  }
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .btn-xs span,
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .remove-action span {
  position: absolute;
  display: block;
  top: 50%;
  left: 52%;
  width: 13px;
  height: 15px;
  transform: translate(-50%, -50%);
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .btn-xs span::before,
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .remove-action span::before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  left: 5px;
  width: 3px;
  height: 17px;
  background-color: #fff;
  border-radius: 2px;
  transform: rotate(38deg);
}
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .btn-xs span::after,
body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .remove-action span::after {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  left: 5px;
  width: 3px;
  height: 17px;
  background-color: #fff;
  border-radius: 2px;
  transform: rotate(-38deg);
}

body.sd-dark-mode.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title .link-btns .btn-xs {
  background-color: #5B5F70;
}

.form-chain-builder .chain-link .link-block .link-title {
  font-size: 1.2em;
  font-style: italic;
  padding: 10px;
  margin-bottom: 0;
}
.form-chain-builder .chain-link .link-block .link-title span .form-chain-block-buttons {
  vertical-align: middle;
  font-size: 1.125rem;
}

.link-block .link-title .link-btns .fa-caret-up span {
  position: absolute;
  display: block;
  top: 6px;
  left: 4px;
  width: 1px;
  height: 1px;
  border: 6px solid #555555;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 11px;
  z-index: 100;
  transition: all 0.2s ease-in-out;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .configure-actions__link-title.collapsed .link-btns .fa-caret-up span {
  top: -3px;
  transform: scaleY(-1);
}

.form-chain-builder .link-block-wrapper.config .link-block__icon {
  margin-right: 9px;
  width: 1.25rem;
  height: 1.25rem;
}
.form-chain-builder .link-block-wrapper.config .link-block__icon svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #555555;
  stroke: #555555;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config {
  display: block;
  width: 100%;
  padding: 0 0.3125rem;
}
@media (min-width: 576px) {
  .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config {
    padding: 0 1rem;
  }
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block {
  margin: 0;
  padding-bottom: 1rem;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block-new,
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block {
  margin-left: 15px;
  margin-right: 15px;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.config-block-new.can-not-remove .vertical-form-group .col-md-3 {
  flex: unset;
  max-width: unset;
}

.config-block-new.can-not-remove .vertical-form-group:nth-child(2) {
  margin-left: 64px;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control {
  position: relative;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match-item {
  padding: 0 !important;
  padding-left: 18px !important;
  padding-right: 7px !important;
  height: 20px;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match-item .match-text {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match-item .remove-match {
  position: absolute;
  left: 7px;
  top: 50%;
  padding: 0;
  width: 12px;
  height: 10px;
  font-size: 0;
  transform: translate(0, -50%);
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match-item .remove-match::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 2px;
  height: 10px;
  width: 1px;
  background-color: #303030;
  border-radius: 2px;
  transform: rotate(45deg);
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match-item .remove-match::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 2px;
  height: 10px;
  width: 1px;
  background-color: #303030;
  border-radius: 2px;
  transform: rotate(135deg);
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match .group-name {
  margin: 0;
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .ui-select-match .group-value {
  font-weight: 300 !important;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .select2 .select2-selection--multiple {
  position: relative;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control.redactor-container {
  padding: 0;
  height: auto !important;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .redactor-box.redactor-styles-on {
  width: 100%;
  border: none;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .redactor-box.redactor-styles-on .redactor-styles span {
  font-size: 9px;
  max-width: 100%;
}

.chain-link .sd-placeholder-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 28px;
  color: inherit;
  line-height: 0.9;
  border: 1px solid #eee;
  background-color: transparent;
  border-radius: 5px;
}

@media (min-width: 768px) {
  body.modal-open .form-chain-builder .link-block-wrapper.config .link-block__icon {
    margin-right: 12px;
    width: 30px;
    height: 30px;
  }
  body.modal-open .form-chain-builder .link-block-wrapper.config .link-block__icon svg {
    width: 30px;
    height: 30px;
  }
  body.modal-open .link-block .configure-actions__link-title .link-btns .fa-caret-up {
    right: 18px;
  }
  body.modal-open .link-block .configure-actions__link-title .link-btns .fa-caret-up span {
    top: 3.5px;
    left: 3.5px;
    border: 7px solid #555;
    border-top-width: 14px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  body.modal-open .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .form-control .redactor-box.redactor-styles-on .redactor-styles span {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .modal-open .form-chain-builder .empty-message {
    margin: 0 auto;
    width: 80%;
  }
}
@media (max-width: 767px) {
  .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block-new,
  .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block {
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
    padding: 30px 15px 20px;
  }
}
.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .checkbox .form-control {
  display: none !important;
}

.form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .usePartyPaymentLink-checkbox .label-text {
  padding-left: 37px;
}

.item-line.line .labelAbsolute {
  position: relative !important;
  padding-top: 27px;
}
.item-line.line .labelAbsolute .firstField {
  position: static;
}
.item-line.line .labelAbsolute .firstField label {
  position: absolute;
  left: 15px;
  top: 0;
}
.item-line.line .labelAbsolute .customField {
  gap: 8px;
}
.item-line.line .labelAbsolute .customField label {
  white-space: nowrap;
}

.dynamicProfileItems {
  width: 100%;
}
.dynamicProfileItems .useCalculations {
  z-index: 200;
}
.dynamicProfileItems .discountValueExpression {
  width: 100%;
}
.dynamicProfileItems .info-block {
  background-color: #e5fff6;
  border-left: 4px solid #5ca188;
}
.dynamicProfileItems .info-block p:last-child {
  margin-bottom: 0;
}

.chain-links .dynamicProfileItems {
  padding: 0 15px;
}

.dynamicProfileItems__title {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1;
}
.dynamicProfileItems__title svg {
  width: 24px;
  height: 24px;
  fill: #555;
}

.dynamicProfileItems__item {
  width: 100%;
}

.dynamicProfileItems__item .card-body {
  padding: 1rem;
}

.dynamicProfileItems__item-title span {
  font-size: 14px;
}

.dynamicProfileItems__item-handle {
  margin-right: -10px;
  padding: 10px;
}
.dynamicProfileItems__item-handle span {
  position: relative;
  width: 14px;
  height: 8px;
}
.dynamicProfileItems__item-handle span::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #333;
  border-radius: 2px;
  transform: rotate(225deg);
  border-left: none;
  border-top: none;
  transition: all 0.25s ease-in-out;
}
.dynamicProfileItems__item-handle.collapsed span::before {
  top: -4px;
  transform: rotate(45deg);
  transition: all 0.25s ease-in-out;
}

.modal-content .form-oscar .form-group {
  flex: unset;
  max-width: unset;
}

.modal-content .form-oscar .form-group_customized .row {
  margin: 0 !important;
}

.modal-content .form-oscar .form-group_customized-field-block {
  padding: 0;
  display: flex;
  width: 100%;
}

.modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block {
  display: flex;
  flex-direction: column;
  padding: 0 40px 0 0;
  flex: unset;
  max-width: unset;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block {
    padding: 0;
  }
}

.modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block label:not(.checkbox label) {
  margin-bottom: 5px;
}

.modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block .checkbox {
  margin-right: 15px;
  width: 100%;
}

.modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block .checkbox label {
  width: 100%;
}

.modal-content .form-oscar .form-group_customized-field-block .label-text {
  padding-left: 0;
  padding-bottom: 28px;
}
.modal-content .form-oscar .form-group_customized-field-block .label-text::after {
  left: 0;
  bottom: 0;
  transform: translate(0, 0);
  border: 1px solid #cccccc;
}

.modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-btns {
  position: absolute;
  top: 26px;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 0 8px 8px;
}
@media (min-width: 768px) {
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-btns {
    position: static;
  }
}

.modal-content .form-oscar .form-group_customized-field-block .btn-xs,
.modal-content .form-oscar .remove-data-point-field.btn-xs {
  padding: 0 !important;
  background: #c40000;
  width: 27px;
  height: 26px;
}
.modal-content .form-oscar .form-group_customized-field-block .btn-xs i,
.modal-content .form-oscar .remove-data-point-field.btn-xs i {
  font-size: 1.5rem;
  color: #fff;
}

@media (min-width: 768px) {
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .modal-content .form-oscar .form-group_customized-field-block .label-text {
    padding-left: 0;
    padding-right: 28px;
    padding-bottom: 0;
    width: 30%;
  }
  .modal-content .form-oscar .form-group_customized-field-block .label-text::after {
    left: unset;
    right: 0;
    transform: translate(100%, -50%);
  }
}
@media (min-width: 1024px) {
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block label {
    padding-left: 65px;
    padding-right: 5px;
  }
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block label .label-text label {
    padding-left: 0;
  }
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block label:not(.checkbox label) {
    margin-bottom: 0;
    flex: 0 0 37%;
  }
}
@media (min-width: 1440px) {
  .modal-content .form-oscar .form-group_customized-field-block .form-group_customized-input-label-block label:not(.checkbox label) {
    flex: 0 0 35.4%;
  }
  .modal-content .form-oscar .form-group_customized-field-block .label-text {
    width: 31.4%;
  }
}
.modal-content .form-oscar .form-group_customized-field-block .radiobox label {
  padding-left: 0;
}
.modal-content .form-oscar .form-group_customized-field-block .radiobox .label-text {
  padding: 0 0 0 2rem;
  margin-bottom: 1rem;
  width: unset;
}

@media (min-width: 768px) {
  .modal-content .form-oscar .form-group_customized-field-block .radiobox label {
    padding-left: 0;
  }
  .modal-content .form-oscar .form-group_customized-field-block .radiobox .label-text {
    padding: 0 0 0 2rem;
    margin-bottom: 1rem;
    width: unset;
  }
  .modal-content .form-oscar .form-group_customized-field-block .radiobox .label-text::after {
    left: 0;
    right: unset;
  }
}
.communityValueLine .communityValueLineSubText {
  display: block;
  font-size: 0.75rem;
  text-align: right;
  width: 100%;
  padding-right: 20px;
}

.addToCommunityModal.communityValueLine .communityValueLineSubText {
  text-align: left;
}

.footer-actions-wrapper {
  position: fixed;
  right: 0;
  top: calc(100vh - 194px);
  bottom: 130px;
  z-index: 100;
  max-width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .footer-actions-wrapper {
    display: block;
  }
}
.footer-actions-wrapper .timer-form-action.track-time {
  margin-left: 15px;
}
.footer-actions-wrapper .timer-form-action .actions-icon {
  padding: 0 4px;
  text-align: center;
}
.footer-actions-wrapper .timer-form-action .actions-icon .fa-usd-circle {
  margin-right: 9px;
}
.footer-actions-wrapper .footer-actions-line, .footer-actions-wrapper .secondary-content {
  background: #fff;
  border-radius: 0 0 9px 9px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #fafafa;
}
.footer-actions-wrapper .footer-actions-line {
  display: flex;
  border-radius: 6px 0 0 6px;
  z-index: 10;
  position: relative;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  width: 100%;
}
.footer-actions-wrapper .footer-actions-line .minimized-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
.footer-actions-wrapper .footer-actions-line .minimized-content-wrapper.minimized-content-wrapper_active {
  max-width: 790px;
}
@media (max-width: 991px) {
  .footer-actions-wrapper .footer-actions-line .minimized-content-wrapper.minimized-content-wrapper_active {
    max-width: calc(100% - 62px);
  }
}
.footer-actions-wrapper .footer-actions-line .minimized-content-wrapper.minimized-content-wrapper_inactive {
  max-width: 0;
}
.footer-actions-wrapper .footer-actions-line .footer-actions-divider {
  border-left: 1px solid #ccc;
  height: 30px;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper.actions-wrapper_active {
  max-width: 790px;
  transition: max-width 500ms ease-in-out 0ms;
}
@media (max-width: 991px) {
  .footer-actions-wrapper .footer-actions-line .actions-wrapper.actions-wrapper_active {
    max-width: calc(100% - 62px);
  }
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper.actions-wrapper_inactive {
  max-width: 0;
  transition: max-width 400ms ease-in-out 500ms;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper > .footer-actions-divider {
  margin-right: 1px;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper .action-button-wrapper {
  min-width: 30px;
  display: flex;
  align-items: center;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper .action-button-wrapper_show {
  transform: scale(1);
  width: auto;
  min-width: 30px;
  transition: transform 500ms, min-width 500ms, width 500ms;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper .action-button-wrapper_hide {
  transform: scale(0);
  width: 0;
  min-width: 0;
  transition: transform 500ms, min-width 300ms 100ms, width 300ms 100ms;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper .action-content {
  width: 0;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper .action-content_show {
  padding: 0 15px;
  width: auto;
  transition: width 700ms ease-in;
}
.footer-actions-wrapper .footer-actions-line .actions-wrapper .action-content_hide {
  width: 0;
  transition: width 700ms ease-in;
}
.footer-actions-wrapper .actions-icon {
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 2rem;
}
.footer-actions-wrapper .actions-icon.action-icon_main {
  padding: 0 15px;
}
.footer-actions-wrapper .actions-icon.action-icon_main.action-icon_main-alternate {
  position: relative;
}
.footer-actions-wrapper .actions-icon.action-icon_main.action-icon_main-alternate:after {
  position: absolute;
  top: -5px;
  right: 4px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f055";
  margin-top: auto;
  margin-bottom: auto;
}
.footer-actions-wrapper .actions-handler {
  padding: 15px 24px;
  position: relative;
  width: 62px;
  height: 62px;
}
.footer-actions-wrapper .actions-handler .handler-drag-icon {
  display: none;
  position: absolute;
  top: -10px;
  right: 0;
  border-radius: 100%;
  font-size: 14px;
  background: #ffc743;
  width: 24px;
  height: 24px;
  padding-top: 0;
  line-height: 25px;
  text-align: center;
  color: #222;
}
.footer-actions-wrapper .actions-handler .handler-drag-icon.handler-drag-icon_active {
  display: block;
}
.footer-actions-wrapper .actions-handler:hover .handler-drag-icon, .footer-actions-wrapper .actions-handler:focus .handler-drag-icon {
  display: block;
}
.footer-actions-wrapper .timer--action-wrapper {
  max-width: 900px;
  overflow: hidden;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form {
  display: flex;
  align-items: center;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form > div, .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input {
  background: white;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .counter-wrap {
  display: flex;
  min-width: 80px;
  max-width: 200px;
  font-family: var(--default-font-family);
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .counter-wrap .timer-input {
  display: flex;
  align-items: center;
  height: 30px !important;
  border: 1px solid transparent;
  max-width: 100px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .counter-wrap .timer-input.counting-time-input:focus {
  border: 1px solid #7FB1E1;
  border-radius: 4px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .counter-wrap .footer-actions-divider {
  margin-left: 0;
  margin-right: 10px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input {
  height: 1.8rem;
  background: #fff;
  font-size: 1.2em;
  box-shadow: none;
  padding: 5px;
  display: inline-block;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input.timer-input-rate {
  max-width: 150px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container {
  position: relative;
  width: 100%;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container .select2-selection--single .select2-selection__clear {
  height: 32px !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container .timer-input-title {
  top: 0.75px;
  left: 1px;
  position: absolute;
  height: 29px;
  width: calc(100% - 34px);
  box-shadow: none;
  border-width: 0 !important;
  border-left: none;
  border-radius: 0;
  font-size: 1em !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container {
  padding: 0 15px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate {
  max-width: 140px;
  border: 1px solid #ddd;
  font-size: 1em;
  height: 32px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-select-container {
  min-height: 1.875rem !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-select-container .select2.select2-container--default {
  min-height: 1.875rem !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-select-container .select2.select2-container--default .select2-container--focus .select2-selection.select2-selection--single {
  border: 1px solid #ddd;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-select-container .timer-select + span .select2-selection {
  position: relative;
  height: 1.875rem !important;
  min-height: unset !important;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: none;
  padding: 15px 10px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-select-container .timer-select + span .select2-selection .select2-selection__rendered {
  max-width: 370px;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate {
  border-radius: 0.25rem;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container.error,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate.error {
  border-color: rgba(168, 102, 102, 0.8) !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container.error .select2-selection.select2-selection--single,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container.error .timer-input.timer-input-title,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate.error .select2-selection.select2-selection--single,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate.error .timer-input.timer-input-title {
  border: 0 !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container {
  border: 1px solid #ddd !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container .select2-selection.select2-selection--single,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container .timer-input.timer-input-title {
  border: 0 !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container.focus .select2-selection.select2-selection--single,
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container.focus .timer-input.timer-input-title {
  border: 0 !important;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate {
  border-radius: 0.25rem;
  border: 1px solid #ddd;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form #widget-counter .timer-control {
  display: none;
}
.footer-actions-wrapper .timer--action-wrapper .timer-form .timer-actions-mobile {
  display: none;
}
.footer-actions-wrapper .timer--action-wrapper.full-timer--action-wrapper {
  min-width: 700px;
}
.footer-actions-wrapper .timer--action-wrapper.full-timer--action-wrapper .timer-rate-input-container {
  padding: 0 0 0 15px;
}
.footer-actions-wrapper .timer--action-wrapper.min-timer--action-wrapper {
  width: 100%;
  padding: 0 15px;
}
.footer-actions-wrapper .timer--action-wrapper.min-timer--action-wrapper .timer-form > div, .footer-actions-wrapper .timer--action-wrapper.min-timer--action-wrapper .timer-form .timer-input {
  background: white;
  margin-right: 0;
}
.footer-actions-wrapper .timer--action-wrapper.min-timer--action-wrapper .timer-form .counter-wrap {
  min-width: 60px;
}
.footer-actions-wrapper .invoice-form, .footer-actions-wrapper .assign-form {
  max-height: 0;
}
.footer-actions-wrapper .invoice-form form, .footer-actions-wrapper .assign-form form {
  width: 100%;
}
.footer-actions-wrapper .invoice-form .invoice-form-actions, .footer-actions-wrapper .assign-form .invoice-form-actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.footer-actions-wrapper .invoice-form a.sd-btn, .footer-actions-wrapper .assign-form a.sd-btn {
  margin: 0 10px 10px 0;
}
.footer-actions-wrapper .invoice-form a.sd-btn.active-invoice, .footer-actions-wrapper .assign-form a.sd-btn.active-invoice {
  border-color: #48a8f2;
  box-shadow: 0 0 0 3px rgba(72, 168, 242, 0.8);
  -webkit-box-shadow: 0 0 0 3px rgba(72, 168, 242, 0.6);
}
.footer-actions-wrapper .invoice-form a.sd-btn.active-invoice span, .footer-actions-wrapper .assign-form a.sd-btn.active-invoice span {
  color: #48a8f2;
}
.footer-actions-wrapper .assign-form .assign-form-content {
  width: 100%;
  margin-top: 3px;
}
.footer-actions-wrapper .assign-form .assign-form-content .radiobox span.label-text {
  padding-left: 1.7rem;
}
.footer-actions-wrapper .secondary-content {
  position: relative;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
  margin: -3px 50px 0 50px;
}
.footer-actions-wrapper .secondary-content-wrapper_active {
  max-height: 1000px;
  transition: max-height 400ms;
}
.footer-actions-wrapper .secondary-content-wrapper_inactive {
  max-height: 0;
  transition: max-height 400ms;
}
.footer-actions-wrapper .secondary-content-close {
  position: absolute;
  z-index: 101;
  top: 15px;
  right: 10px;
  margin-left: 5px;
  display: inline;
  font-size: 1.2em;
  cursor: pointer;
}
.footer-actions-wrapper textarea {
  resize: none;
  height: 80px !important;
}
.footer-actions-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0.7rem !important;
}
.footer-actions-wrapper .select2-container .select2-selection--single .select2-selection__clear {
  margin-right: 25px !important;
}

/*
@-moz-document url-prefix() {

  .minimized-content-wrapper {
    > .footer-actions-divider {
      width: 15px;
    }
  }
  .footer-actions-wrapper .track-time .fa-play-circle {
    margin-right: 15px !important;
  }

  .footer-actions-wrapper .timer-form-action .resume-tracking .fa-play-circle {
    margin-right: 0 !important;
  }

  .footer-actions-wrapper .timer-form-action .fa-stop-circle {
    margin-right: 15px !important;
  }

  .footer-actions-wrapper .timer-form-action .fa-usd-circle {
    margin-right: 15px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-bottom: 2px !important;
  }
}
*/
/*
 top level
*/
.timer-action-selection-show-more-timers {
  text-align: center;
  padding: 5px;
  color: #09a9f3;
}

.timer-action-selection-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper {
  margin-right: 15px;
  font-size: 30px;
  font-weight: 100;
  max-width: 50px;
  min-width: 50px;
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .default-user-avatar {
  font-size: 20px;
  line-height: 0.9;
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper img,
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .img-responsive {
  max-width: 50px;
  min-width: 50px;
  border-radius: 50%;
  width: 50px;
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .timer-action-selection-icon {
  width: 50px;
  display: block;
  text-align: center;
  padding: 2px 0;
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .timer-action-selection-icon.timer-action-selection-icon-default:after {
  content: "\f017";
  font-family: "Font Awesome 6 Pro";
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .timer-action-selection-icon.timer-action-selection-icon-project:after {
  content: "\f828";
  font-family: "Font Awesome 6 Pro";
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .timer-action-selection-icon.timer-action-selection-icon-task:after {
  content: "\f0ae";
  font-family: "Font Awesome 6 Pro";
}
.timer-action-selection-wrapper .timer-action-selection-icon-wrapper .timer-action-selection-icon.timer-action-selection-icon-client:after {
  content: "\f406";
  font-family: "Font Awesome 6 Pro";
}
.timer-action-selection-wrapper .timer-action-selection-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: column;
  -moz-box-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.timer-action-selection-wrapper .timer-action-selection-status {
  margin-left: auto;
  font-size: 1.5rem;
}
.timer-action-selection-wrapper .timer-action-selection-status img {
  width: 24px;
}

.timer--action-dropdown {
  padding-top: 8px;
  box-sizing: border-box;
  border-color: #dddddd;
  box-shadow: 0px 0px 3.5px rgba(0, 0, 0, 0.048), 0px 0px 8.4px rgba(0, 0, 0, 0.069), 0px 0px 15.8px rgba(0, 0, 0, 0.085), 0px 0px 28.1px rgba(0, 0, 0, 0.101), 0px 0px 52.6px rgba(0, 0, 0, 0.122), 0px 0px 126px rgba(0, 0, 0, 0.17);
  /*
  * Scroll style
  */
  /*
  * Search style
  */
}
.timer--action-dropdown .select2-results__option {
  padding: 8px !important;
  margin-bottom: 3px !important;
}
.timer--action-dropdown .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: rgba(153, 153, 153, 0.6) rgba(153, 153, 153, 0);
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar {
  background: transparent;
  width: 12px;
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar:disabled {
  background: transparent;
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar-track {
  width: 10px;
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.6);
  border: 3px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: rgba(153, 153, 153, 0.75);
  border: 2px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar-thumb:active {
  background: rgba(153, 153, 153, 0.9);
  border: 2px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}
.timer--action-dropdown .select2-results__options::-webkit-scrollbar-thumb:window-inactive {
  background: transparent;
}
.timer--action-dropdown .select2-search--dropdown {
  position: relative;
  padding: 0 8px;
  margin-bottom: 15px;
}
.timer--action-dropdown .select2-search--dropdown:before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  top: 6px;
  position: absolute;
  font-size: 18px;
  left: 12px;
  color: #aaa;
}
.timer--action-dropdown .select2-search--dropdown::before {
  height: 18px;
  top: 50%;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0, -50%);
}
.timer--action-dropdown .select2-search--dropdown .select2-search__field {
  padding-left: 35px;
  border-radius: 25px;
  border-color: #dddddd;
}
.timer--action-dropdown .select2-search--dropdown .select2-search__field {
  border-color: #dddddd;
}
.timer--action-dropdown .select2-results__option {
  padding: 0 8px;
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .footer-actions-wrapper .footer-actions-line .actions-wrapper.actions-wrapper_active {
    max-width: calc(100% - 62px);
  }
}
.custom-fields-modal-body {
  overflow: hidden;
}
.custom-fields-modal-body .custom-fields-filter-form {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.manage-keys .card,
.manage-keys .card-body .card {
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.manage-keys .card-body {
  padding: 0;
}

.manage-keys .card__header {
  padding: 5px;
}

.manage-keys .card__header.sticky {
  position: sticky;
  top: 0;
  left: 50%;
  background-color: #fff;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  z-index: 999;
}

.manage-keys .card__list {
  padding: 5px;
}

.manage-keys .search-input-container {
  position: relative;
  padding: 0;
}

.manage-keys .search-input-container input {
  padding-left: 55px;
  height: 32px !important;
  border: 1px solid #cccccc;
  box-shadow: none;
  border-radius: 50px;
  color: #333333;
  font-size: 14px;
}

.manage-keys .search-input-container .search-input-container__icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translate(0, -50%);
}

.manage-keys .search-input-container .search-input-container__icon,
.manage-keys .search-input-container .search-input-container__icon svg {
  width: 20px;
  height: 20px;
}

.manage-keys .card__header-create-new-accaunt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 0;
  margin-left: 0;
  margin-top: 20px;
  padding-right: 12px;
}

.manage-keys .card-body__create-button-block a.sd-btn {
  margin: 0;
  padding: 6px 9px;
  border: 1px solid #cccccc;
}

.manage-keys .card-body__create-button-block a.sd-btn span {
  padding: 0;
  font-size: 12px;
  color: #333333;
}

.manage-keys .card-body__create-button-block a.sd-btn .fa-plus {
  color: #333333;
}

.card__header-refund-btn {
  margin-left: 20px;
}

.manage-keys .card__list .card-body {
  padding: 12px;
}

.manage-keys .card-body__top {
  align-items: center;
}

.manage-keys .card-body__top .checkbox {
  padding: 0;
}

.manage-keys .card-body .ng-binding,
.manage-keys .card-body__top .card-body__copy-btn-block,
.manage-keys .card-body__top .card-body__refund-btn {
  margin-top: 0 !important;
  margin-bottom: 0;
}

.manage-keys .card-body__top .ng-binding {
  margin-right: 12px;
}

.manage-keys .card-body__top .card-body__copy-btn-block .fa-copy::before {
  color: #333333;
}

.manage-keys .card-body .card-body__inner-wrap {
  display: flex;
  align-items: center;
}

.manage-keys .card-body__top .checkbox .label-text {
  padding-left: 30px;
}
.manage-keys .card-body__top .checkbox .label-text::after {
  background-color: #fff;
  border: 1px solid #cccccc;
}

.manage-keys .checkbox input[type=checkbox]:checked + span.label-text::after {
  content: "";
  background-color: #fff;
  border: 1px solid #cccccc;
}

.manage-keys .checkbox input[type=checkbox]:checked + span.label-text::before {
  content: "";
  position: absolute;
  display: block;
  left: 7px;
  top: -4px;
  width: 9px;
  height: 20px;
  background-color: transparent;
  border: 3px solid #333333;
  border-left: none;
  border-top: none;
  border-radius: 2px;
  transform: rotate(45deg) skew(7deg, 8deg);
  z-index: 100;
}

.manage-keys .purchased {
  margin-top: 16px;
}

@media (min-width: 576px) {
  .manage-keys .card__header,
  .manage-keys .card__list {
    padding: 20px;
  }
  .manage-keys .search-input-container input {
    height: 38px !important;
  }
  .manage-keys .card__header .card-body__create-button-block a.sd-btn {
    margin: 0;
    padding: 6px 15px;
  }
  .manage-keys .card-body .card-body__create-button-block a.sd-btn span {
    font-size: 14px;
  }
  .manage-keys .card-body__top .ng-binding {
    margin-right: 16px;
  }
}
body.lifetime-pages .main-wrapper {
  margin: 0;
  padding: 0;
  padding-top: 30px;
}

body.lifetime-pages .lifetime__img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

body.lifetime-page-index .lifetime__img-wrap img {
  width: 80%;
}

body.lifetime-page-index .lifetime-tabs {
  display: flex;
  flex-wrap: wrap;
}

body.lifetime-page-index .lifetime-tabs .tab {
  flex: 0 0 50%;
  padding: 0;
}

body.lifetime-pages .lifetime-description {
  margin: 30px 0;
}

body.lifetime-pages .lifetime-description p {
  font-size: 16px;
}

body.lifetime-pages .lifetime-description h2 {
  font-size: 18px;
}

body.lifetime-pages .lifetime-description h3 {
  font-size: 20px;
}

body.lifetime-page-index .lifetime__email-input-block label.section-title {
  margin-bottom: 8px;
  font-size: 14px;
}

body.lifetime-pages .lifetime__email-input-block {
  position: relative;
}

body.lifetime-pages .lifetime__email-input-block input[type=text] {
  border: 1px solid #cccccc !important;
  box-shadow: none;
}

body.lifetime-pages .appsumo-container .best-email-address .ltd-owner-email-control {
  position: absolute;
  right: 30px;
  top: 0;
  margin: 0;
}

body.lifetime-page-index .suitekeys-number {
  margin: 0;
  padding: 0;
}

body.lifetime-page-index .suitekeys-number__wrap {
  padding: 0;
}

body.lifetime-page-index .suitekeys-number__wrap .section-title {
  font-size: 17px;
}

body.lifetime-page-index .redeem-code-links.full-width a.suitekeys-number__item,
.lifetime-page-redeem .appsumo-container .redeem-code-links .redeem-code {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 18px;
  border: 2px solid #1DBCBD !important;
  border-radius: 50%;
}

body.lifetime-page-index .form-oscar,
body.lifetime-page-dashboard .form-oscar {
  padding-top: 30px;
  border-top: 1px solid #cccccc;
}

body.lifetime-pages .form-oscar .sk-owner-dash-text-h2 {
  margin-bottom: 20px;
}

body.lifetime-page-index .form-oscar button[type=submit] {
  display: block;
  margin: 25px auto;
}

body.lifetime-page-index .form-oscar .purchasing {
  text-align: center;
}

body.lifetime-page-index .form-oscar .lifetime-summary-title span {
  display: block;
}

body.lifetime-page-index .form-oscar .lifetime-summary {
  font-size: 40px;
}

body.lifetime-pages .bottom-links__container {
  margin-top: 30px;
  padding: 20px 0 40px;
  border-top: 1px solid #cccccc;
}

body.lifetime-pages .bottom-links {
  display: grid;
  grid-template-columns: 45% 45%;
  grid-column-gap: 10%;
  padding: 0;
}

body.lifetime-pages .bottom-links a {
  margin: 0;
}

body.lifetime-pages .bottom-links a:first-child {
  justify-self: end;
}

body.lifetime-page-index #card-form-content {
  margin-top: 30px;
}

body.lifetime-page-index #card-form-content .payment-title-row {
  margin-bottom: 15px;
}

body.lifetime-page-index .card-wrapper-container {
  margin-bottom: 20px;
}

body.lifetime-page-index #cardForm .form-card-row--card-credentials {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
}

body.lifetime-page-index #cardForm .form-group--card--number {
  margin-bottom: 12px !important;
  padding: 5px;
  background-color: #edf2f7;
  border: 1px solid #dee3e8;
  border-radius: 5px;
}

body.lifetime-page-index #cardForm .form-card-row--exp-cvc {
  display: flex;
}

body.lifetime-page-index #cardForm .payment-exp-date {
  width: 60%;
}

body.lifetime-page-index #cardForm .form-group--cvc {
  width: 40%;
}

body.lifetime-page-index .finalize-buttons-container {
  padding: 0;
}

body.lifetime-page-index .appsumo-container .finalize-buttons-container button.btn-finalize,
body.lifetime-page-index .appsumo-container .finalize-buttons-container button.btn-back {
  margin: 0;
  margin-bottom: 25px;
}

.lifetime-pages h1.greetings__title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 50px;
  font-family: Caveat, sans-serif !important;
  color: #ED1164 !important;
}

.lifetime-page-redeem .ltd-dashboard-helper {
  border: 1px solid #cccccc;
}

@media (min-width: 560px) {
  body.lifetime-page-index .redeem-code-links.full-width a.suitekeys-number__item,
  .lifetime-page-redeem .appsumo-container .redeem-code-links .redeem-code {
    width: 43px;
    height: 43px;
    font-size: 23px;
    border: 2px solid #1DBCBD !important;
  }
}
@media (min-width: 768px) {
  body.lifetime-pages .lifetime-description {
    margin: 40px 0;
  }
  body.lifetime-pages .lifetime-description p {
    font-size: 20px;
  }
  body.lifetime-pages .lifetime-description h2 {
    font-size: 22px;
  }
  body.lifetime-pages .lifetime-description h3 {
    font-size: 28px;
  }
  body.lifetime-page-index .lifetime__email-input-block label.section-title {
    margin-bottom: 10px;
    font-size: 18px;
  }
  body.lifetime-page-index .form-oscar .lifetime-summary {
    font-size: 57px;
  }
  body.lifetime-page-index #cardForm .form-card-row--card-credentials {
    display: flex;
    margin-bottom: 12px !important;
    padding: 5px;
    background-color: #edf2f7;
    border: 1px solid #dee3e8;
    border-radius: 5px;
  }
  body.lifetime-page-index #cardForm .form-group--card--number,
  body.lifetime-page-index #cardForm .form-card-row--exp-cvc {
    margin: 0 !important;
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
  }
  body.lifetime-page-index #cardForm .form-group--card--number {
    flex: 0 0 50%;
  }
  body.lifetime-page-index .finalize-buttons-container {
    margin: 0 auto;
    width: 70%;
  }
  .lifetime-pages h1.greetings__title {
    margin-bottom: 40px;
    font-size: 70px;
  }
  body.lifetime-pages .bottom-links__container {
    display: flex;
    justify-content: center;
  }
  body.lifetime-pages .bottom-links {
    display: flex;
    grid-column-gap: unset;
  }
  body.lifetime-pages .appsumo-container .bottom-links__container .bottom-links {
    padding: 0;
  }
  body.lifetime-pages .appsumo-container .bottom-links__container .bottom-links a {
    margin: 0 30px;
  }
  body.lifetime-page-dashboard .lifetime__email-input-block {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  body.lifetime-pages .appsumo-container .best-email-address .ltd-owner-email-control {
    position: static;
    right: unset;
    top: unset;
    margin-left: 30px;
    margin-top: 20px;
  }
}
.community-template-filters {
  position: relative;
  display: flex;
  flex-direction: column;
}
.community-template-filters__left {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  padding-right: 80px;
}
.community-template-filters__right {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  column-gap: 10px;
  flex-wrap: wrap;
  position: relative;
}
@media (min-width: 1200px) {
  .community-template-filters__right {
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 10px;
  }
}
.community-template-filters__right .community-template-button-search,
.community-template-filters__right .community-template-button-redeem,
.community-template-filters__right .community-template-button-sharekey {
  font-size: 1.25rem;
}
.community-template-filters__right .community-template-button-redeem,
.community-template-filters__right .community-template-button-sharekey {
  position: absolute;
  top: -45px;
}
@media (min-width: 1200px) {
  .community-template-filters__right .community-template-button-redeem,
  .community-template-filters__right .community-template-button-sharekey {
    position: initial;
  }
}
.community-template-filters__right .community-template-button-redeem {
  right: 40px;
}
.community-template-filters__right .community-template-button-sharekey {
  right: 0;
}
.community-template-filters__right .community-template-button-search {
  display: none;
}
@media (min-width: 1200px) {
  .community-template-filters__right .community-template-button-search {
    display: inline-flex;
  }
}
.community-template-filters__right .community-template-search {
  width: 100%;
}
.community-template-filters__right .community-template-search.collapse {
  display: block;
}
@media (min-width: 1200px) {
  .community-template-filters__right .community-template-search.collapse {
    display: none;
  }
  .community-template-filters__right .community-template-search.collapse.show {
    display: block;
  }
}
@media (min-width: 1200px) {
  .community-template-filters__right .community-template-search {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
  }
}
.community-template-filters__right .community-template-search .search-input {
  width: 100%;
  padding-right: 30px;
}
.community-template-filters__right .community-template-search .community-template-search__close {
  display: none;
}
@media (min-width: 1200px) {
  .community-template-filters__right .community-template-search .community-template-search__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 42px;
    height: 42px;
    right: 0;
    top: 0;
    z-index: 101;
  }
}
.community-template-filters__right .community-template-search .community-template-search__close i {
  font-size: 1rem;
}
.community-template-filters__right .has-search {
  width: 100%;
}
.community-template-filters__right .has-search .form-control {
  display: block;
  width: 100%;
  padding-left: 40px;
  box-sizing: border-box;
}
.community-template-filters__right .has-search .fa-search {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translate(0, -50%);
}
.community-template-filters__right .has-search .fa-search::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.community-template-filters__right .form-group {
  margin-bottom: 0;
}
.community-template-filters__btns-block {
  display: flex;
  flex-direction: column;
  column-gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 768px) {
  .community-template-filters__btns-block {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    row-gap: 0.33%;
  }
}
.community-template-filters__btns-block .template-library-filter-selectors {
  width: 100%;
  margin-top: 0.5rem;
}
@media (min-width: 1200px) {
  .community-template-filters__btns-block .template-library-filter-selectors {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .community-template-filters__btns-block:not(.hide-type) .template-library-filter-selectors {
    max-width: 33%;
  }
}
@media (min-width: 768px) {
  .community-template-filters__btns-block.hide-type .template-library-filter-selectors {
    max-width: 50%;
  }
}

.reminders-settings__reminders-list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.reminders-settings__btn {
  top: 106px;
}

.reminders-settings {
  display: block;
}
.reminders-settings.RightBar {
  width: 645px;
  max-width: unset;
  overflow: hidden;
  z-index: 99999999999;
}
.reminders-settings.RightBar .RightBar__body {
  overflow: hidden;
}
@media (max-width: 767px) {
  .reminders-settings.RightBar {
    width: 100%;
  }
}
.reminders-settings .RightBar__content {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.reminders-settings__save-ribbon {
  position: relative;
  padding: 7px 7px 7px 48px;
  height: 30px;
  font-size: 10px;
  color: #888;
  background-color: #fafafa;
  cursor: pointer;
}

.reminders-settings__save-icon {
  display: block;
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translate(0, -50%);
}

.reminders-settings__save-icon,
.reminders-settings__save-icon svg {
  width: 16px;
  height: 16px;
}

.reminders-settings__save-icon svg {
  fill: #888888;
}

.reminders-settings__forms-block {
  padding: 19px 17px 30px 24px;
}

#crm-actions-for-tabs .reminders-settings__forms-block {
  padding: 19px 0 30px;
}
#crm-actions-for-tabs .reminders-settings__forms-block .reminders-settings__reminder-item {
  display: flex;
}

.event-info-in-calendar .reminders-settings__forms-block,
.crm-events-add-event-form .reminders-settings__forms-block {
  padding: 0;
}

.reminders-settings__forms-block h3 {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 500;
}

.reminder-settings__checkbox-block {
  margin-bottom: 20px;
}

.reminder-settings__checkbox-block label {
  margin-bottom: 0;
}

reminder-outlook-item.reminders-settings__reminder-item > div,
reminder-item.reminders-settings__reminder-item > div {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 43px;
  margin-bottom: 20px;
}

reminder-item.reminders-settings__reminder-item .reminder-item-wrap {
  column-gap: 10px;
}

reminder-item.reminders-settings__reminder-item > div {
  margin-bottom: 0;
}

reminder-outlook-item.reminders-settings__reminder-item > div {
  flex-wrap: wrap;
}

.reminder-settings__item-no-action,
.reminder-settings__item-close {
  position: absolute;
  left: -14px;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 18px;
  height: 12px;
  border: none;
  transform: translate(-100%, -50%);
}

.reminder-settings__item-close .btn-close-element {
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
}

.reminder-settings__item-close .btn-close-element::before,
.reminder-settings__item-close .btn-close-element::after {
  left: 5px;
  top: -1px;
  width: 2px;
  height: 14px;
}

.reminders-settings__forms-block .form-control {
  width: unset;
  height: 35px !important;
  min-height: 35px !important;
  color: inherit;
  background-color: #F1F3F4 !important;
  border: none;
  box-shadow: none;
}

.reminders-settings__forms-block .reminders-settings__reminder-type-input ~ .select2.select2-container.select2-container--default {
  flex-shrink: 0;
  width: 134px !important;
  height: 35px;
  min-height: 35px !important;
}

.reminders-settings__forms-block .reminders-settings__reminder-time-input ~ .select2.select2-container.select2-container--default {
  width: 105px !important;
}

.reminders-settings__forms-block reminder-outlook-item.reminders-settings__reminder-item .reminders-settings__email-notifications .select2.select2-container.select2-container--default,
.reminders-settings__forms-block reminder-outlook-item.reminders-settings__reminder-item .reminders-settings__email-notifications .reminders-settings__email-notifications-week-options {
  width: 100% !important;
  min-height: 35px;
}

.reminders-settings__forms-block reminder-outlook-item.reminders-settings__reminder-item .reminders-settings__email-notifications span.select2.select2-container.select2-container--default {
  margin-bottom: 12px;
}

.reminders-settings__forms-block .select2-selection.select2-selection--single {
  height: 35px !important;
  background-color: #F1F3F4 !important;
  border: none !important;
  box-shadow: none !important;
}

.reminders-settings__separator-before {
  white-space: nowrap;
}

.reminders-settings__forms-block .uib-timepicker tr {
  display: flex;
}

.reminders-settings__forms-block .uib-timepicker .uib-separator {
  display: flex;
  align-items: center;
}

.reminders-settings__forms-block .form-group.hours,
.reminders-settings__forms-block .form-group.minutes {
  display: block;
  margin-bottom: 0;
}

.reminders-settings__forms-block .form-group.hours input,
.reminders-settings__forms-block .form-group.minutes input {
  margin: 0 !important;
  width: 45px;
}

.reminders-settings__forms-block .uib-time.am-pm {
  margin-left: 5px;
}

.reminders-settings__forms-block .uib-time.am-pm button {
  padding: 10px 13px !important;
  height: 35px;
  min-width: unset;
  border-radius: 4px !important;
  border: none;
}

.reminders-settings__forms-block .reminders-settings__reminder-type-input {
  text-transform: capitalize;
}

.reminders-settings__forms-block input[name="interval[]"] {
  max-width: 50px;
  padding: 6px 10px;
}

.reminder-settings__add-btn {
  align-self: flex-start;
  margin-left: 43px;
}
.reminder-settings__add-btn svg {
  width: 14px;
  height: 14px;
  fill: #555;
}

.reminder-settings__bottom-btn .fal {
  position: relative;
  margin-right: 5px;
  padding: 0;
  width: 13px;
  height: 13px;
}
.reminder-settings__bottom-btn .fal::before {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 13px;
  height: 13px;
  font-size: 13px;
  transform: translate(0, -50%);
}

.popup-select-slot-form__btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 20px;
}

.reminders-settings__email-notifications-day-number {
  margin-top: 18px;
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  align-items: center;
}

.reminders-settings__forms-block .reminders-settings__email-notifications-day-number .form-control {
  margin-right: 14px;
  width: 68px;
  height: 43px !important;
}

.reminders-settings__email-notifications-day-number .reminders-settings__clarification {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  color: #333;
  line-height: 1.6;
}

.reminders-settings__email-notifications-day-number .reminders-settings__clarification .reminders-settings__clarification-small {
  font-size: 11px;
  font-weight: 300;
  color: #555;
}

.reminders-settings__forms-block .reminders-settings__email-notifications .timepicker {
  margin-left: 0;
  margin-top: 20px;
}

body.sd-dark-mode .reminders-settings__save-ribbon {
  color: #fff;
  background-color: #313345;
}

body.sd-dark-mode .reminders-settings__save-icon svg {
  fill: #fff;
}

body.sd-dark-mode .reminders-settings__forms-block .uib-time.am-pm button {
  background-color: #5B5F70 !important;
}

@media (max-width: 620px) {
  .reminder-settings__checkbox-block .sd-switchery-wrapper {
    flex-direction: row !important;
    align-items: center;
    gap: 0.5rem;
    margin-top: 10px;
  }
  .reminder-settings__checkbox-block .sd-switchery-wrapper .switchery.switchery-small + label {
    margin: 0;
  }
  .reminders-settings__reminder-item .reminder-settings__item-no-action,
  .reminders-settings__reminder-item .reminder-settings__item-close {
    top: 11px;
    left: auto;
    right: 0;
    transform: none;
  }
  .reminders-settings {
    max-width: 100%;
  }
  .reminders-settings__reminder-item .reminder-item-wrap {
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 6px !important;
    margin-left: 1rem;
    padding-right: 20px;
  }
  reminder-outlook-item.reminders-settings__reminder-item > div {
    margin-left: 1rem;
  }
  .reminder-settings__item-close {
    top: 11px;
    left: -4px;
    transform: translate(-100%, 0);
  }
  .reminders-settings__separator-before {
    font-size: 12px;
  }
  .reminder-settings__add-btn {
    margin-left: 1rem;
  }
  .reminder-settings__add-btn-text {
    display: none;
  }
  .reminder-settings__bottom-btn .fal {
    margin: 0;
  }
  .reminders-settings__email-notifications-day-number {
    margin-bottom: 18px;
  }
}
.reminders-settings__reminder-item .reminder-item-wrap button svg {
  width: 12px;
  height: 12px;
  fill: #333;
}
.reminders-settings__reminder-item .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 0.3125rem;
}

@media (max-width: 374px) {
  .reminders-settings__forms-block {
    padding: 19px 15px 30px 20px;
  }
  .reminders-settings__forms-block select.form-control,
  .reminders-settings__forms-block .form-control {
    padding: 4px 6px !important;
    height: 30px !important;
    font-size: 10px;
    font-weight: 600 !important;
  }
}
.noUi-value noUi-value-horizontal noUi-value-large {
  margin-top: 0.4375rem !important;
}

.noui-pips-horizontal {
  padding: 7px 0 !important;
}

.appointment-type__top-content {
  display: flex;
  align-items: center;
  margin: 0;
}

.appointment-type__top-content .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 80%;
}

.appointment-type__top-content .form-group label[for=CrmContacts_email] {
  margin-right: 20px;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  text-transform: uppercase;
}

.appointment-type__contact-dropdown {
  flex-grow: 1;
}

.appointment-type__btn {
  display: block;
  margin-right: 0;
  margin-left: auto;
  padding: 3px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 15px;
}

.appointment-type__list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
@media (max-width: 560px) {
  .appointment-type__list {
    row-gap: 1.5rem;
  }
}
.appointment-type__list:first-child {
  padding-top: 0;
}
.appointment-type__list.active {
  row-gap: 0;
  overflow: visible !important;
  padding-right: 0;
}
.appointment-type__list.active .ps__scrollbar-x-rail,
.appointment-type__list.active .ps__scrollbar-y-rail {
  display: none;
}
.appointment-type__list .appointment-type__block {
  border: 1px solid #eee;
  border-radius: 10px;
  transition: border-left 0.3s, border-right 0.3s, box-shadow 0.3s;
  margin-right: 20px;
}
.appointment-type__list .appointment-type__block:hover {
  border-left: 6px solid #ddd;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.04);
}
@media (max-width: 560px) {
  .appointment-type__list .appointment-type__block:hover {
    border-right: 6px solid #ddd;
  }
}
@media (max-width: 560px) {
  .appointment-type__list .appointment-type__block {
    box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.04);
    border-left: 6px solid #ddd;
    border-right: 6px solid #ddd;
  }
}

.appointment-type__item {
  padding-left: 0;
  cursor: pointer;
}

.appointment-type__block {
  position: relative;
  padding-top: 38px;
  padding-bottom: 32px;
  padding-left: 165px;
  padding-right: 38px;
  border-radius: 0.4375rem;
  border: 3px solid #1FA0E8;
}

.appointment-type__item:active .appointment-type__block,
.appointment-type__item.active .appointment-type__block {
  border: 3px solid #1FA0E8;
}

.appointment-type__info {
  display: flex;
  flex-direction: column;
  text-align: left;
  color: #333333;
  line-height: 1;
}

.appointment-type__staff-avatar {
  position: absolute;
  left: 20px;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 104px;
  border-radius: 100%;
  border: 8px solid #dddddd;
  transform: translate(0, -50%);
  z-index: 90;
  overflow: hidden;
  box-sizing: content-box;
}

.appointment-type__staff-avatar img {
  display: block;
  width: 100%;
}

.appointment-type__staff-avatar svg {
  width: 110px;
  height: 110px;
  max-width: unset;
}

.appointment-type__staff-avatar svg .contact-avatar-bg {
  width: 120%;
  height: 120%;
  transform: translate(-10%, -10%);
}

.appointment-type__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 19px;
}

.appointment-type__staff-name {
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 400;
}

.appointment-type__description {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.5;
}
.appointment-type__description a {
  text-decoration: underline;
}

.appointment-type__duration {
  font-size: 12px;
  color: #1FA0E8;
  font-weight: 700;
  text-transform: uppercase;
}

.appointment-type__item {
  display: block !important;
  height: auto;
  overflow: visible;
  opacity: 1;
  visibility: visible;
  transition: height 0.75s, opacity 0.75s ease-in-out;
  -moz-transition: height 0.75s, opacity 0.75s ease-in-out;
  -webkit-transition: height 0.75s, opacity 0.75s ease-in-out;
}
@media (max-width: 560px) {
  .appointment-type__item {
    padding-top: 20px;
  }
}

.appointment-date-schedule-container.hidden,
.appointment-type__item.hidden {
  display: block !important;
  padding: 0;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.appointment-type__item.hidden .appointment-type__staff-avatar {
  display: none;
}

.appointment-type__item.hidden .appointment-type__block {
  border: none;
}

.appointment-type__duration span {
  text-transform: none;
}

@media (max-width: 560px) {
  .appointment-type__list {
    max-height: 100%;
    padding-right: 0;
    overflow: visible !important;
  }
  .appointment-type__top-content {
    flex-wrap: wrap;
    padding-left: 0;
  }
  .appointment-type__btn {
    order: 0;
    margin-bottom: 20px;
  }
  .appointment-type__top-content .form-group {
    order: 1;
    width: 100%;
  }
  .appointment-type__item {
    padding-left: 0;
  }
  .appointment-type__block {
    padding: 22px;
    padding-top: 80px;
  }
  .appointment-type__staff-avatar {
    top: -20px;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 650px) {
  .modal-include-wrapper .form.fluid.appointment-booking {
    max-width: unset;
  }
  .appointment-booking .sd-info-badge {
    padding: 12px !important;
  }
  .appointment-booking__row {
    flex-wrap: nowrap;
    margin: 0;
    margin-bottom: 10px;
  }
  .appointment-booking__row .col-12 {
    padding: 0;
    flex: unset;
    width: unset;
    text-align: left !important;
  }
  .appointment-booking__row .col-md-4 {
    margin-right: 10px;
    white-space: nowrap;
  }
  .appointment-type__top-content .appointment-type__contact {
    flex-direction: column;
    align-items: flex-start;
  }
  .appointment-type__top-content .appointment-type__contact-dropdown {
    max-width: 100%;
  }
}
.appointment-modal-title {
  position: relative;
  gap: 0.4rem;
}
.appointment-modal-title .sd-cal-indicator {
  margin-left: -4px;
  margin-top: -4px;
}
.appointment-modal-title .appointment-modal-title__content {
  display: flex;
  gap: 0.5rem;
}
.appointment-modal-title .appointment-modal-title__content.passed {
  text-decoration: line-through;
}

.fc-title .appointment-modal-title {
  align-items: flex-start !important;
}
.fc-title .appointment-modal-title .appointment-modal-title__content {
  flex-direction: column;
  max-width: calc(100% - 28px);
}
.fc-title .appointment-modal-title .appointment-modal-title__content .appointment-modal-title__time {
  white-space: pre-wrap;
  font-weight: 600;
}

.appointment-booking .appointment-type__block {
  border: 3px solid #555;
}

.set-appointment-form {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  padding: 0 17px 10px 17px;
}
.set-appointment-form .reminders-settings__forms-block {
  padding: 0;
}
.set-appointment-form .reminders-settings__forms-block .reminder-settings__checkbox-block {
  margin-bottom: 0;
}
.set-appointment-form .SetSlotAppointmentForm__block + .SetSlotAppointmentForm__block .reminders-settings__forms-block {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .sidebar-menu-mobile-none {
    display: none;
  }
}
.appointment-schedule-page .appointment-schedule-pagination {
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
}

.appointment-schedule-pagination__month h3 {
  margin-bottom: 0;
  white-space: nowrap;
}

.appointment-schedule-pagination__previous,
.appointment-schedule-pagination__next {
  position: relative;
  flex-wrap: nowrap;
  padding: 0;
}
.appointment-schedule-pagination__previous .appointment-schedule-pagination-button,
.appointment-schedule-pagination__next .appointment-schedule-pagination-button {
  display: flex;
  align-items: center;
  line-height: 1;
}

.appointment-schedule-pagination__previous {
  padding-left: 18px;
}

.appointment-schedule-pagination__next {
  padding-right: 18px;
}

.appointment-schedule-pagination__arrow {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translate(0, -50%);
}
.appointment-schedule-pagination__arrow::before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border: 3px solid #555;
  border-radius: 2px;
  background-color: transparent;
  transform: rotate(45deg);
}

.appointment-schedule-pagination__arrow--back {
  left: 0;
}
.appointment-schedule-pagination__arrow--back::before {
  left: 2px;
  border-top: none;
  border-right: none;
}

.appointment-schedule-pagination__arrow--forward {
  right: 0;
}
.appointment-schedule-pagination__arrow--forward::before {
  right: 1px;
  border-left: none;
  border-bottom: none;
}

@media (max-width: 767px) {
  .appointment-schedule-pagination__previous,
  .appointment-schedule-pagination__next {
    font-size: 12px;
  }
  .appointment-schedule-pagination__month h3 {
    font-size: 16px;
  }
}
.book-me-layout .columns-form-wrap {
  flex-grow: 1;
}
.book-me-layout .columns-form-wrap .container-fluid {
  flex-grow: 1;
}
.book-me-layout .columns-form-wrap .container-fluid .widget-holder {
  flex-grow: 1;
}

.book-me {
  position: relative;
  color: #333;
}
.book-me .book-me__container {
  gap: 5%;
  padding: 285px 60px 60px;
  max-width: 100%;
}
.book-me .book-me__background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.book-me .book-me__background .book-me__background-top {
  height: 340px;
}
.book-me .book-me__title {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 7px;
  font-weight: 700;
  font-size: 20px;
  color: #333;
}
.book-me .book-me__title::after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FB5C1A;
}
.book-me .book-me__block-with-decor {
  position: relative;
}
.book-me .book-me__block-with-decor::after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FB5C1A;
}
.book-me .personal-block__name {
  margin-bottom: 0;
}
.book-me .book-me__text {
  margin-bottom: 0;
  font-size: 12px;
}

.book-me__main-content {
  flex: 1 1 auto;
  gap: 27px;
  max-width: 1067px;
}
.book-me__main-content .about-me,
.book-me__main-content .book-me-content {
  padding: 26px 46px 46px;
  background-color: #fff;
  border-radius: 35px;
}
.book-me__main-content .about-me {
  padding-bottom: 34px;
}

.personal-block {
  position: relative;
  flex: 0 0 auto;
  width: 250px;
  max-width: 250px;
}
.personal-block .personal-block__avatar {
  position: absolute;
  left: 50%;
  top: -125px;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  border: 5px solid #fff;
  transform: translate(-50%, 0);
  background-image: url("../img/book-me-ava.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.personal-block .personal-block__details-wrap {
  gap: 1rem;
  padding: 77px 24px 48px;
  background-color: #fff;
  border-radius: 35px;
}
.personal-block .personal-block__position {
  font-size: 17px;
}
.personal-block .personal-block__btn {
  text-transform: uppercase;
}

.book-me__appointment-options {
  margin-top: 27px;
}

.book-me__appointment-options-list {
  gap: 4%;
}

.book-me__appointment-options-item {
  width: 48%;
  max-width: 48%;
}

.book-me-appointment {
  gap: 2%;
  max-width: 100%;
}

.book-me-timeZone {
  flex: 1 1 auto;
}

.book-me-timeZone__select-block {
  gap: 10px;
  flex-wrap: wrap;
}
.book-me-timeZone__select-block select {
  flex: 1 1 auto;
  margin-left: auto;
  height: 42px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #eee;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.book-me-timeZone__label {
  flex: 0 0 auto;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.book-me-timeZone__time-table {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 9px;
  margin: 25px 0 0;
  padding: 0 1rem;
}
.book-me-timeZone__time-table .book-me-timeZone__time-table-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  width: 32%;
  min-width: 100px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.book-me-appointment__details {
  font-size: 23px;
}
.book-me-appointment__details .book-me__title {
  margin-bottom: 12px;
  padding-bottom: 0;
  font-size: 23px;
}
.book-me-appointment__details .book-me__title::after {
  display: none;
}

.book-me-appointment-submit-btn {
  display: block;
  margin: 50px auto 0;
  height: 47px;
  color: #ffffff;
  background-color: #FB5C1A !important;
}

.book-me-calendar.calendar {
  min-width: 342px;
  max-width: 445px;
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow: hidden;
}
.book-me-calendar.calendar .calendar__title {
  padding: 12px 0;
  text-align: center;
}
.book-me-calendar.calendar .calendar__title h3 {
  line-height: 1;
}
.book-me-calendar.calendar .calendar__pagination-icon {
  padding: 6px 20px;
}
.book-me-calendar.calendar .calendar__pagination-icon svg {
  width: 20px;
  height: 20px;
}
.book-me-calendar.calendar .calendar__week-days {
  padding: 0 20px;
}
.book-me-calendar.calendar .calendar__week-days span {
  padding: 10px 16px;
  font-weight: 600;
}
.book-me-calendar.calendar .calendar__days {
  padding: 0 20px 20px;
}
.book-me-calendar.calendar .calendar__days {
  gap: 1px;
}
.book-me-calendar.calendar .calendar__days span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background-color: #ccc;
  width: 14%;
  min-width: 42px;
}

.book-me-confirmation-modal-body-inner-wrap .img-wrap {
  width: 250px;
  height: 200px;
  background-image: url("../img/green-tick.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(30px, 0);
}
.book-me-confirmation-modal-body-inner-wrap .book-me__title::after {
  display: none;
}

@media (max-width: 1200px) {
  .book-me .book-me__container {
    flex-direction: column;
    row-gap: 2rem;
    padding: 1rem;
  }
  .book-me .book-me__background .book-me__background-top {
    height: 340px;
  }
  .book-me__main-content {
    max-width: 100%;
  }
  .personal-block {
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
  }
  .personal-block .personal-block__avatar {
    flex: 0 0 auto;
    position: relative;
    top: unset;
    left: unset;
    width: 120px;
    height: 120px;
    transform: none;
    z-index: 5;
  }
  .personal-block .personal-block__details-wrap {
    position: relative;
    padding: 1rem 2rem 1rem 76px;
    margin-left: -60px;
    z-index: 1;
  }
}
@media (max-width: 768px) {
  .book-me__main-content .about-me,
  .book-me__main-content .book-me-content {
    padding: 1.5rem;
  }
  .book-me__appointment-options-list {
    flex-direction: column;
    row-gap: 1rem;
  }
  .book-me__appointment-options-item {
    width: 100%;
    max-width: 100%;
  }
  .book-me-appointment {
    flex-direction: column;
    align-items: center !important;
    row-gap: 2rem;
  }
}
.appointment-card {
  border-radius: 5px;
  border: 2px solid #D0EBED;
}
.appointment-card .appointment-card__content {
  gap: 24px;
  position: relative;
  padding: 12px;
}
.appointment-card .appointment-card__img-wrap {
  flex-shrink: 0;
  width: 117px;
  height: 117px;
}
.appointment-card.discovery .appointment-card__img-wrap {
  background-image: url("../img/discovery-call.png");
}
.appointment-card.followUp .appointment-card__img-wrap {
  background-image: url("../img/followUp-call.png");
}
.appointment-card .appointment-card__title {
  margin-bottom: 4px;
  font-weight: 700;
}
.appointment-card .appointment-card__subtitle {
  color: #606060;
  font-size: 14px;
}
.appointment-card .appointment-card__description {
  margin-bottom: 10px;
  color: #606060;
}
.appointment-card .read-more-btn {
  align-self: flex-end;
  color: #232323;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 10px;
}
.appointment-card .appointment-card__duration {
  font-size: 12px;
}

.appointment-card__duration {
  font-weight: 700;
  color: #FB5C1A;
}

.appointment-card__content .appointment-card__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 10px;
}

.book-me__appointment-options-item.active .appointment-card {
  border-color: blue;
}

.close-btn {
  position: absolute;
  top: 22px;
  right: 22px;
}

.modal-no-header .modal-dialog .modal-content {
  border-radius: 35px;
}
.modal-no-header .modal-body {
  padding: 53px 36px 47px;
  width: 100%;
}

.appointment-card__call-option-modal-body-inner-wrap {
  gap: 24px;
}
.appointment-card__call-option-modal-body-inner-wrap .appointment-card__img-wrap {
  width: 180px;
  height: 180px;
  background-image: url("../img/discovery-call.png");
}
.appointment-card__call-option-modal-body-inner-wrap .appointment-card__title {
  font-size: 32px;
  color: #333;
  font-weight: 700;
}
.appointment-card__call-option-modal-body-inner-wrap .appointment-card__subtitle {
  font-size: 24px;
}
.appointment-card__call-option-modal-body-inner-wrap .appointment-card__duration {
  font-size: 16px;
}

.appointment-card__img-wrap {
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .appointment-card__call-option-modal-body-inner-wrap {
    flex-direction: column;
  }
  .appointment-card__call-option-modal-body-inner-wrap .appointment-card__img-wrap {
    width: 120px;
    height: 120px;
  }
  .appointment-card__call-option-modal-body-inner-wrap .appointment-card__title {
    font-size: 26px;
  }
  .appointment-card__call-option-modal-body-inner-wrap .appointment-card__subtitle {
    font-size: 18px;
  }
  .book-me-appointment__details {
    font-size: 18px;
  }
}
#content-field-settings-grid tbody .check-column .checkbox {
  display: flex;
  justify-content: center;
}

#content-field-settings-grid tbody .check-column .checkbox label {
  display: flex;
  justify-content: center;
}

#content-field-settings-grid tbody .check-column .checkbox label .label-text {
  padding: 0;
  width: 19px;
  height: 19px;
}

.categories-table .gridview-header .sd-btn-wide-primary-add-36px {
  display: flex;
  align-items: center;
  margin-left: 0;
  padding: 8px 15px;
  height: unset;
}
.categories-table .gridview-header .sd-btn-wide-primary-add-36px span {
  padding: 0;
  white-space: unset;
}
.categories-table .gridview-header .sd-btn-wide-primary-add-36px span span:not(:empty) {
  position: relative;
}
.categories-table .gridview-header .sd-btn-wide-primary-add-36px span span:not(:empty):before {
  content: " - ";
}
.categories-table .gridview-header .sd-btn-wide-primary-add-36px i + span {
  padding-left: 9px;
}

.reseller {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: var(--default-font-family);
}
.reseller__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 3px solid #BBB;
  border-bottom: 3px solid #BBB;
}
.reseller__box + .reseller__box {
  margin-top: -3px;
}
.reseller__box.reseller__box--disabled {
  border-top: 3px solid #F1F1F1;
  border-bottom: 3px solid #F1F1F1;
}
.reseller__box.reseller__box--disabled .reseller__title,
.reseller__box.reseller__box--disabled .reseller__item-title,
.reseller__box.reseller__box--disabled .reseller__item-descr,
.reseller__box.reseller__box--disabled .reseller__item-icon,
.reseller__box.reseller__box--disabled a {
  cursor: not-allowed;
  pointer-events: all !important;
  color: #F1F1F1 !important;
}
.reseller__head {
  display: flex;
  align-items: center;
  padding: 1.125rem 1rem;
  border-bottom: 3px solid #F1F1F1;
}
@media (min-width: 992px) {
  .reseller__head {
    padding: 1.1875rem 1.375rem;
  }
}
.reseller__body {
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .reseller__body {
    padding: 0 17px 0 21px;
  }
}
.reseller__title {
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #333;
  font-family: var(--default-font-family);
}
.reseller__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  border-bottom: 1px solid #F1F1F1;
  font-family: var(--default-font-family);
  padding: 8px 34px 8px 0;
}
@media (min-width: 992px) {
  .reseller__item {
    padding: 16px 44px 16px 0;
  }
}
.reseller__item--more-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-right: 0.8125rem;
}
.reseller__item--more-info .more-info-btn {
  margin-left: auto;
}
.reseller__item.reseller__item--arrowup .reseller__item-icon:before {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjgwMzJlLTA4IDI5LjU5MDlDNy42MTM5N2UtMDkgMzAuMzYxNSAwLjYzODQ5NCAzMSAxLjQwOTA5IDMxTDI5LjU5MDkgMzFDMzAuMzYxNSAzMSAzMSAzMC4zNjE1IDMxIDI5LjU5MDlMMzEgMS40MDkwOUMzMSAwLjYzODQ5NSAzMC4zNjE1IDMuNjIwNTdlLTA3IDI5LjU5MDkgMy41Mjg2OGUtMDdMMS40MDkwOSAxLjY4MDMyZS0wOEMwLjYzODQ5NSA3LjYxMzk3ZS0wOSAzLjYyMDU3ZS0wNyAwLjYzODQ5NCAzLjUyODY4ZS0wNyAxLjQwOTA5TDEuNjgwMzJlLTA4IDI5LjU5MDlaTTEuNDA5MDkgMjkuNTkwOUwxLjQwOTA5IDEuNDA5MDlMMjkuNTkwOSAxLjQwOTA5TDI5LjU5MDkgMjkuNTkwOUwxLjQwOTA5IDI5LjU5MDlaTTcuMjIxNTkgMjEuMTM2NEwyMy43Nzg0IDIxLjEzNjRMMjMuMTYxOSAyMC4wNzk1TDE2LjExNjUgOC4xMDIyN0wxNS41IDcuMDY3NDdMMTQuODgzNSA4LjEwMjI3TDcuODM4MDcgMjAuMDc5NUw3LjIyMTU5IDIxLjEzNjRaTTkuNjg3NSAxOS43MjczTDE1LjUgOS44NjM2NEwyMS4zMTI1IDE5LjcyNzNMOS42ODc1IDE5LjcyNzNaIiBmaWxsPSIjQkJCQkJCIi8+Cjwvc3ZnPgo=);
}
.reseller__item.reseller__item--checked .reseller__item-icon {
  display: none;
}
.reseller__item.reseller__item--arrowdown .reseller__item-icon:before {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjgwMzJlLTA4IDI5LjU5MDlDNy42MTM5N2UtMDkgMzAuMzYxNSAwLjYzODQ5NCAzMSAxLjQwOTA5IDMxTDI5LjU5MDkgMzFDMzAuMzYxNSAzMSAzMSAzMC4zNjE1IDMxIDI5LjU5MDlMMzEgMS40MDkwOUMzMSAwLjYzODQ5NSAzMC4zNjE1IDMuNjIwNTdlLTA3IDI5LjU5MDkgMy41Mjg2OGUtMDdMMS40MDkwOSAxLjY4MDMyZS0wOEMwLjYzODQ5NSA3LjYxMzk3ZS0wOSAzLjYyMDU3ZS0wNyAwLjYzODQ5NCAzLjUyODY4ZS0wNyAxLjQwOTA5TDEuNjgwMzJlLTA4IDI5LjU5MDlaTTEuNDA5MDkgMjkuNTkwOUwxLjQwOTA5IDEuNDA5MDlMMjkuNTkwOSAxLjQwOTA5TDI5LjU5MDkgMjkuNTkwOUwxLjQwOTA5IDI5LjU5MDlaTTcuMjIxNTkgMjEuMTM2NEwyMy43Nzg0IDIxLjEzNjRMMjMuMTYxOSAyMC4wNzk1TDE2LjExNjUgOC4xMDIyN0wxNS41IDcuMDY3NDdMMTQuODgzNSA4LjEwMjI3TDcuODM4MDcgMjAuMDc5NUw3LjIyMTU5IDIxLjEzNjRaTTkuNjg3NSAxOS43MjczTDE1LjUgOS44NjM2NEwyMS4zMTI1IDE5LjcyNzNMOS42ODc1IDE5LjcyNzNaIiBmaWxsPSIjQkJCQkJCIi8+Cjwvc3ZnPgo=);
  transform: rotate(-180deg);
}
.reseller__item-title, .reseller__item-descr {
  font-family: var(--default-font-family);
  margin-bottom: 0;
}
.reseller__item-title {
  color: #333;
  font-size: 1rem;
  line-height: 1.1875rem;
  letter-spacing: -0.1px;
  font-weight: 400;
}
.reseller__item-descr {
  color: #888;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-top: 5px;
  letter-spacing: 0.45px;
  font-weight: 400;
}
.reseller__item-descr a {
  color: #54a2dd !important;
}
.reseller__item .checkmark-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .reseller__item .checkmark-icon {
    right: 0.8125rem;
  }
}
.reseller__item-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .reseller__item-icon {
    right: 0.8125rem;
  }
}
.reseller__item-icon:before {
  content: "";
  display: none;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.reseller__item:last-child {
  border-bottom: 0;
}
.reseller .reseller__description {
  padding: 1.4375rem 1.25rem;
  text-align: justify;
}
.reseller .reseller__description p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 300;
  font-style: italic;
  color: #555;
  letter-spacing: 0.5px;
}
.reseller .reseller__description p:last-child {
  margin-bottom: 0;
}

.reseller-info-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.6875rem;
  margin-bottom: 0;
  border-radius: 10px;
  border: 2px solid #25AF7A;
  background-color: #F6FFFC;
}
.reseller-info-box p {
  margin-bottom: 0;
}

.reseller-profile-item-title label {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}

.reseller-customers-grid .category-pill.label-expired, .reseller-customers-grid .category-pill.label-danger {
  background: #990505;
  color: #fff;
}
.reseller-customers-grid .category-pill.label-pink, .reseller-customers-grid .category-pill.label-free_trial {
  background: #FF2DC6;
  color: #fff;
}
.reseller-customers-grid .category-pill.label-green, .reseller-customers-grid .category-pill.label-start {
  background: #1B9D2C;
  color: #fff;
}
.reseller-customers-grid .category-pill.label-elite, .reseller-customers-grid .category-pill.label-yellow, .reseller-customers-grid .category-pill.label-dominate {
  background: #FFD700;
  color: #333;
}
.reseller-customers-grid .category-pill.label-blue, .reseller-customers-grid .category-pill.label-thrive {
  background: #54a2dd;
  color: #fff;
}
.reseller-customers-grid.dataTableResp .table tr td:first-child {
  padding: 0 !important;
}
.reseller-customers-grid.dataTableResp .table tr td:first-child span {
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 16px;
  min-height: 49px;
  width: 100%;
  height: 100%;
}

.reseller-lifetime {
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}
.reseller-lifetime__tablink {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 50px;
}
.reseller-lifetime__tablink:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #b3b3b3;
  z-index: 5;
}
.reseller-lifetime__tablink a {
  width: 100%;
  height: 100%;
  font-size: 18px;
  text-align: center;
}
@media (min-width: 768px) {
  .reseller-lifetime__tablink a {
    font-size: 21px;
  }
}
.reseller-lifetime__tablink.selected:before {
  height: 4px;
  background-color: #bc3b04;
}
.reseller-lifetime__tablink.selected a {
  color: #000;
}
.reseller-lifetime__tablink.disabled a {
  color: #b3b3b3;
}
.reseller-lifetime__item {
  position: relative;
}
.reseller-lifetime__item + .reseller-lifetime__item {
  margin-top: 32px;
}
.reseller-lifetime__title {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  margin-bottom: 1rem;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 768px) {
  .reseller-lifetime__title {
    text-align: left;
    font-size: 21px;
    line-height: 2em;
  }
}
.reseller-lifetime__count {
  font-weight: 700;
  font-size: 18px;
  color: #bc3b04;
  display: block;
}
@media (min-width: 768px) {
  .reseller-lifetime__count {
    display: inline;
    font-size: 24px;
  }
}
.reseller-lifetime__colored {
  color: #EF875B;
}
.reseller-lifetime__dark-colored {
  color: #EF875B;
}
.reseller-lifetime .redeem-code-links {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media (min-width: 576px) {
  .reseller-lifetime .redeem-code-links {
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }
}
.reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset) {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #EF875B;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #222;
  margin: 0 0 5px 5px !important;
}
.reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset):hover, .reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset):focus, .reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset).active {
  background-color: #EF875B;
  color: #fff;
}
.reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset) + a {
  margin-left: auto;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset) {
    font-size: 21px;
    width: 38px;
    height: 38px;
    margin: 0 !important;
  }
  .reseller-lifetime .redeem-code-links a:not(.reseller-lifetime__reset) + a {
    margin: 0;
  }
}
.reseller-lifetime .redeem-code-links:has(a) .reseller-lifetime__reset {
  opacity: 0;
}
.reseller-lifetime .redeem-code-links:has(a.active) .reseller-lifetime__reset {
  opacity: 1;
}
.reseller-lifetime .show-more-keys {
  position: relative;
}
.reseller-lifetime .show-more-keys .reseller-lifetime__reset {
  top: -22px;
  right: 0;
  position: absolute;
  opacity: 0;
}
@media (max-width: 767px) {
  .reseller-lifetime .show-more-keys .reseller-lifetime__reset {
    top: 11px;
    right: -20px;
  }
}
.reseller-lifetime .show-more-keys input:not([value=""]) + .reseller-lifetime__reset {
  opacity: 1;
}
@media (max-width: 767px) {
  .reseller-lifetime .show-more-keys input:not([value=""]) {
    margin-right: 15px;
  }
}
.reseller-lifetime__reset {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 2em;
  text-align: center;
  color: #bc3b04;
}
@media (min-width: 576px) {
  .reseller-lifetime__reset {
    position: absolute;
    top: -26px;
    right: 0;
  }
}
.reseller-lifetime__submit {
  background-color: #EF875B;
  color: #fff;
  text-align: center;
  font-weight: 500 !important;
  font-size: 16px;
  border-radius: 25px;
  padding: 5px 15px;
  border: 0;
  outline: 0;
  opacity: 1;
}
.reseller-lifetime__submit[disabled] {
  opacity: 0.8;
  background-color: #b3b3b3;
}
.reseller-lifetime__submit:hover, .reseller-lifetime__submit:focus {
  background-color: #bc3b04;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .reseller-lifetime__submit {
    font-size: 28px;
    padding: 10px 30px;
    border-radius: 50px;
  }
}
.reseller-lifetime__card#cardForm .from-card-field {
  border: 1px solid #dee3e8;
  background: #edf2f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 20px;
}
.reseller-lifetime__card#cardForm .from-card-field .payment-exp-date input {
  text-align: center;
  padding: 0.25rem 0 !important;
  width: 40px !important;
}
.reseller-lifetime__card#cardForm .from-card-field input {
  background: none;
  border: 0;
  font-size: 15px;
  box-shadow: none;
  color: #444;
}
.reseller-lifetime__card#cardForm .from-card-field input::placeholder {
  color: #888;
  font-style: italic;
}
.reseller-lifetime__card#cardForm .from-card-field input.error.ng-untouched {
  animation: shakeText 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  color: red !important;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.reseller-lifetime__card#cardForm .from-card-field input.error.ng-untouched::placeholder {
  color: red !important;
}
.reseller-lifetime__card#cardForm .from-card-field input.error.ng-untouched:focus, .reseller-lifetime__card#cardForm .from-card-field input.error.ng-untouched:active {
  color: #3b4355 !important;
}
.reseller-lifetime__card#cardForm .from-card-field input.error.ng-untouched:focus::placeholder, .reseller-lifetime__card#cardForm .from-card-field input.error.ng-untouched:active::placeholder {
  color: #3b4355 !important;
}
@media (max-width: 767px) {
  .reseller-lifetime .jp-card {
    min-width: 260px;
  }
  .reseller-lifetime .jp-card .jp-card-front .jp-card-lower .jp-card-number {
    font-size: 20px;
  }
  .reseller-lifetime .jp-card .jp-card-name {
    font-size: 16px;
  }
  .reseller-lifetime .jp-card .jp-card-expiry__month,
  .reseller-lifetime .jp-card .jp-card-expiry__year {
    font-size: 10px;
  }
}

.resellerProSteps {
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .resellerProSteps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}

.resellerProStep {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: 32px 32px;
  grid-column-gap: 1rem;
  grid-row-gap: 0;
  grid-template-areas: "button1 line1" "button1 line2";
  align-items: center;
  justify-items: start;
}
@media (min-width: 768px) {
  .resellerProStep {
    grid-template-columns: 125px 1fr;
    grid-template-rows: 32px 32px;
    grid-column-gap: 28px;
    margin: 1rem 1.5rem;
  }
}
.resellerProStep > *:nth-child(1) {
  grid-area: button1;
  min-width: 100px;
  min-height: 50px;
}
@media (min-width: 768px) {
  .resellerProStep > *:nth-child(1) {
    min-width: 125px;
    min-height: 64px;
  }
}
.resellerProStep > *:nth-child(1) > button {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-transform: uppercase;
  font-size: 20px;
  border-radius: 10px;
  width: 100px;
  height: 50px;
  min-width: 100px;
  min-height: 50px;
  max-width: 100px;
  max-height: 50px;
}
@media (min-width: 768px) {
  .resellerProStep > *:nth-child(1) > button {
    width: 125px;
    height: 64px;
    min-width: 125px;
    min-height: 64px;
    max-width: 125px;
    max-height: 64px;
    font-size: 24px;
  }
}
.resellerProStep > *:nth-child(1).complete {
  /*
  background-image: url('../../../../images/svgs/form_submission_check.svg');
  */
  background-image: url("../../../../images/svgs/green-checkmark-circle.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.resellerProStep > *:nth-child(2) {
  grid-area: line1;
  font-size: 18px;
  line-height: 1;
}
@media (min-width: 768px) {
  .resellerProStep > *:nth-child(2) {
    font-size: 22px;
  }
}
.resellerProStep > *:nth-child(3) {
  grid-area: line2;
  font-size: 14px;
  line-height: 1;
  text-align: start;
}
@media (min-width: 768px) {
  .resellerProStep > *:nth-child(3) {
    font-size: 18px;
  }
}

.rcd-forms .rcd-forms-nameservers {
  margin-bottom: 16px;
}
.rcd-forms .rcd-forms-nameservers > p {
  margin-bottom: 0;
  font-weight: bold;
}
.rcd-forms .rcd-forms-nameservers > p > a > svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: -3px;
}
.rcd-forms .rcd-forms-domain {
  font-weight: bold;
}

p.rcd-popup-p {
  margin-bottom: 7px;
}

p.rcd-popup-p-complete {
  padding-left: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  /*
  background-image: url('../../../../images/svgs/form_submission_check.svg');
  */
  background-image: url("../../../../images/svgs/green-checkmark-circle.svg");
  background-position: 20px center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 25px;
  line-height: 1;
  color: #016933; /* color: #02b939; */
}

.checkmark-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
}
.checkmark-icon__circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #2A780F;
}
.checkmark-icon__circle.inactive {
  border-color: #333;
}
.checkmark-icon__plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-color: transparent;
  /* Horizontal bar */
  /* Vertical bar */
}
.checkmark-icon__plus::before, .checkmark-icon__plus::after {
  content: "";
  position: absolute;
  background-color: #333; /* Color of the plus icon */
  border-radius: 2px;
}
.checkmark-icon__plus::before {
  top: 52%;
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the plus icon */
  transform: translateY(-50%);
}
.checkmark-icon__plus::after {
  top: 0;
  left: 50%;
  width: 2px; /* Thickness of the plus icon */
  height: 100%;
  transform: translateX(-50%);
}
.checkmark-icon__check {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  width: 20px;
  height: 20px;
}
.checkmark-icon__check:after {
  content: "";
  position: absolute;
  /*left: $check-left;
  top: $check-height;
  height: $check-height;
  width: $check-width;
  border-right: $check-thickness solid $check-color;
  border-top: $check-thickness solid $check-color;
  transform-origin: left top;
  transform: translate(0,2px) scaleX(-1)  rotate(135deg);*/
  opacity: 1;
  top: 40%;
  left: 10%;
  width: 12px;
  height: 18px;
  background-color: transparent;
  border: 2px solid #2A780F;
  border-left: none;
  border-top: none;
  transform: rotate(45deg) translate(-50%, -50%);
}
.checkmark-icon.animated .checkmark-icon__circle {
  animation: loader-spin 0.7s infinite linear;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-left-color: #2A780F;
}
.checkmark-icon.animated .checkmark-icon__check:after {
  animation: opacity-show 1.1s linear;
}
.checkmark-icon--inactive .checkmark-icon__circle {
  border-color: #9f9f98;
}
.checkmark-icon--inactive .checkmark-icon__check:after {
  opacity: 0;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes opacity-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sdAccordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.sdAccordion__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #EEEEEE;
}
.sdAccordion__item + .sdAccordion__item {
  border-top: 0;
}
.sdAccordion__toggle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 0.5rem 1rem;
}
@media (min-width: 768px) {
  .sdAccordion__toggle {
    padding: 0.75rem 1.25rem;
  }
}
.sdAccordion__toggle .icon-chevron-down {
  position: relative;
  margin-left: auto;
  width: 12px;
  height: 8px;
}
.sdAccordion__toggle .icon-chevron-down::before {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 1px;
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}
.sdAccordion__toggle i {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  font-size: inherit;
}
.sdAccordion__toggle[aria-expanded=false] i {
  transform: translateY(-50%);
}
.sdAccordion__toggle[aria-expanded=true] .icon-chevron-down::before {
  bottom: -3px;
  transform: rotate(225deg);
  transition: all 0.3s ease-in-out;
}
.sdAccordion__toggle:hover, .sdAccordion__toggle:focus {
  cursor: pointer;
  background: #FAFAFA;
}
.sdAccordion__body {
  padding: 1rem;
  border-top: 1px solid #EEEEEE;
}
.sdAccordion__title {
  gap: 0.4rem;
  font-family: var(--default-font-family);
  color: #333;
  margin-bottom: 0;
}
.sdAccordion__title .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 17px;
}
.sdAccordion__title .icon-container svg {
  height: 17px;
  fill: #555;
}
.sdAccordion__title .text-container {
  margin-top: 2px;
}
.sdAccordion__subtitle {
  font-size: 12px;
}
.sdAccordion__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.sdAccordion__icon svg {
  width: 40px;
  height: 40px;
  fill: #333;
}

.sdAccordion--checkmark .sdAccordion__toggle {
  justify-content: space-between;
}
.sdAccordion--checkmark .sdAccordion__text {
  flex-grow: 1;
}

.forms-cannons-type-choose .sdAccordion__icon {
  width: 25px;
  height: 25px;
}
.forms-cannons-type-choose .sdAccordion__icon svg {
  width: 30px;
  height: 30px;
}
.forms-cannons-type-choose .resize-paper-plane-form-cannons .sdAccordion__icon {
  width: 25px;
  height: 25px;
}
.forms-cannons-type-choose .resize-paper-plane-form-cannons .sdAccordion__icon svg {
  width: 26px !important;
  height: 30px;
  fill: #555 !important;
}

.appTypeNotif {
  height: 100%;
}
.appTypeNotif .sdAccordion__body {
  border: none;
}
.appTypeNotif .sd-sidebar-info {
  margin: 0 -1.3em;
  margin-bottom: 2em;
  padding: 14px;
  line-height: 2em;
}

.appointment-emails-tabs-content {
  flex-grow: 1;
  overflow: auto;
}

.resetAppointmentEmailTemplate, .resetFormEmailTemplate {
  color: #03a9f3 !important;
}

.appointment-email-template-sidebar__footer {
  border-top: 1px solid #EEE;
  background-color: #FAFAFA;
}

.sdAccordion__toggle.appointment-et-toggle .sdAccordion__title {
  font-size: 1.2em;
  font-weight: 600;
}
.sdAccordion__toggle.appointment-et-toggle .icon-chevron-down {
  position: relative;
  margin-left: auto;
  width: 12px;
  height: 8px;
}
.sdAccordion__toggle.appointment-et-toggle .icon-chevron-down::before {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 1px;
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}
.sdAccordion__toggle.appointment-et-toggle[aria-expanded=true] .icon-chevron-down::before {
  bottom: -3px;
  transform: rotate(225deg);
  transition: all 0.3s ease-in-out;
}

.single-accordion .appointmentNoteTabContent .sdAccordion__head .border {
  border-radius: 7px !important;
}

.sdAccordionPack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sdAccordionPack .sdAccordion__item {
  border-radius: 8px;
}
.sdAccordionPack .sdAccordion__item + .sdAccordion__item {
  border: 1px solid #EEEEEE;
}
.sdAccordionPack .sdAccordion__head {
  display: flex;
}
.sdAccordionPack .sdAccordion__switcher {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.sdAccordionPack .sdAccordion__switcher:before {
  display: block;
  content: "";
  height: 30px;
  width: 1px;
  background: #EEEEEE;
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
}

.billing-tabel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 27px;
}

.billing-tabel__block {
  width: 49%;
}

.billing-tabel__block:first-child {
  margin-bottom: 53px;
  width: 100%;
}

.billing-tabel__block-title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.billing-tabel__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.billing-tabel__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0;
  width: 100%;
  min-height: 130px;
  border-radius: 8px;
  background-color: #F8F8F8;
  overflow: hidden;
}

.billing-tabel__block:first-child .billing-tabel__item {
  width: 49%;
}

.billing-tabel__item-content {
  position: relative;
  padding: 12px 60px 11px 14px;
}

.billing-tabel__item-title {
  margin-bottom: 8px;
  max-width: 100%;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.billing-tabel__price {
  font-size: 23px;
  font-weight: 700;
  color: #7c7c7c;
}

.billing-tabel__price span {
  font-size: 11px;
  font-weight: 300;
}

.billing-tabel__item-icon {
  position: absolute;
  right: 9px;
  top: 12px;
}

.billing-tabel__item-icon,
.billing-tabel__item-icon svg {
  width: 45px;
  height: 55px;
}

.billing-tabel__item-icon svg {
  fill: #D4D4D4;
}

/*fill="#D4D4D4" stroke="#F8F8F8" stroke-width="0.5"*/
.billing-tabel__item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 14px;
  padding-right: 20px;
  background-color: #f1f1f1;
}

.billing-tabel__invoice-id {
  font-size: 12px;
  color: #888888;
  font-weight: 600;
}

.billing-tabel__invoice-id-value {
  font-weight: 300;
}

.billing-tabel__action-btn {
  position: relative;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  border: none;
}

.billing-tabel__action-name {
  font-weight: 600;
}

.billing-tabel__action-btn-icon {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #C9542F;
  transform: translate(0, -50%);
}
.billing-tabel__action-btn-icon::before {
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  top: 7px;
  width: 7px;
  height: 7px;
  border: 2px solid #ffffff;
  border-radius: 2px;
  background-color: transparent;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}
.billing-tabel__action-btn-icon:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 7px;
  width: 7px;
  height: 7px;
  border: 2px solid #ffffff;
  border-radius: 2px;
  background-color: transparent;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}

.billing-tabel__item-footer-left {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #5a5a5a;
}

.billing-tabel__item-entity {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 13px;
  padding: 2px 4px;
  min-width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #2E95C2;
}

.billing-tabel__item-entity span {
  font-size: 11px;
  line-height: 0.85;
  color: #ffffff;
}

.billing-tabel__subscribtion-item-status {
  position: relative;
  padding-left: 20px;
}
.billing-tabel__subscribtion-item-status::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translate(0, -50%);
}

.billing-tabel__subscribtion-item-status.active::before {
  background-color: #2B9543;
}

.billing-tabel__subscribtion-item-status.inactive::before {
  background-color: #C40000;
}

.billing-tabel__item--button {
  border: 1px solid #dddddd;
  background-color: transparent;
}

.billing-tabel__item--button .billing-tabel__item-footer {
  background-color: #fbfbfb;
}

.billing-tabel__item--button .billing-tabel__item-title {
  color: #989898;
}

.billing-tabel__item--button .billing-tabel__price,
.billing-tabel__item--button .billing-tabel__action-name {
  color: #aaaaaa;
}

.billing-tabel__item--button .billing-tabel__action-btn-icon {
  background-color: #aaaaaa;
}

.billing-tabel__item--button .billing-tabel__item-icon svg {
  fill: #eeeeee;
}

@media (max-width: 562px) {
  .billing-tabel__block {
    width: 100%;
  }
  .billing-tabel__block:first-child .billing-tabel__item {
    width: 100%;
  }
  .billing-tabel__item {
    min-height: 115px;
  }
}
body.sd-dark-mode .billing-tabel__item {
  background-color: #313345;
}

body.sd-dark-mode .billing-tabel__item-footer {
  background-color: #181823;
}

body.sd-dark-mode .billing-tabel__price,
body.sd-dark-mode .billing-tabel__invoice-id,
body.sd-dark-mode .billing-tabel__item-footer-left,
body.sd-dark-mode .tabel__item--button .billing-tabel__action-name {
  color: #ffffff;
}

/****SIDEBAR*****/
.site-sidebar {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 9;
  background: #fff;
  border-right: 1px solid #ddd;
}
.site-sidebar .side-user,
.site-sidebar .sidebar-nav {
  width: 100%;
  flex: 0 0 auto;
}
.site-sidebar .side-user svg:not(.img-responsive, .userAvatar),
.site-sidebar .sidebar-nav svg:not(.img-responsive, .userAvatar) {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 0.6875rem;
  width: 1.3125rem;
  height: 1.3125rem;
  fill: #fff;
  stroke: #fff;
}
.site-sidebar .side-user svg.userAvatar,
.site-sidebar .sidebar-nav svg.userAvatar {
  border-radius: 0 !important;
}
.site-sidebar .side-user .img-responsive,
.site-sidebar .sidebar-nav .img-responsive {
  margin-bottom: 0;
}
.site-sidebar .side-user {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.4285714286em 0;
  border-bottom: 1px solid #ddd;
  background: #f7fafc;
}
.site-sidebar .side-user .media {
  display: flex;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  color: #888;
}
.site-sidebar .side-user .media.active {
  height: inherit;
}
.site-sidebar .side-user .media-left {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 15px;
  width: 60px;
  height: 60px;
}
.site-sidebar .side-user .media-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 0.9285714286em;
  padding: 0 0.9375rem 0 5.125rem;
}
.site-sidebar .side-user .media-body .media-heading {
  padding-top: 0;
  max-width: 125px;
  margin-bottom: 5px;
  font-size: 1.1538461538em;
  font-weight: 500;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 3.9em; /* Fallback for non-webkit, line-height * 2 */
  line-height: 1.3em;
  -webkit-line-clamp: 3; /* if you change this, make sure to change the fallback line-height and height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site-sidebar .side-user .media-body .user-type {
  white-space: nowrap;
}
.site-sidebar .side-user img {
  max-width: 4.2857142857em;
}
.site-sidebar .side-user .side-menu {
  margin-top: 5px;
  display: none;
  width: 100%;
}
.site-sidebar .side-user .side-menu li {
  border: 0;
}
.site-sidebar .side-user .side-menu li:hover, .site-sidebar .side-user .side-menu li.active {
  background: transparent;
}
.site-sidebar .side-user .side-menu li a {
  font-size: 1em;
  background: transparent;
  padding: 0 1.1538461538em 0 2.8461538462em;
  line-height: 1.8461538462em;
  color: #fff;
}
.site-sidebar .side-user .side-menu li a i[class^=fa-] {
  font-size: 18px;
  padding: 3px;
}
.site-sidebar .side-user [class*=user--]:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  border: 1px solid #fff;
}
@media (max-width: 960px) {
  .site-sidebar .side-user {
    display: none;
  }
}
@media (min-width: 961px) {
  .site-sidebar .sidebar-nav {
    padding-bottom: 3.125rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.site-sidebar .jump-to-btn {
  overflow: hidden;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex: 0 0 auto;
  margin-top: auto;
  width: 100%;
}
.site-sidebar .jump-to-btn .btn, .site-sidebar .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .site-sidebar .jump-to-btn button, .site-sidebar .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .site-sidebar .jump-to-btn button {
  -webkit-box-flex: 1 1 50%;
  -moz-box-flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  min-width: 0;
  justify-content: center;
  border-radius: 0 !important;
  font-size: 14px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.site-sidebar .jump-to-btn div.btn {
  min-height: 38px;
  cursor: default;
}
@media (min-width: 961px) {
  .site-sidebar .jump-to-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 14.375rem;
  }
}

/****SIDE MENU*****/
.side-menu {
  flex-direction: column;
  position: relative;
  font-size: 0.9285714286em;
  line-height: 2.3076923077em;
  margin-top: 0;
  border-top: 2px solid #ddd;
}
.side-menu a:hover, .side-menu a:focus, .side-menu a:active {
  outline: none;
  -moz-outline-style: none;
}
.side-menu ul {
  margin-left: 4.2307692308em;
  position: relative;
  top: -0.3846153846em;
}
.side-menu ul ul {
  margin-left: 1.1538461538em;
  top: 0;
}
.side-menu .collapse.in {
  display: block;
}
.side-menu li {
  position: relative;
  width: 100%;
}
.side-menu li:hover, .side-menu li.active {
  background: #f7fafc;
}
.side-menu li.list-divider {
  border-top: 1px solid #ddd;
  margin: 0.7692307692em 0;
}
.side-menu li a {
  display: flex;
  align-items: center;
  color: #888;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.side-menu li a:hover {
  color: #364859;
}
.side-menu > li > a {
  padding-left: 1em;
  font-size: 1.1538461538em;
  line-height: 3.2em;
  color: #333;
  border-left: 3px solid transparent;
  font-family: var(--default-font-family);
  font-weight: 400;
}
.side-menu > li > a:hover, .side-menu > li > a:focus {
  color: #333;
  background: transparent;
}
.side-menu > li.current-page > a {
  border-color: #364859;
}
.side-menu > li > a .badge {
  position: relative;
  top: 1.1818181818em;
  font-size: 0.7333333333em;
  line-height: 1.2;
}
.side-menu .list-icon {
  margin-right: 0.3333333333em;
}
.side-menu :not([class*=color-]) > .list-icon {
  color: #d0d6df;
}
.side-menu .menu-item-has-children > a {
  padding-right: 2.3333333333em;
}
.side-menu .menu-item-has-children > a::before {
  font-family: "Material Icons";
  content: "\e5cc";
  position: absolute;
  right: 0.8333333333em;
  top: 0;
  font-size: 1.2em;
  color: #cccccc;
}
.side-menu .menu-item-has-children.active > a::before {
  content: "\e313";
}

.sidebar-nav .side-menu li {
  font-weight: 300;
}
.sidebar-nav .side-menu li a {
  font-weight: lighter;
}
.sidebar-nav .side-menu li a .material-icons {
  padding-bottom: 3px;
}
.sidebar-nav .side-menu li a:first-child:hover {
  padding-left: 1.5em;
}
.sidebar-nav .side-menu > li.current-page > a:first-child,
.sidebar-nav .side-menu > li.active > a:first-child {
  padding-left: 0;
}
.sidebar-nav .side-menu > li.current-page > a {
  border-left: 3px solid #7FB1E1;
}
.sidebar-nav .side-menu .item .sub-menu > li > a:first-child:hover {
  padding-left: 8px;
}
.sidebar-nav .side-menu .item .sub-menu > .item:not(.menu-item-has-children) {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.sidebar-nav .side-menu .item .sub-menu > .item:not(.menu-item-has-children)::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
.sidebar-nav .side-menu .item .sub-menu > .item:not(.menu-item-has-children):active::after {
  transform: scale(0, 0);
  opacity: 0.1;
  transition: 0s;
}
.sidebar-nav .side-menu .item .sub-menu > .item.item-add-url {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.sidebar-nav .side-menu .item .sub-menu > .item.item-add-url .menu-item-add-url {
  margin-right: 16px;
}
.sidebar-nav .side-menu .item .sub-menu > .item.item-add-url .menu-item-add-url i,
.sidebar-nav .side-menu .item .sub-menu > .item.item-add-url .menu-item-add-url .fal {
  padding-bottom: 0 !important;
  font-size: 1.2rem;
  vertical-align: middle;
  transition: transform 0.25s ease;
}
.sidebar-nav .side-menu .item .sub-menu > .item.item-add-url .menu-item-add-url:focus i, .sidebar-nav .side-menu .item .sub-menu > .item.item-add-url .menu-item-add-url:hover i {
  transform: scale(1.2);
  transition: transform 0.25s ease;
}
.sidebar-nav .side-menu .menu-item-has-children > a::before {
  color: #fff;
}

/****SIDE User*****/
.side-user {
  padding: 15px 0 !important;
  margin-bottom: 0 !important;
  min-height: 5.625rem;
}
.side-user [class*="user-- "]:after {
  content: unset;
  left: 1rem;
}
.side-user .side-menu {
  margin-top: 15px;
}

.sd-icon-y-stretch {
  transform: scaleY(1.1);
}
.sd-icon-y-stretch .material-icons {
  margin-top: -3px;
}

@media (max-width: 961px) {
  .site-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed !important;
    top: 90px;
    left: 0;
    right: 0;
    height: calc(100% - 90px);
    overflow: auto;
  }
}
@media (max-width: 768px) {
  .site-sidebar {
    width: 100%;
  }
}
html.round-mode .site-sidebar .side-user .media-left {
  border-radius: 50%;
  overflow: hidden;
}

/* SIDEBAR collapse/expand layout */
@media (max-width: 960px) {
  .navbar .logo-expand {
    display: none;
  }
  .navbar .logo-collapse {
    display: inline-block;
  }
  .navbar-header {
    width: 3.75rem;
  }
  .navbar-brand p {
    visibility: hidden;
    max-width: 1em;
  }
  .navbar-brand p::first-letter {
    display: inline;
    visibility: visible;
  }
  .site-sidebar {
    width: 100%;
    max-width: 28.75rem;
    position: absolute;
    top: 90px;
  }
  .site-sidebar--default-state .site-sidebar {
    top: -100%;
    display: none;
  }
  .jump-to-btn {
    margin-top: auto;
    margin-bottom: 0;
    width: 100%;
  }
  .jump-to-btn button {
    width: 100%;
    border-radius: 0 !important;
  }
}
@media (max-width: 768px) {
  .site-sidebar {
    max-width: 100%;
  }
}
.navbar-brand {
  padding: 5px 0;
  background: #1E2832;
}
.navbar-brand .logo-expand {
  max-height: 5rem;
  max-width: 12.5rem;
}

/* Sidebar Expanded or Focused */
.sidebar-expand:not(.blank-layout):not(.proposal-assigment) .content-wrapper .site-sidebar,
.sidebar-focused:not(.blank-layout):not(.proposal-assigment) .content-wrapper .site-sidebar {
  top: 5.625rem;
}
.sidebar-expand:not(.blank-layout):not(.proposal-assigment) .content-wrapper .main-wrapper:not(.non-logged-payinvoice-container),
.sidebar-focused:not(.blank-layout):not(.proposal-assigment) .content-wrapper .main-wrapper:not(.non-logged-payinvoice-container) {
  margin-top: 5.625rem;
}
@media (min-width: 961px) {
  .sidebar-expand,
  .sidebar-focused {
    padding-top: 5.625rem;
  }
  .sidebar-expand .main-wrapper:not(.main-wrapper--unsubscribed),
  .sidebar-expand .footer,
  .sidebar-focused .main-wrapper:not(.main-wrapper--unsubscribed),
  .sidebar-focused .footer {
    margin-left: 14.375rem;
  }
  .sidebar-expand .content-wrapper-fixed .main-wrapper > .widget-list,
  .sidebar-focused .content-wrapper-fixed .main-wrapper > .widget-list {
    left: 14.375rem;
  }
  .sidebar-expand .navbar-header,
  .sidebar-focused .navbar-header {
    width: 14.375rem;
  }
  .sidebar-expand .sidebar-toggle i,
  .sidebar-focused .sidebar-toggle i {
    transform: scale(-1, -1);
  }
  .sidebar-expand .site-sidebar,
  .sidebar-focused .site-sidebar {
    display: flex;
    position: fixed;
    width: 100%;
    max-width: 14.375rem;
    height: calc(100vh - 5.625rem);
  }
  .sidebar-expand .side-user [class*=user--]:after,
  .sidebar-focused .side-user [class*=user--]:after {
    left: 1rem;
  }
  .sidebar-expand .jump-to-btn,
  .sidebar-focused .jump-to-btn {
    width: 14.375rem;
  }
}
.sidebar-expand .page-header-logo .logo-expand,
.sidebar-focused .page-header-logo .logo-expand {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Sidebar Collapsed */
.sidebar-collapse:not(.blank-layout):not(.proposal-assigment) .content-wrapper .main-wrapper:not(.non-logged-payinvoice-container) {
  margin-top: 5.625rem;
}
.sidebar-collapse .main-wrapper:not(.main-wrapper--unsubscribed),
.sidebar-collapse .footer {
  margin-left: 0;
}
.sidebar-collapse .logo-expand {
  display: none;
}
.sidebar-collapse .logo-collapse {
  display: inline-block;
}
.sidebar-collapse .navbar-header {
  width: 3.75rem;
}
.sidebar-collapse .navbar-brand p {
  visibility: hidden;
  max-width: 1em;
}
.sidebar-collapse .navbar-brand p::first-letter {
  display: inline;
  visibility: visible;
}
.sidebar-collapse .sidebar-nav .side-menu > .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sidebar-collapse .sidebar-nav .side-menu > li > a {
  padding-right: 0;
  width: 100%;
  min-height: 3.2em;
}
.sidebar-collapse .sidebar-nav .side-menu > li:hover > a svg {
  margin-right: 9px;
}
.sidebar-collapse .side-user svg {
  max-width: 2.8571428571em;
  height: auto;
}
@media (min-width: 961px) {
  .sidebar-collapse .main-wrapper:not(.main-wrapper--unsubscribed):not(.non-logged-payinvoice-container),
  .sidebar-collapse .footer {
    margin-left: 3.75rem;
  }
  .sidebar-collapse .site-sidebar {
    display: flex;
    position: fixed;
    top: 5.625rem;
    left: 0;
    width: 100%;
    max-width: 4.2857142857em;
    bottom: 0;
    overflow: visible !important;
  }
  .sidebar-collapse .jump-to-btn {
    max-width: 4.2857142857em;
  }
  .sidebar-collapse .hide-menu,
  .sidebar-collapse .hide-menu .badge {
    display: none;
  }
  .sidebar-collapse .side-menu > li:hover {
    width: 21.4615384615em;
    border-top-right-radius: 5px;
  }
  .sidebar-collapse .side-menu > li > a::before {
    display: none;
  }
  .sidebar-collapse .side-menu li:active > a .hide-menu,
  .sidebar-collapse .side-menu li:focus > a .hide-menu,
  .sidebar-collapse .side-menu li:hover > a .hide-menu {
    display: inline-block;
  }
  .sidebar-collapse .side-menu li:active > .sub-menu,
  .sidebar-collapse .side-menu li:focus > .sub-menu,
  .sidebar-collapse .side-menu li:hover > .sub-menu {
    display: block;
  }
  .sidebar-collapse .side-menu .sub-menu {
    position: absolute;
    top: 3.6923076923em;
    left: calc(3.75rem - 1px);
    width: 16.9230769231em;
    margin-left: 0;
    padding: 0 0 1.1538461538em;
    display: none;
    background: #f7fafc;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  .sidebar-collapse .side-menu .sub-menu li {
    background: #f7fafc;
  }
  .sidebar-collapse .side-menu .sub-menu .sub-menu {
    left: 100%;
    top: 0;
    padding-top: 1.1538461538em;
  }
  .sidebar-collapse .side-menu .sub-menu a {
    padding: 0 1.1538461538em 0 1.9230769231em;
  }
  .sidebar-collapse .side-user {
    padding-top: 0.7142857143em;
    padding-bottom: 0.7142857143em;
  }
  .sidebar-collapse .side-user .media-left {
    padding-right: 0;
    position: relative;
    left: -0.5714285714em;
  }
  .sidebar-collapse .side-user figure::after {
    width: 0.7em;
    height: 0.7em;
    bottom: 0px;
    left: 0.2857142857em;
  }
  .sidebar-collapse .side-user img {
    max-width: 2.8571428571em;
    height: auto;
  }
}
.sidebar-collapse .page-header-logo .logo-expand {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Sidebar Horizontal */
@media (min-width: 961px) {
  .sidebar-horizontal .site-sidebar {
    padding: 0 1.0714285714em;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    width: 100%;
  }
  .sidebar-horizontal .fix-top .site-sidebar {
    position: fixed;
    top: 0;
  }
  .sidebar-horizontal .fix-top .main-wrapper {
    padding-top: 70px;
  }
  .sidebar-horizontal .list-icon {
    margin-right: 0;
  }
  .sidebar-horizontal .side-user, .sidebar-horizontal .side-menu .badge {
    display: none;
  }
  .sidebar-horizontal .side-menu {
    margin-top: 0;
    display: flex;
    flex-flow: row;
  }
  .sidebar-horizontal .side-menu ul {
    position: absolute;
    top: 0;
    left: 100%;
    background: #f7fafc;
    z-index: 9;
    margin-left: 0;
    width: 16.9230769231em;
    padding: 0.7692307692em 0;
    display: none;
    line-height: 2.7692307692em;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  .sidebar-horizontal .side-menu ul li {
    background: #f7fafc;
  }
  .sidebar-horizontal .side-menu ul li:last-child {
    padding-bottom: 0.3571428571em;
  }
  .sidebar-horizontal .side-menu li:hover > ul {
    display: block;
  }
  .sidebar-horizontal .side-menu a {
    padding-right: 1.0714285714em;
    padding-left: 1.0714285714em;
  }
  .sidebar-horizontal .side-menu > li {
    display: inline-block;
    width: auto;
  }
  .sidebar-horizontal .side-menu > li > ul {
    left: 0;
    top: 100%;
  }
  .sidebar-horizontal .side-menu > li > ul a {
    font-size: 1.0769230769em;
  }
  .sidebar-horizontal .side-menu > li > a {
    border: 0;
    padding: 0.6666666667em 1em 0.3333333333em;
    text-align: center;
  }
  .sidebar-horizontal .side-menu > li > a::after {
    content: "";
    width: 100%;
    height: 0.1333333333em;
    background: transparent;
    position: absolute;
    bottom: -0.0666666667em;
    left: 0;
    z-index: 10;
  }
  .sidebar-horizontal .side-menu > li > a::before {
    display: none;
  }
  .sidebar-horizontal .side-menu > li > a .list-icon {
    display: block;
  }
  .sidebar-horizontal .side-menu > li.current-page > a::after {
    background-color: #364859;
  }
  .sidebar-horizontal .side-menu .two-li {
    width: 31.4285714286em;
  }
  .sidebar-horizontal .side-menu .two-li::after {
    display: block;
    clear: both;
    content: "";
  }
  .sidebar-horizontal .side-menu .two-li li {
    float: left;
    width: 50%;
  }
}
.sidebar-expand,
.sidebar-focused,
.navbar-header,
.content-wrapper,
.main-wrapper,
.footer,
.sidebar-toggle i,
.logo-expand,
.logo-collapse,
.site-sidebar,
.site-sidebar .hide-menu,
.sidebar-dark .side-user,
.sidebar-nav .side-menu > .item,
.sidebar-nav .side-menu > li > a,
.sidebar-nav .side-menu > li:hover > a svg,
.content-wrapper-fixed .main-wrapper > .widget-list,
.site-sidebar .jump-to-btn {
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 961px) {
  .sidebar-expand,
  .sidebar-expand .navbar-header,
  .sidebar-expand .content-wrapper,
  .sidebar-expand .main-wrapper,
  .sidebar-expand .footer,
  .sidebar-expand .logo-collapse,
  .sidebar-expand .site-sidebar,
  .sidebar-focused,
  .sidebar-focused .navbar-header,
  .sidebar-focused .content-wrapper,
  .sidebar-focused .main-wrapper,
  .sidebar-focused .footer,
  .sidebar-focused .logo-collapse,
  .sidebar-focused .site-sidebar {
    transition-delay: 0s;
  }
  .sidebar-expand,
  .sidebar-focused {
    transition-property: padding-top;
  }
  .sidebar-expand .navbar-header,
  .sidebar-expand .content-wrapper,
  .sidebar-expand .sidebar-toggle i,
  .sidebar-expand .logo-collapse,
  .sidebar-focused .navbar-header,
  .sidebar-focused .content-wrapper,
  .sidebar-focused .sidebar-toggle i,
  .sidebar-focused .logo-collapse {
    transition-property: all;
  }
  .sidebar-expand .navbar-header,
  .sidebar-focused .navbar-header {
    overflow: hidden;
  }
  .sidebar-expand .main-wrapper,
  .sidebar-expand .footer,
  .sidebar-focused .main-wrapper,
  .sidebar-focused .footer {
    transition-property: margin-left;
  }
  .sidebar-expand .sidebar-toggle i,
  .sidebar-focused .sidebar-toggle i {
    transition-delay: 0.25s;
  }
  .sidebar-expand .logo-expand,
  .sidebar-focused .logo-expand {
    display: inline-block !important;
    visibility: visible;
    opacity: 1;
    transition-property: all;
    transition-delay: 0.375s;
  }
  .sidebar-expand .logo-collapse,
  .sidebar-focused .logo-collapse {
    display: inline-block !important;
    position: absolute;
    right: 0;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
  }
  .sidebar-expand .site-sidebar,
  .sidebar-focused .site-sidebar {
    transition-property: width, max-width;
  }
  .sidebar-expand .side-menu .hide-menu,
  .sidebar-focused .side-menu .hide-menu {
    display: inline-block !important;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition-property: all;
    transition-delay: 0.125s;
  }
  .sidebar-expand .site-sidebar .side-user .media .media-body,
  .sidebar-focused .site-sidebar .side-user .media .media-body {
    visibility: visible;
    opacity: 1;
    position: static;
    padding: 0;
    left: 0;
    transition-duration: 0.125s, 0.25s, 0.125s, 0.125s;
    transition-property: width, left, opacity, visibility;
    transition-delay: 0s, 0.125s, 0.25s, 0.25s;
  }
  .sidebar-expand .side-user .media-left img,
  .sidebar-focused .side-user .media-left img {
    transition-duration: 0.5s;
    transition-property: all;
    transition-delay: 0.125s;
  }
  .sidebar-expand .site-sidebar .jump-to-btn .btn, .sidebar-expand .site-sidebar .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sidebar-expand .site-sidebar .jump-to-btn button, .sidebar-expand .site-sidebar .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sidebar-expand .site-sidebar .jump-to-btn button,
  .sidebar-focused .site-sidebar .jump-to-btn .btn,
  .sidebar-focused .site-sidebar .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sidebar-focused .site-sidebar .jump-to-btn button,
  .sidebar-focused .site-sidebar .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sidebar-focused .site-sidebar .jump-to-btn button {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.5s;
    transition-property: all;
    transition-delay: 0.25s;
  }
}

@media (min-width: 961px) {
  .sidebar-collapse,
  .sidebar-collapse .navbar-header,
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .main-wrapper,
  .sidebar-collapse .footer,
  .sidebar-collapse .logo-collapse,
  .sidebar-collapse .site-sidebar {
    transition-property: all;
    transition-delay: 0.125s;
  }
  .sidebar-collapse .logo-expand {
    display: inline-block;
    position: absolute;
    left: 0;
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
  }
  .sidebar-collapse .logo-collapse {
    display: inline-block;
    visibility: visible;
    opacity: 1;
  }
  .sidebar-collapse .sidebar-nav .side-menu > .item,
  .sidebar-collapse .sidebar-nav .side-menu > li > a,
  .sidebar-collapse .sidebar-nav .side-menu > li:hover > a svg {
    transition-property: all;
    transition-delay: 0s;
  }
  .sidebar-collapse .side-menu .hide-menu {
    display: inline-block !important;
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 3.75rem;
    transition-property: all;
    transition-delay: 0.125s;
  }
  .sidebar-collapse .site-sidebar .side-user .media .media-body {
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 14.375rem;
    transition-duration: 0.125s, 0.125s, 0.25s, 0.125s;
    transition-property: opacity, visibility, left, width;
    transition-delay: 0s, 0s, 0s, 0.25s;
  }
  .sidebar-collapse .side-user .media-left img {
    transition-duration: 0.25s;
    transition-property: all;
    transition-delay: 0.125s;
  }
  .sidebar-collapse .side-user [class*=user--]:after {
    left: 0 !important;
  }
  .sidebar-collapse .site-sidebar .jump-to-btn .btn, .sidebar-collapse .site-sidebar .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sidebar-collapse .site-sidebar .jump-to-btn button, .sidebar-collapse .site-sidebar .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sidebar-collapse .site-sidebar .jump-to-btn button {
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.25s;
    transition-property: all;
    transition-delay: 0s;
  }
  .sidebar-collapse .sidebar-nav .side-menu > li:hover > a svg {
    margin-right: 10px;
  }
}

.sidebar-focused .main-wrapper,
.sidebar-focused .footer {
  transition-property: margin-left;
  transition-delay: 0s;
}

.sidebar-focused .content-wrapper-fixed .main-wrapper > .widget-list {
  transition-property: left;
  transition-delay: 0s;
}

.sidebar-dark .side-user {
  transition-property: all;
  transition-delay: 0s;
}

.sidebar-expand .side-user [class*=user--]:after,
.sidebar-focused .side-user [class*=user--]:after {
  left: 0 !important;
}

.side-user .media .fs-12 {
  line-height: 0.9;
}

.site-sidebar .side-user .media-body .media-heading {
  line-height: 1.3;
}

/****SIDEBAR DARK*****/
.sidebar-dark .content-wrapper {
  background: transparent;
}
.sidebar-dark .site-sidebar {
  background: #364859;
  border-color: rgba(255, 255, 255, 0.2);
}
.sidebar-dark .site-sidebar .ps-scrollbar-y-rail,
.sidebar-dark .site-sidebar .ps-scrollbar-x {
  background: transparent !important;
}
.sidebar-dark .site-sidebar .ps-scrollbar-y {
  background: rgb(220, 220, 220) !important;
  right: 0 !important;
  width: 0.3125rem !important;
}
.sidebar-dark .side-user {
  border-bottom: 0;
  background: #2F3F4E;
}
.sidebar-dark .side-user .media {
  color: #fff;
}
.sidebar-dark .side-user .media-heading {
  color: #fff;
  font-weight: 500;
  padding-top: 0.6em;
}
.sidebar-dark .side-user .side-menu li:hover {
  background: transparent;
}
.sidebar-dark .side-user .side-menu li a {
  color: #fff;
  padding-top: 15px;
  margin-left: -22px;
}
.sidebar-dark .side-user .side-menu li a:hover, .sidebar-dark .side-user .side-menu li a:focus {
  margin-left: -15px;
}
.sidebar-dark .side-user .side-menu > li.active > a:first-child {
  border-left: 3px solid #7FB1E1;
}
.sidebar-dark .side-user .side-menu li.current-page > a:first-child,
.sidebar-dark .side-user .side-menu li.active > a:first-child {
  padding-left: 1em !important;
}
.sidebar-dark .side-user [class*=user--]:after {
  border-color: #3D5062;
}
.sidebar-dark .side-menu li:hover, .sidebar-dark .side-menu li.active {
  background-color: #3D5062;
}
.sidebar-dark .side-menu li.active > a {
  color: #fff;
}
.sidebar-dark .side-menu li.list-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar-dark .side-menu li a {
  color: #fff;
}
.sidebar-dark .side-menu :not([class*=color-]) > .list-icon,
.sidebar-dark .side-menu .menu-item-has-children > a::before {
  color: #fff;
}
.sidebar-dark .side-menu .menu-item-has-children > a::before {
  font-family: "Material Icons";
  content: "\e5cc";
  transition: transform 0.5s ease;
}
.sidebar-dark .side-menu .menu-item-has-children.active > a::before {
  content: "\e5cc" !important;
  transform: rotate(90deg);
  transition: transform 0.5s ease;
}
.sidebar-dark.sidebar-collapse .side-menu .sub-menu, .sidebar-dark.sidebar-horizontal .side-menu .sub-menu {
  background: #3D5062;
}
.sidebar-dark.sidebar-collapse .side-menu .sub-menu li, .sidebar-dark.sidebar-horizontal .side-menu .sub-menu li {
  background: #3D5062;
}

.hasToBePayedInvoice__bg {
  /* removed by Mike - please let me know if it somehow causes a problem in other parts of the platform - seems localized, so should be safe */
}

.terms-conditions.modal-open {
  overflow: hidden;
}
.terms-conditions.modal-open .modal {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.terms-conditions .modal .modal-dialog.modal-md {
  max-width: 100% !important;
}
.terms-conditions .modal .modal-dialog .modal-content {
  border-radius: 0;
}
.terms-conditions .modal-header {
  background: #0C0C0C;
  color: #fff;
  border-radius: 0 !important;
}
.terms-conditions .modal.fade .modal-dialog {
  transform: translate3d(0, 100vh, 0);
}
.terms-conditions .modal.show .modal-dialog {
  transform: translate3d(0, 33vh, 0);
  height: 100%;
  max-height: 67vh;
  margin: auto auto 0 !important;
}
.terms-conditions .modal.show .modal-dialog .modal-include-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px;
}
.terms-conditions .modal.show .modal-dialog .modal-include-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #eee;
}
.terms-conditions .modal.show .modal-dialog .modal-include-wrapper::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
.terms-conditions .modal.show .modal-dialog .modal-include-wrapper::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.terms-conditions .modal.show .modal-dialog .modal-content {
  height: 100%;
}
.terms-conditions .modal-title {
  color: #fff;
}
.terms-conditions .btn-close-element::before,
.terms-conditions .btn-close-element::after {
  background: #fff;
}

.common-back {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;
  width: 100%;
  min-height: 3.625rem;
  background: #fff;
  border-radius: 7px;
  border: 1px solid #EEE;
  overflow: hidden;
  margin-bottom: 0.9375rem;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .common-back {
    flex-wrap: nowrap;
  }
}
.common-back__left, .common-back__right {
  display: inline-flex;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;
  height: 100%;
}
.common-back__left {
  height: 100%;
}
@media (min-width: 768px) {
  .common-back__left {
    flex: 1 1 auto;
  }
}
.common-back__right {
  justify-content: flex-end;
  width: 100%;
  margin-left: auto;
  padding: 0.5rem 1.25rem;
}
.common-back__right .showSwitcherBtn {
  display: none;
}
.common-back__right .mobileCollapsedSwitcher.dropdown-menu {
  display: block;
  position: static;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  border-radius: 0;
}
.common-back__right:empty {
  border-top: 0;
  padding: 0;
}
.common-back__right .switcher {
  width: 100%;
}
.common-back__right .select2,
.common-back__right .switcher {
  max-width: 100%;
}
@media (min-width: 768px) {
  .common-back__right {
    max-width: 40%;
    border-top: 0;
  }
  .common-back__right .switcher,
  .common-back__right .select2 {
    max-width: 20rem;
  }
}
.common-back__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 58px;
  position: relative;
  background: #fdfdfd;
  border-right: 2px solid #EEE;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}
.common-back__link .arrow:after {
  transition: width 0.25s, height 0.25s;
}
.common-back__link:hover, .common-back__link:focus {
  cursor: pointer;
}
.common-back__link:hover .arrow:after, .common-back__link:focus .arrow:after {
  width: 16px;
  height: 16px;
  transition: width 0.25s, height 0.25s;
}
.common-back__title {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 0.5rem 1.25rem;
}
.common-back__title p {
  margin-bottom: 0;
}
.common-back__quick-edit {
  font-size: 1.5rem;
}
.common-back .title {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .common-back .title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
.common-back .subtitle,
.common-back p {
  font-size: 0.875rem;
  line-height: 1rem;
}

.common-back {
  overflow: visible;
}
.common-back__right {
  padding-right: 0;
  width: unset;
}
.common-back__right .showSwitcherBtn {
  display: block;
}
.common-back__right .mobileCollapsedSwitcher.dropdown-menu {
  display: none;
  position: absolute;
  margin: 0;
  padding: 16px !important;
  max-width: 85%;
  border: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.common-back__right .mobileCollapsedSwitcher.dropdown-menu.show {
  display: block;
}

@media (min-width: 900px) {
  .common-back {
    overflow: hidden;
  }
  .common-back__right {
    padding-right: 20px;
    width: 100%;
  }
  .common-back__right .mobileCollapsedSwitcher.dropdown-menu {
    display: block;
    position: static;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none;
  }
  .common-back__right .mobileCollapsedSwitcher.dropdown-menu .select2 {
    max-width: unset;
  }
  .common-back__right .showSwitcherBtn {
    display: none;
  }
}
.modal .modal-dialog.modal-bottom-bar {
  position: absolute;
  top: 50%;
  margin: auto auto 0;
  width: 100%;
  overflow: hidden;
  height: 90%;
  max-height: 90svh;
  transform: translate(0, -50%);
}
@media (max-width: 768px) {
  .modal .modal-dialog.modal-bottom-bar.super-bottom-bar {
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    max-height: 70%;
    transform: none;
  }
}
@media (min-width: 768px) {
  .modal .modal-dialog.modal-bottom-bar {
    margin: 0 0 0 -400px;
    position: absolute;
    top: unset;
    bottom: 0;
    left: 50%;
    width: 800px;
    height: auto;
    max-height: 60vh;
    max-width: 800px !important;
    overflow: hidden;
    transform: none;
  }
}
.modal .modal-dialog.modal-bottom-bar .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  max-height: 90svh;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}
@media (min-width: 768px) {
  .modal .modal-dialog.modal-bottom-bar .modal-content {
    max-height: 60svh;
  }
}
.modal .modal-dialog.modal-bottom-bar .RightBar {
  position: static;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  border-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
  overflow: hidden;
}
.modal .modal-dialog.modal-bottom-bar .RightBar__header {
  border-bottom: 4px solid #333;
}
.modal .modal-dialog.modal-bottom-bar .RightBar__body {
  max-height: calc(90vh - 64px);
  overflow: auto;
}
@media (min-width: 768px) {
  .modal .modal-dialog.modal-bottom-bar .RightBar__body {
    max-height: calc(60svh - 64px);
  }
}
.modal .modal-dialog.modal-bottom-bar .RightBar__body::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
.modal .modal-dialog.modal-bottom-bar .RightBar__body::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgb(175, 175, 175);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.modal .modal-dialog.modal-bottom-bar .RightBar__body .file-drop {
  padding: 3.125rem 0;
  margin: 1rem;
}

@media (min-width: 768px) {
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-25 {
    height: 25vh;
    max-height: 25vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-25 .modal-content {
    max-height: none;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-25 .RightBar__body {
    max-height: 25vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-50 {
    height: 50vh;
    max-height: 50vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-50 .modal-content {
    max-height: none;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-50 .RightBar__body {
    max-height: 50vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-75 {
    height: 75vh;
    max-height: 75vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-75 .modal-content {
    max-height: none;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-75 .RightBar__body {
    max-height: 75vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-100 {
    height: 100vh;
    max-height: 100vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-100 .modal-content {
    max-height: none;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-h-100 .RightBar__body {
    max-height: 100vh;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-w-25 {
    margin: 0 0 0 -12.5vw;
    width: 25vw;
    max-width: 25vw !important;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-w-50 {
    margin: 0 0 0 -25vw;
    width: 50vw;
    max-width: 50vw !important;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-w-75 {
    margin: 0 0 0 -37.5vw;
    width: 75vw;
    max-width: 75vw !important;
  }
  .modal .modal-dialog.modal-bottom-bar.tombstone-w-100 {
    margin: 0 0 0 -50vw;
    width: 100vw;
    max-width: 100vw !important;
  }
}

.form-actions-btn {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.form-actions-btn svg {
  margin-left: 20px;
  margin-right: 8px;
  max-width: 18px;
  height: 16px;
  fill: #555;
}
.form-actions-btn svg.xmark {
  margin-left: 16px;
  margin-right: 4px;
}
.form-actions-btn i {
  display: none;
}

.modal .modal-fs .modal-body.modal-sticky-footer ng-include,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer ng-include,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer ng-include,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer ng-include,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer ng-include,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer ng-include,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer ng-include,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer ng-include,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer ng-include {
  width: 100%;
  height: 100%;
}
.modal .modal-fs .modal-body.modal-sticky-footer .mechents-modal-container,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .mechents-modal-container,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .mechents-modal-container,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .mechents-modal-container,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .mechents-modal-container,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .mechents-modal-container,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container {
  position: relative;
  padding-bottom: 40px;
  overflow: hidden;
}
.modal .modal-fs .modal-body.modal-sticky-footer .mechents-modal-container .modal-header,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .mechents-modal-container .modal-header,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container .modal-header,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .mechents-modal-container .modal-header,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .mechents-modal-container .modal-header,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container .modal-header,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .mechents-modal-container .modal-header,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .mechents-modal-container .modal-header,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container .modal-header {
  margin: 0;
  padding: 15px 25px;
}
.modal .modal-fs .modal-body.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .mechents-modal-container .mechents-content-container,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .mechents-modal-container .mechents-content-container {
  padding: 0 25px 15px;
  overflow: auto;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 100% !important;
  height: 43px;
  bottom: 0;
  left: 0 !important;
  margin: 0;
  background: #fff;
  box-shadow: 0 -1px 3px 0 rgba(122, 122, 122, 0.3);
  border-top: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input), .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input), .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input),
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input),
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input),
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input),
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) {
  margin: 0 !important;
  height: 37px !important;
  padding: 0 20px !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  min-width: 55px;
  position: relative;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input) input.btn,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input) input.btn,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input) input.btn {
  min-width: unset;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus {
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.125s;
  transition-property: all;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):hover:before,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):hover:before,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .btn:not(input):focus:before,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input):focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list button:not(input):focus:before {
  transition: opacity 0.15s linear;
  opacity: 1;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list i + .btn, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list i + button, .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list svg + .btn,
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + .btn,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + .btn,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + .btn,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + .btn,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list i + .btn,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list svg + .btn,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + .btn,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + .btn,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + .btn,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + .btn,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list i + .btn,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list i + button,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list i + button,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list svg + .btn,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list svg + button,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list svg + button,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + .btn,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + .btn,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + .btn,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i + button,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + .btn,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + button,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list svg + button {
  padding-left: 0 !important;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list i.fa-light,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list i.fa-light,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list i.fa-light,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light {
  font-weight: 300 !important;
  margin-right: 8px;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button],
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-actions.btn-list i.fa-light + input[type=button] {
  justify-content: flex-start;
}
.modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button {
  color: #333;
  background: transparent !important;
}
.modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus, .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-body.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:hover,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:hover,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .btn:focus,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions.btn-list button:focus {
  background: transparent !important;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-oscar .form-group,
.modal .modal-fs .modal-body.modal-sticky-footer .card,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-oscar .form-group,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .card,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .form-oscar .form-group,
.modal .modal-fs .cbe-popup-content-wrapper.modal-sticky-footer .card,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-oscar .form-group,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .card,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-oscar .form-group,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .card,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .form-oscar .form-group,
.modal .modal-dialog .modal-content .cbe-popup-content-wrapper.modal-sticky-footer .card,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-oscar .form-group,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .card,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-oscar .form-group,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .card,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .form-oscar .form-group,
.custom-fields-modal-overlay .cbe-popup-content-wrapper.modal-sticky-footer .card {
  position: inherit;
}
.modal .modal-fs .modal-body .modal-body,
.modal .modal-fs .modal-include-wrapper .modal-body,
.modal .modal-dialog .modal-content .modal-body .modal-body,
.modal .modal-dialog .modal-content .modal-include-wrapper .modal-body,
.custom-fields-modal-overlay .modal-body .modal-body,
.custom-fields-modal-overlay .modal-include-wrapper .modal-body {
  position: initial;
}
.modal .modal-fs .modal-body.modal-sticky-footer,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer {
  position: relative;
  padding-bottom: 43px;
  min-height: 200px;
}
.modal .modal-fs .modal-body.modal-sticky-footer .form-actions.btn-list,
.modal .modal-fs .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list,
.modal .modal-dialog .modal-content .modal-body.modal-sticky-footer .form-actions.btn-list,
.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list,
.custom-fields-modal-overlay .modal-body.modal-sticky-footer .form-actions.btn-list,
.custom-fields-modal-overlay .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list {
  position: absolute;
  padding: 0;
  border: none;
}
.modal .modal-fs .modal-body.filesTransferModal,
.modal .modal-fs .modal-include-wrapper.filesTransferModal,
.modal .modal-dialog .modal-content .modal-body.filesTransferModal,
.modal .modal-dialog .modal-content .modal-include-wrapper.filesTransferModal,
.custom-fields-modal-overlay .modal-body.filesTransferModal,
.custom-fields-modal-overlay .modal-include-wrapper.filesTransferModal {
  overflow-x: hidden;
}
.modal .modal-fs .form-actions-btn,
.modal .modal-dialog .modal-content .form-actions-btn,
.custom-fields-modal-overlay .form-actions-btn {
  height: 26px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  border: 1px solid #333;
  border-radius: 6px;
  background: transparent;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn,
  .modal .modal-dialog .modal-content .form-actions-btn,
  .custom-fields-modal-overlay .form-actions-btn {
    font-size: 14px;
    height: 22px;
  }
}
.modal .modal-fs .form-actions-btn i,
.modal .modal-dialog .modal-content .form-actions-btn i,
.custom-fields-modal-overlay .form-actions-btn i {
  display: inline-flex;
  padding-left: 10px;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn i,
  .modal .modal-dialog .modal-content .form-actions-btn i,
  .custom-fields-modal-overlay .form-actions-btn i {
    padding-left: 20px;
  }
}
.modal .modal-fs .form-actions-btn i + input[type=submit],
.modal .modal-fs .form-actions-btn i + input[type=button],
.modal .modal-fs .form-actions-btn i + a,
.modal .modal-fs .form-actions-btn i + button,
.modal .modal-fs .form-actions-btn i + div,
.modal .modal-fs .form-actions-btn i + .btn,
.modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button,
.modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button,
.modal .modal-dialog .modal-content .form-actions-btn i + input[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn i + input[type=button],
.modal .modal-dialog .modal-content .form-actions-btn i + a,
.modal .modal-dialog .modal-content .form-actions-btn i + button,
.modal .modal-dialog .modal-content .form-actions-btn i + div,
.modal .modal-dialog .modal-content .form-actions-btn i + .btn,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button,
.custom-fields-modal-overlay .form-actions-btn i + input[type=submit],
.custom-fields-modal-overlay .form-actions-btn i + input[type=button],
.custom-fields-modal-overlay .form-actions-btn i + a,
.custom-fields-modal-overlay .form-actions-btn i + button,
.custom-fields-modal-overlay .form-actions-btn i + div,
.custom-fields-modal-overlay .form-actions-btn i + .btn,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button {
  padding-left: 0 !important;
  justify-content: flex-start;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn i + input[type=submit],
  .modal .modal-fs .form-actions-btn i + input[type=button],
  .modal .modal-fs .form-actions-btn i + a,
  .modal .modal-fs .form-actions-btn i + button,
  .modal .modal-fs .form-actions-btn i + div,
  .modal .modal-fs .form-actions-btn i + .btn,
  .modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button,
  .modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button,
  .modal .modal-dialog .modal-content .form-actions-btn i + input[type=submit],
  .modal .modal-dialog .modal-content .form-actions-btn i + input[type=button],
  .modal .modal-dialog .modal-content .form-actions-btn i + a,
  .modal .modal-dialog .modal-content .form-actions-btn i + button,
  .modal .modal-dialog .modal-content .form-actions-btn i + div,
  .modal .modal-dialog .modal-content .form-actions-btn i + .btn,
  .modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button,
  .modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button,
  .custom-fields-modal-overlay .form-actions-btn i + input[type=submit],
  .custom-fields-modal-overlay .form-actions-btn i + input[type=button],
  .custom-fields-modal-overlay .form-actions-btn i + a,
  .custom-fields-modal-overlay .form-actions-btn i + button,
  .custom-fields-modal-overlay .form-actions-btn i + div,
  .custom-fields-modal-overlay .form-actions-btn i + .btn,
  .custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button,
  .custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button {
    padding-left: 4px !important;
  }
}
.modal .modal-fs .form-actions-btn i + a,
.modal .modal-fs .form-actions-btn i + div,
.modal .modal-fs .form-actions-btn i + .btn:not(input),
.modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button:not(input),
.modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button:not(input),
.modal .modal-dialog .modal-content .form-actions-btn i + a,
.modal .modal-dialog .modal-content .form-actions-btn i + div,
.modal .modal-dialog .modal-content .form-actions-btn i + .btn:not(input),
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button:not(input),
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button:not(input),
.custom-fields-modal-overlay .form-actions-btn i + a,
.custom-fields-modal-overlay .form-actions-btn i + div,
.custom-fields-modal-overlay .form-actions-btn i + .btn:not(input),
.custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button:not(input),
.custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button:not(input) {
  min-width: 80px;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn i + a,
  .modal .modal-fs .form-actions-btn i + div,
  .modal .modal-fs .form-actions-btn i + .btn:not(input),
  .modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button:not(input),
  .modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn i + button:not(input),
  .modal .modal-dialog .modal-content .form-actions-btn i + a,
  .modal .modal-dialog .modal-content .form-actions-btn i + div,
  .modal .modal-dialog .modal-content .form-actions-btn i + .btn:not(input),
  .modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button:not(input),
  .modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn i + button:not(input),
  .custom-fields-modal-overlay .form-actions-btn i + a,
  .custom-fields-modal-overlay .form-actions-btn i + div,
  .custom-fields-modal-overlay .form-actions-btn i + .btn:not(input),
  .custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button:not(input),
  .custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons i + button:not(input),
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn i + button:not(input) {
    min-width: unset;
  }
}
.modal .modal-fs .form-actions-btn a,
.modal .modal-dialog .modal-content .form-actions-btn a,
.custom-fields-modal-overlay .form-actions-btn a {
  display: inline-flex;
  align-items: center;
}
.modal .modal-fs .form-actions-btn button,
.modal .modal-fs .form-actions-btn div.btn,
.modal .modal-fs .form-actions-btn a,
.modal .modal-fs .form-actions-btn .btn,
.modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button,
.modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button,
.modal .modal-dialog .modal-content .form-actions-btn button,
.modal .modal-dialog .modal-content .form-actions-btn div.btn,
.modal .modal-dialog .modal-content .form-actions-btn a,
.modal .modal-dialog .modal-content .form-actions-btn .btn,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button,
.custom-fields-modal-overlay .form-actions-btn button,
.custom-fields-modal-overlay .form-actions-btn div.btn,
.custom-fields-modal-overlay .form-actions-btn a,
.custom-fields-modal-overlay .form-actions-btn .btn,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button {
  width: unset;
  height: 100%;
  background: transparent !important;
  color: inherit;
  border: 0 !important;
  padding-right: 10px !important;
  padding-left: 4px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin: 0;
  outline: 0;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn button,
  .modal .modal-fs .form-actions-btn div.btn,
  .modal .modal-fs .form-actions-btn a,
  .modal .modal-fs .form-actions-btn .btn,
  .modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button,
  .modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button,
  .modal .modal-dialog .modal-content .form-actions-btn button,
  .modal .modal-dialog .modal-content .form-actions-btn div.btn,
  .modal .modal-dialog .modal-content .form-actions-btn a,
  .modal .modal-dialog .modal-content .form-actions-btn .btn,
  .modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button,
  .modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button,
  .custom-fields-modal-overlay .form-actions-btn button,
  .custom-fields-modal-overlay .form-actions-btn div.btn,
  .custom-fields-modal-overlay .form-actions-btn a,
  .custom-fields-modal-overlay .form-actions-btn .btn,
  .custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button,
  .custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
  .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button {
    padding-right: 20px !important;
    padding-left: 8px !important;
  }
}
.modal .modal-fs .form-actions-btn button:hover, .modal .modal-fs .form-actions-btn button:focus,
.modal .modal-fs .form-actions-btn div.btn:hover,
.modal .modal-fs .form-actions-btn div.btn:focus,
.modal .modal-fs .form-actions-btn a:hover,
.modal .modal-fs .form-actions-btn a:focus,
.modal .modal-fs .form-actions-btn .btn:hover,
.modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button:hover,
.modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button:hover,
.modal .modal-fs .form-actions-btn .btn:focus,
.modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button:focus,
.modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button:focus,
.modal .modal-dialog .modal-content .form-actions-btn button:hover,
.modal .modal-dialog .modal-content .form-actions-btn button:focus,
.modal .modal-dialog .modal-content .form-actions-btn div.btn:hover,
.modal .modal-dialog .modal-content .form-actions-btn div.btn:focus,
.modal .modal-dialog .modal-content .form-actions-btn a:hover,
.modal .modal-dialog .modal-content .form-actions-btn a:focus,
.modal .modal-dialog .modal-content .form-actions-btn .btn:hover,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button:hover,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button:hover,
.modal .modal-dialog .modal-content .form-actions-btn .btn:focus,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button:focus,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button:focus,
.custom-fields-modal-overlay .form-actions-btn button:hover,
.custom-fields-modal-overlay .form-actions-btn button:focus,
.custom-fields-modal-overlay .form-actions-btn div.btn:hover,
.custom-fields-modal-overlay .form-actions-btn div.btn:focus,
.custom-fields-modal-overlay .form-actions-btn a:hover,
.custom-fields-modal-overlay .form-actions-btn a:focus,
.custom-fields-modal-overlay .form-actions-btn .btn:hover,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button:hover,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button:hover,
.custom-fields-modal-overlay .form-actions-btn .btn:focus,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button:focus,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button:focus {
  cursor: pointer;
}
.modal .modal-fs .form-actions-btn input[type=button],
.modal .modal-fs .form-actions-btn input[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn input[type=button],
.modal .modal-dialog .modal-content .form-actions-btn input[type=submit],
.custom-fields-modal-overlay .form-actions-btn input[type=button],
.custom-fields-modal-overlay .form-actions-btn input[type=submit] {
  width: unset;
  height: unset;
  background: transparent !important;
  color: inherit;
  border: 0 !important;
  padding-right: 10px !important;
  padding-left: 4px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin: 0;
  outline: 0;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn input[type=button],
  .modal .modal-fs .form-actions-btn input[type=submit],
  .modal .modal-dialog .modal-content .form-actions-btn input[type=button],
  .modal .modal-dialog .modal-content .form-actions-btn input[type=submit],
  .custom-fields-modal-overlay .form-actions-btn input[type=button],
  .custom-fields-modal-overlay .form-actions-btn input[type=submit] {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
.modal .modal-fs .form-actions-btn input[type=button]:hover, .modal .modal-fs .form-actions-btn input[type=button]:focus,
.modal .modal-fs .form-actions-btn input[type=submit]:hover,
.modal .modal-fs .form-actions-btn input[type=submit]:focus,
.modal .modal-dialog .modal-content .form-actions-btn input[type=button]:hover,
.modal .modal-dialog .modal-content .form-actions-btn input[type=button]:focus,
.modal .modal-dialog .modal-content .form-actions-btn input[type=submit]:hover,
.modal .modal-dialog .modal-content .form-actions-btn input[type=submit]:focus,
.custom-fields-modal-overlay .form-actions-btn input[type=button]:hover,
.custom-fields-modal-overlay .form-actions-btn input[type=button]:focus,
.custom-fields-modal-overlay .form-actions-btn input[type=submit]:hover,
.custom-fields-modal-overlay .form-actions-btn input[type=submit]:focus {
  cursor: pointer;
}
.modal .modal-fs .form-actions-btn i,
.modal .modal-fs .form-actions-btn input[type=submit],
.modal .modal-fs .form-actions-btn input[type=button],
.modal .modal-fs .form-actions-btn button,
.modal .modal-fs .form-actions-btn a,
.modal .modal-fs .form-actions-btn .btn,
.modal .modal-fs .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button,
.modal .modal-fs .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn button,
.modal .modal-fs .form-actions-btn div.btn,
.modal .modal-dialog .modal-content .form-actions-btn i,
.modal .modal-dialog .modal-content .form-actions-btn input[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn input[type=button],
.modal .modal-dialog .modal-content .form-actions-btn button,
.modal .modal-dialog .modal-content .form-actions-btn a,
.modal .modal-dialog .modal-content .form-actions-btn .btn,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button,
.modal .modal-dialog .modal-content .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn button,
.modal .modal-dialog .modal-content .form-actions-btn div.btn,
.custom-fields-modal-overlay .form-actions-btn i,
.custom-fields-modal-overlay .form-actions-btn input[type=submit],
.custom-fields-modal-overlay .form-actions-btn input[type=button],
.custom-fields-modal-overlay .form-actions-btn button,
.custom-fields-modal-overlay .form-actions-btn a,
.custom-fields-modal-overlay .form-actions-btn .btn,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button,
.custom-fields-modal-overlay .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn button,
.custom-fields-modal-overlay .form-actions-btn div.btn {
  font-size: inherit !important;
  font-weight: inherit !important;
}
.modal .modal-fs .form-actions-btn:hover, .modal .modal-fs .form-actions-btn:focus,
.modal .modal-dialog .modal-content .form-actions-btn:hover,
.modal .modal-dialog .modal-content .form-actions-btn:focus,
.custom-fields-modal-overlay .form-actions-btn:hover,
.custom-fields-modal-overlay .form-actions-btn:focus {
  cursor: pointer;
  color: #fff;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.125s;
  transition-property: all;
}
.modal .modal-fs .form-actions-btn:hover i,
.modal .modal-fs .form-actions-btn:hover input[type=submit],
.modal .modal-fs .form-actions-btn:hover input[type=button],
.modal .modal-fs .form-actions-btn:hover button,
.modal .modal-fs .form-actions-btn:hover a,
.modal .modal-fs .form-actions-btn:hover .btn,
.modal .modal-fs .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn:hover button,
.modal .modal-fs .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn:hover button,
.modal .modal-fs .form-actions-btn:hover div.btn, .modal .modal-fs .form-actions-btn:focus i,
.modal .modal-fs .form-actions-btn:focus input[type=submit],
.modal .modal-fs .form-actions-btn:focus input[type=button],
.modal .modal-fs .form-actions-btn:focus button,
.modal .modal-fs .form-actions-btn:focus a,
.modal .modal-fs .form-actions-btn:focus .btn,
.modal .modal-fs .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn:focus button,
.modal .modal-fs .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .form-actions-btn:focus button,
.modal .modal-fs .form-actions-btn:focus div.btn,
.modal .modal-dialog .modal-content .form-actions-btn:hover i,
.modal .modal-dialog .modal-content .form-actions-btn:hover input[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn:hover input[type=button],
.modal .modal-dialog .modal-content .form-actions-btn:hover button,
.modal .modal-dialog .modal-content .form-actions-btn:hover a,
.modal .modal-dialog .modal-content .form-actions-btn:hover .btn,
.modal .modal-dialog .modal-content .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn:hover button,
.modal .modal-dialog .modal-content .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn:hover button,
.modal .modal-dialog .modal-content .form-actions-btn:hover div.btn,
.modal .modal-dialog .modal-content .form-actions-btn:focus i,
.modal .modal-dialog .modal-content .form-actions-btn:focus input[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn:focus input[type=button],
.modal .modal-dialog .modal-content .form-actions-btn:focus button,
.modal .modal-dialog .modal-content .form-actions-btn:focus a,
.modal .modal-dialog .modal-content .form-actions-btn:focus .btn,
.modal .modal-dialog .modal-content .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn:focus button,
.modal .modal-dialog .modal-content .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions-btn:focus button,
.modal .modal-dialog .modal-content .form-actions-btn:focus div.btn,
.custom-fields-modal-overlay .form-actions-btn:hover i,
.custom-fields-modal-overlay .form-actions-btn:hover input[type=submit],
.custom-fields-modal-overlay .form-actions-btn:hover input[type=button],
.custom-fields-modal-overlay .form-actions-btn:hover button,
.custom-fields-modal-overlay .form-actions-btn:hover a,
.custom-fields-modal-overlay .form-actions-btn:hover .btn,
.custom-fields-modal-overlay .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn:hover button,
.custom-fields-modal-overlay .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn:hover button,
.custom-fields-modal-overlay .form-actions-btn:hover div.btn,
.custom-fields-modal-overlay .form-actions-btn:focus i,
.custom-fields-modal-overlay .form-actions-btn:focus input[type=submit],
.custom-fields-modal-overlay .form-actions-btn:focus input[type=button],
.custom-fields-modal-overlay .form-actions-btn:focus button,
.custom-fields-modal-overlay .form-actions-btn:focus a,
.custom-fields-modal-overlay .form-actions-btn:focus .btn,
.custom-fields-modal-overlay .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn:focus button,
.custom-fields-modal-overlay .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .form-actions-btn:focus button,
.custom-fields-modal-overlay .form-actions-btn:focus div.btn {
  color: inherit;
}
.modal .modal-fs .form-actions-btn i.fa-light,
.modal .modal-dialog .modal-content .form-actions-btn i.fa-light,
.custom-fields-modal-overlay .form-actions-btn i.fa-light {
  font-weight: 300 !important;
}
.modal .modal-fs .form-actions-btn input.btn[type=submit],
.modal .modal-fs .form-actions-btn input.btn[type=button],
.modal .modal-dialog .modal-content .form-actions-btn input.btn[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn input.btn[type=button],
.custom-fields-modal-overlay .form-actions-btn input.btn[type=submit],
.custom-fields-modal-overlay .form-actions-btn input.btn[type=button] {
  box-shadow: none;
}
.modal .modal-fs .form-actions-btn input.btn[type=submit]:hover, .modal .modal-fs .form-actions-btn input.btn[type=submit]:focus,
.modal .modal-fs .form-actions-btn input.btn[type=button]:hover,
.modal .modal-fs .form-actions-btn input.btn[type=button]:focus,
.modal .modal-dialog .modal-content .form-actions-btn input.btn[type=submit]:hover,
.modal .modal-dialog .modal-content .form-actions-btn input.btn[type=submit]:focus,
.modal .modal-dialog .modal-content .form-actions-btn input.btn[type=button]:hover,
.modal .modal-dialog .modal-content .form-actions-btn input.btn[type=button]:focus,
.custom-fields-modal-overlay .form-actions-btn input.btn[type=submit]:hover,
.custom-fields-modal-overlay .form-actions-btn input.btn[type=submit]:focus,
.custom-fields-modal-overlay .form-actions-btn input.btn[type=button]:hover,
.custom-fields-modal-overlay .form-actions-btn input.btn[type=button]:focus {
  outline: none;
  border: 0 !important;
  box-shadow: none;
}
.modal .modal-fs .form-actions-btn.form-actions-btn--input,
.modal .modal-dialog .modal-content .form-actions-btn.form-actions-btn--input,
.custom-fields-modal-overlay .form-actions-btn.form-actions-btn--input {
  position: relative;
}
.modal .modal-fs .form-actions-btn.form-actions-btn--input > i[class^=fa],
.modal .modal-dialog .modal-content .form-actions-btn.form-actions-btn--input > i[class^=fa],
.custom-fields-modal-overlay .form-actions-btn.form-actions-btn--input > i[class^=fa] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 !important;
  margin: 0 !important;
  z-index: 0;
}
.modal .modal-fs .form-actions-btn.form-actions-btn--input > input[type=button], .modal .modal-fs .form-actions-btn.form-actions-btn--input > input[type=submit],
.modal .modal-dialog .modal-content .form-actions-btn.form-actions-btn--input > input[type=button],
.modal .modal-dialog .modal-content .form-actions-btn.form-actions-btn--input > input[type=submit],
.custom-fields-modal-overlay .form-actions-btn.form-actions-btn--input > input[type=button],
.custom-fields-modal-overlay .form-actions-btn.form-actions-btn--input > input[type=submit] {
  position: relative;
  height: 100%;
  width: 100%;
  padding-left: 36px !important;
}
@media (min-width: 576px) {
  .modal .modal-fs .form-actions-btn.form-actions-btn--input > input[type=button], .modal .modal-fs .form-actions-btn.form-actions-btn--input > input[type=submit],
  .modal .modal-dialog .modal-content .form-actions-btn.form-actions-btn--input > input[type=button],
  .modal .modal-dialog .modal-content .form-actions-btn.form-actions-btn--input > input[type=submit],
  .custom-fields-modal-overlay .form-actions-btn.form-actions-btn--input > input[type=button],
  .custom-fields-modal-overlay .form-actions-btn.form-actions-btn--input > input[type=submit] {
    padding-left: 40px !important;
  }
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn {
  position: relative;
  line-height: 1;
  border-radius: 0;
  border: 0;
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:before {
  display: block;
  content: "";
  width: calc(100% + 2px);
  height: 5px;
  position: absolute;
  top: -11px;
  left: -1px;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus {
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.125s;
  transition-property: all;
  color: inherit;
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover:before, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus:before {
  transition: opacity 0.15s linear;
  opacity: 1;
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover i, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus i,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover i,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus i,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover i,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus i,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover i,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus i,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover i,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus i,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover i,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus i {
  color: inherit;
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover .btn:before, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover button:before, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:hover button:before, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus .btn:before, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus button:before, .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn:focus button:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover .btn:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover button:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:hover button:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus .btn:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus button:before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn:focus button:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover .btn:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover button:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:hover button:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus .btn:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus button:before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn:focus button:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover .btn:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover button:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:hover button:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus .btn:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus button:before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn:focus button:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover .btn:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover button:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:hover button:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus .btn:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus button:before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn:focus button:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover .btn:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover button:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:hover button:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus .btn:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus button:before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn:focus button:before {
  display: none;
}
.modal .modal-fs .cbe-popup-actions--sticky .form-actions-btn .fa-xmark::before,
.modal .modal-fs .modal-sticky-footer .form-actions .form-actions-btn .fa-xmark::before,
.modal .modal-dialog .modal-content .cbe-popup-actions--sticky .form-actions-btn .fa-xmark::before,
.modal .modal-dialog .modal-content .modal-sticky-footer .form-actions .form-actions-btn .fa-xmark::before,
.custom-fields-modal-overlay .cbe-popup-actions--sticky .form-actions-btn .fa-xmark::before,
.custom-fields-modal-overlay .modal-sticky-footer .form-actions .form-actions-btn .fa-xmark::before {
  font-size: 16px;
}
.modal .modal-fs .form-actions.justify-content-between .form-actions-btn:not(:first-child),
.modal .modal-fs .modal .form-actions.justify-content-between .form-actions-btn:not(:first-child),
.modal .modal-dialog .modal-content .form-actions.justify-content-between .form-actions-btn:not(:first-child),
.modal .modal-dialog .modal-content .modal .form-actions.justify-content-between .form-actions-btn:not(:first-child),
.custom-fields-modal-overlay .form-actions.justify-content-between .form-actions-btn:not(:first-child),
.custom-fields-modal-overlay .modal .form-actions.justify-content-between .form-actions-btn:not(:first-child) {
  border-right: 0 !important;
}

.modal-fs .modal-body {
  padding-bottom: 56px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-fs .form {
  position: relative;
}
.modal-fs .form-actions {
  width: 100%;
  background: #fff;
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0;
}

.branding-theme-mrclean .modal-sticky-footer .form-actions .form-actions-btn:hover:before {
  background-color: #ccc !important;
}

.modal-sticky-footer.modal-include-wrapper.sideBarModal {
  padding: 25px 25px 60px;
  position: relative;
}
.modal-sticky-footer.modal-include-wrapper.sideBarModal .form-actions .btn-list {
  position: absolute;
  bottom: 0;
  height: 43px;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #777;
  box-shadow: 0 -1px 0 rgba(122, 122, 122, 0.3);
}

.RightBar__form.modal-sticky-footer .RightBar__footer-bar {
  border: none;
  padding-bottom: 43px;
  background-color: transparent;
}
.RightBar__form.modal-sticky-footer .RightBar__footer-bar .form-actions {
  position: absolute;
  bottom: 0;
  height: 43px;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #777;
  box-shadow: 0 -1px 0 rgba(122, 122, 122, 0.3);
}
.RightBar__form.modal-sticky-footer .RightBar__footer-bar .form-actions button {
  padding: 0 !important;
  border: none;
  box-shadow: none;
}
.RightBar__form.modal-sticky-footer .RightBar__footer-bar .form-actions .form-actions-btn {
  padding: 0 20px;
}
.RightBar__form.modal-sticky-footer .RightBar__footer-bar .form-actions .form-actions-btn svg {
  margin-right: 0.5rem;
  width: 12px;
  height: 12px;
}

.modal-sticky-footer .sdil-1,
.modal-sticky-footer .sdil-2,
.modal-sticky-footer .sdil-1 {
  background-color: #aaa !important;
}

.modal-sticky-footer--sidebar,
.modal-sticky-footer--tombstone {
  position: relative;
  padding-bottom: 43px !important;
  margin: 0 !important;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 !important;
  height: 43px;
  border-top: 1px solid #ddd;
  background-color: #fff;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone {
  height: auto;
  border: none;
  border-radius: 0;
  border-right: 1px solid #ddd;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar::before,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone::before,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar::before,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone::before {
  display: block;
  content: "";
  width: calc(100% + 2px);
  height: 5px;
  position: absolute;
  top: -11px;
  left: -1px;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover::before,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover::before,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover::before,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover::before,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover::before {
  transition: opacity 0.15s linear;
  opacity: 1;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .btn, .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar button, .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone button {
  margin: 0 !important;
  padding: 0 20px !important;
  box-shadow: none;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover .btn, .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover button, .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover button {
  color: #333;
}
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar svg + .btn, .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar svg + button, .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone svg + .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar svg + .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone svg + .btn,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--sidebar .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar svg + .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone svg + .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar svg + .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--sidebar svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone svg + .btn,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone svg + button,
.modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone svg + button {
  padding-left: 0 !important;
}

.modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .sticky-footer-actions-dropdown .dropdown .btn:not(input), .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .sticky-footer-actions-dropdown .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input), .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .sticky-footer-actions-dropdown .dropdown button:not(input), .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .sticky-footer-actions-dropdown .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(input), .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .modal-include-wrapper.modal-sticky-footer .form-actions.btn-list .sticky-footer-actions-dropdown .dropdown button:not(input) {
  padding-left: 0 !important;
}

.sticky-footer-actions-dropdown .dropdown,
.sticky-footer-actions-dropdown .select2-container--default.select2 {
  position: relative;
  z-index: 100000;
}
.sticky-footer-actions-dropdown .select2-container--default .select2-selection--single {
  padding-left: 0 !important;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.sticky-footer-actions-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 20px;
}
.sticky-footer-actions-dropdown .calendarIntegrationsDeleteMenu {
  top: -5px !important;
  left: -46px !important;
  right: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 !important;
  height: 0;
  min-height: 0;
  min-width: unset !important;
  width: auto !important;
  transform: translate(0, -100%) !important;
  border-radius: 3px !important;
  border-width: 0 !important;
  transition: all 0.3s ease-in-out;
}
.sticky-footer-actions-dropdown .gcal-event-delete-button[aria-expanded=true] + .calendarIntegrationsDeleteMenu {
  height: auto;
  padding: 0.6rem 0 !important;
  border-width: 1px !important;
  transition: all 0.3s ease-in-out;
}
.sticky-footer-actions-dropdown .gcal-event-delete-button[aria-expanded=true] svg.chevron {
  transform: rotate(0deg);
}
.sticky-footer-actions-dropdown svg.chevron {
  margin-left: 10px;
  height: 12px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}

.modal .modal-dialog .modal-content .form-actions-btn.sticky-footer-actions-dropdown .calendarIntegrationsDeleteMenu .dropdown-item {
  padding-left: 20px !important;
  text-transform: capitalize;
}

@media (max-width: 960px) {
  .btn-bottom-sticky-outlined {
    background-color: #fff;
  }
}
.platformBranding .form-actions--bottom-sticky,
.platformBranding .RightBar__footer.form-actions--bottom-sticky,
.companySettings .form-actions--bottom-sticky,
.companySettings .RightBar__footer.form-actions--bottom-sticky,
#platform-branding-form .form-actions--bottom-sticky,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky {
  display: flex;
  position: fixed;
  align-items: center;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 37px;
  background-color: #fff;
  box-shadow: 0 -1px 3px 0 rgba(122, 122, 122, 0.3);
  z-index: 100;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn {
  height: 22px;
  border: none !important;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn::before,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn::before,
.companySettings .form-actions--bottom-sticky .form-actions-btn::before,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn::before,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn::before,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn::before {
  display: block;
  content: "";
  width: calc(100% + 2px);
  height: 5px;
  position: absolute;
  top: -9px;
  left: -1px;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn:hover,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:hover,
.companySettings .form-actions--bottom-sticky .form-actions-btn:hover,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:hover,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn:hover,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:hover {
  color: #333;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn:hover::before,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:hover::before,
.companySettings .form-actions--bottom-sticky .form-actions-btn:hover::before,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:hover::before,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn:hover::before,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:hover::before {
  transition: opacity 0.15s linear;
  opacity: 1;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn .btn, .platformBranding .form-actions--bottom-sticky .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions--bottom-sticky .form-actions-btn button, .platformBranding .form-actions--bottom-sticky .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions--bottom-sticky .form-actions-btn button,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn .btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn .btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions--bottom-sticky .form-actions-btn button,
.companySettings .form-actions--bottom-sticky .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions--bottom-sticky .form-actions-btn button,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn .btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn .btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #platform-branding-form .form-actions--bottom-sticky .form-actions-btn button,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #platform-branding-form .form-actions--bottom-sticky .form-actions-btn button,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn .btn {
  margin: 0 !important;
  color: #333;
  line-height: 1;
  border-radius: 0 !important;
  border: none !important;
  border-right: 1px solid #ddd !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn svg,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn svg,
.companySettings .form-actions--bottom-sticky .form-actions-btn svg,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn svg,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn svg,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn svg {
  display: block !important;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn svg + .btn, .platformBranding .form-actions--bottom-sticky .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions--bottom-sticky .form-actions-btn svg + button, .platformBranding .form-actions--bottom-sticky .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions--bottom-sticky .form-actions-btn svg + button,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn svg + .btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn svg + .btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions--bottom-sticky .form-actions-btn svg + button,
.companySettings .form-actions--bottom-sticky .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions--bottom-sticky .form-actions-btn svg + button,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn svg + .btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn svg + .btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #platform-branding-form .form-actions--bottom-sticky .form-actions-btn svg + button,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons svg + button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #platform-branding-form .form-actions--bottom-sticky .form-actions-btn svg + button,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn svg + .btn {
  padding-left: 0 !important;
}
.platformBranding .form-actions--bottom-sticky .form-actions-btn:last-of-type .btn, .platformBranding .form-actions--bottom-sticky .form-actions-btn:last-of-type .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions--bottom-sticky .form-actions-btn:last-of-type button, .platformBranding .form-actions--bottom-sticky .form-actions-btn:last-of-type .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .platformBranding .form-actions--bottom-sticky .form-actions-btn:last-of-type button,
.platformBranding .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:last-of-type .btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn:last-of-type .btn,
.companySettings .form-actions--bottom-sticky .form-actions-btn:last-of-type .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions--bottom-sticky .form-actions-btn:last-of-type button,
.companySettings .form-actions--bottom-sticky .form-actions-btn:last-of-type .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .companySettings .form-actions--bottom-sticky .form-actions-btn:last-of-type button,
.companySettings .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:last-of-type .btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn:last-of-type .btn,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn:last-of-type .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #platform-branding-form .form-actions--bottom-sticky .form-actions-btn:last-of-type button,
#platform-branding-form .form-actions--bottom-sticky .form-actions-btn:last-of-type .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #platform-branding-form .form-actions--bottom-sticky .form-actions-btn:last-of-type button,
#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn:last-of-type .btn {
  border-right: none !important;
}

.widget-subscr-content.manageAccount {
  padding: 1.5rem;
}

.liveSupportSession {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.liveSupportSession .liveSupportSession__header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-right: 20px;
  line-height: 1;
  color: #000;
}
.liveSupportSession .liveSupportSession__header a {
  margin: 0 5px;
}
.liveSupportSession .liveSupportSession__header span {
  font-size: 14px;
  font-weight: 400;
}
.liveSupportSession .liveSupportSession__header span.liveSupportSession__header-title {
  margin-right: 5px;
  font-size: 21px;
  font-weight: 700;
}
.liveSupportSession .liveSupportSession__header .liveSupportSession__header-content {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.liveSupportSession .liveSupportSession__item {
  display: flex;
  align-items: center;
  padding-right: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.liveSupportSession .liveSupportSession__date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  width: 92px;
  height: 92px;
  max-width: 92px;
  max-height: 92px;
  min-width: 92px;
  min-height: 92px;
}
.liveSupportSession .liveSupportSession__date span {
  line-height: 0.9;
  font-weight: 700;
}
.liveSupportSession .liveSupportSession__date .liveSupportSession__date-month {
  margin-bottom: 3px;
  font-size: 22px;
}
.liveSupportSession .liveSupportSession__date .liveSupportSession__date-day {
  font-size: 40px;
}
.liveSupportSession .liveSupportSession__data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #000;
}
.liveSupportSession .liveSupportSession__data .liveSupportSession__time {
  font-size: 21px;
  font-weight: 700;
}
.liveSupportSession .liveSupportSession__data .liveSupportSession__host {
  font-size: 13px;
  font-weight: 400;
}
.liveSupportSession .liveSupportSession__button-wrap {
  margin-right: 0;
  margin-left: auto;
}

.liveSupportSession__button {
  width: 150px;
  height: 34px;
  border-radius: 0 !important;
  box-shadow: none;
}

.btn.liveSupportSession__button.disabled, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.liveSupportSession__button.disabled, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.liveSupportSession__button.disabled {
  background-color: #E7E7E7;
  color: #BABABA;
}

.liveSupportSession__button--refresh {
  margin-left: auto;
}

.liveSupportSession__button-icon {
  width: 20px;
  height: 20px;
}
.liveSupportSession__button-icon svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

@media (max-width: 767px) {
  .widget-subscr-content.manageAccount {
    padding: 1rem;
  }
  .nav-tabs--manageAccount {
    padding-bottom: 1rem;
  }
  .liveSupportSession .liveSupportSession__header {
    position: relative;
    padding: 0 0 50px 0;
  }
  .liveSupportSession .liveSupportSession__header span {
    font-size: 12px;
  }
  .liveSupportSession .liveSupportSession__header span.liveSupportSession__header-title {
    font-size: 16px;
  }
  .liveSupportSession .liveSupportSession__header .liveSupportSession__header-link {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: 20px;
  }
  .liveSupportSession .liveSupportSession__header .liveSupportSession__button--refresh {
    flex-grow: 0;
    flex-shrink: 1;
    width: unset;
  }
  .liveSupportSession .liveSupportSession__item {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px 12px 86px;
    padding-left: 86px;
  }
  .liveSupportSession .liveSupportSession__date {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    min-width: 70px;
    min-height: unset;
    max-height: unset;
  }
  .liveSupportSession .liveSupportSession__date .liveSupportSession__date-month {
    font-size: 16px;
  }
  .liveSupportSession .liveSupportSession__date .liveSupportSession__date-day {
    font-size: 30px;
  }
  .liveSupportSession .liveSupportSession__data .liveSupportSession__time {
    font-size: 16px;
  }
  .liveSupportSession .liveSupportSession__data .liveSupportSession__host {
    font-size: 10px;
  }
  .liveSupportSession .liveSupportSession__button-wrap {
    margin-top: 8px;
  }
  .liveSupportSession .liveSupportSession__button-wrap .liveSupportSession__button {
    width: 120px;
    font-size: 10px;
  }
  .form-actions--liveSupportSession {
    margin-bottom: 16px;
  }
}
.addon-icon {
  width: 100%;
  height: 100%;
  max-width: 250px;
  max-height: 250px;
}
.addon-icon svg {
  width: 100%;
  height: 100%;
  fill: #333;
}

.addon-buttons {
  flex-shrink: 0;
}

.addon-item--sideBar {
  padding: 20px 40px 20px 45px;
}

#Notices-grid table th:last-child,
#Notices-grid table td:last-child {
  width: 20%;
}

@media (max-width: 650px) {
  #Notices-grid table th:last-child,
  #Notices-grid table td:last-child {
    width: 40%;
  }
}
.video-service-side-bar-content .video-service-side-bar-content__title {
  margin-bottom: 21px;
  padding-top: 20px;
  padding-left: 37px;
  font-size: 23px;
  font-weight: 400;
  color: #444;
}
.video-service-side-bar-content .info-block {
  gap: 1rem;
  padding: 1rem 2rem 1.25rem 43px;
  border-top: 4px solid #f8f8f8;
  border-bottom: 4px solid #f8f8f8;
}
.video-service-side-bar-content .info-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
}
.video-service-side-bar-content .info-block__icon svg {
  width: 38px;
  height: 38px;
  fill: #555;
}
.video-service-side-bar-content .info-block__text {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.5em;
}
.video-service-side-bar-content .pricing-option {
  display: flex;
  align-items: center;
  padding: 20px 1rem 20px 45px;
  border-bottom: 1px solid #eee;
}
.video-service-side-bar-content .pricing-option--progress {
  padding-right: 2rem;
}
.video-service-side-bar-content .pricing-option .data-name {
  font-weight: 600;
}
.video-service-side-bar-content .pricing-option .actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.video-service-side-bar-content .pricing-option .checkmark-icon {
  margin-right: 1rem;
}
.video-service-side-bar-content .pricing-option .addOn-submit svg {
  width: 32px;
  height: auto;
  max-height: 36px;
  fill: #555;
}
.video-service-side-bar-content .pricing-option__title {
  margin-bottom: 10px;
  font-size: 20px;
  color: #444;
}

.ribbon-notify {
  position: fixed;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  border-top: none;
  transform: translate(-50%, 0);
  z-index: 999;
}
.ribbon-notify .ribbon-notify__inner-wrap {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.ribbon-notify .ribbon-notify__title {
  position: relative;
  padding-bottom: 33px;
  background-color: #fff;
  opacity: 1;
  border-radius: 0 0 7px 7px;
  border-bottom: 3px solid #333;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.ribbon-notify .ribbon-notify__title .ribbon-notify__title-content {
  position: relative;
  padding: 18px 40px;
  padding-bottom: 0;
  text-align: center;
  height: auto;
  font-size: 21px;
  line-height: 1;
  color: #353535;
  text-transform: uppercase;
  white-space: nowrap;
}
.ribbon-notify .ribbon-notify__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ribbon-notify .ribbon-notify__icon--exclamation {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 29px;
  height: 29px;
  color: #fff;
  font-size: 21px;
  border-radius: 50%;
  background-color: #DB0000;
  transform: translate(-50%, 50%);
}
.ribbon-notify.ribbon-notify__block-shown .ribbon-notify__list-block {
  transform: translate(-50%, 0);
  opacity: 1;
}
.ribbon-notify.ribbon-notify__block-shown + .ribbon-notify__list-block {
  transform: translate(-50%, 0);
  opacity: 1;
}

.ribbon-notify__list-block {
  position: fixed;
  top: 0;
  left: 50%;
  padding-bottom: 50px;
  max-width: 950px;
  width: 950px;
  background-color: #fff;
  border-bottom: 9px solid #333;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -100%);
  opacity: 0;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  z-index: 9999;
}
.ribbon-notify__list-block .ribbon-notify__icon--down-arrow {
  bottom: 16px;
  width: 39px;
  height: 19px;
}
.ribbon-notify__list-block .ribbon-notify__icon--down-arrow::after {
  left: 6px;
  bottom: -12px;
  width: 28px;
  height: 28px;
  border-width: 4px;
  transform: rotate(225deg) skew(-4deg, -4deg);
}

.ribbon-notify__icon--down-arrow {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 22px;
  height: 13px;
  transform: translate(-50%, 0);
}
.ribbon-notify__icon--down-arrow::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 3px;
  background-color: transparent;
  border: 2px solid #333;
  border-left: none;
  border-top: none;
  border-radius: 2px;
  transform: rotate(45deg) skew(-2deg, -2deg);
  opacity: 1;
}

.ribbon-notify__list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  max-height: 212px;
  min-width: 100%;
  width: 100%;
  overflow: auto;
}
.ribbon-notify__list .ribbon-notify__item {
  width: 100%;
  min-width: 100%;
}

.ribbon-notify__item-progress {
  position: relative;
  padding: 22px;
  padding-left: 28px;
  font-weight: 700;
  font-size: 22px;
  border-bottom: 4px solid #FDF8F7;
  cursor: default;
}
.ribbon-notify__item-progress .ribbon-notify__item-progress-bar {
  position: absolute;
  display: block;
  bottom: -4px;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #24AD95;
}

.ribbon-notify__link {
  position: relative;
  padding: 25px 43px 25px 28px;
  cursor: pointer;
}
.ribbon-notify__link .ribbon-notify__link-icon {
  flex-shrink: 0;
  position: relative;
  display: block;
}
.ribbon-notify__link .ribbon-notify__link-icon-right {
  margin-left: 15px;
  width: 19px;
  height: 39px;
}
.ribbon-notify__link .ribbon-notify__link-icon-right::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 28px;
  height: 28px;
  border: 4px solid #ccc;
  border-radius: 2px;
  border-bottom: none;
  border-left: none;
  background-color: transparent;
  transform: rotate(45deg);
}

.ribbon-notify__link:hover {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ribbon-notify__link-title {
  margin-bottom: 11px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.ribbon-notify__link-next {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.ribbon-notify__link-next span {
  color: #777;
}

.ribbon-notify__link-icon-left {
  margin-right: 15px;
  width: 56px;
  height: 56px;
}
.ribbon-notify__link-icon-left i {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.ribbon-notify__link-icon-left i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 40px;
  transform: translate(-50%, -50%);
}

.sd-ribbon-notifications {
  display: none !important;
}
.sd-ribbon-notifications.show {
  display: block !important;
}

@media (max-width: 1300px) {
  .ribbon-notify {
    /*max-width: 94%;
    width: 94%;*/
  }
  .ribbon-notify .ribbon-notify__title .ribbon-notify__title-content {
    padding: 16px 22px;
    padding-bottom: 0;
    font-size: 18px;
  }
  .ribbon-notify__list-block {
    max-width: 94%;
    padding-bottom: 40px;
    border-width: 6px;
  }
  .ribbon-notify__list-block .ribbon-notify__icon--down-arrow {
    bottom: 12px;
    width: 30px;
    height: 16px;
  }
  .ribbon-notify__list-block .ribbon-notify__icon--down-arrow::after {
    left: 5px;
    bottom: -8px;
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
  .ribbon-notify__link {
    padding: 16px;
  }
  .ribbon-notify__link .ribbon-notify__link-icon-right {
    margin-left: 8px;
    width: 16px;
    height: 30px;
  }
  .ribbon-notify__link .ribbon-notify__link-icon-right::before {
    right: 3px;
    width: 20px;
    height: 20px;
  }
  .ribbon-notify__item-progress {
    padding: 12px 16px;
    font-size: 16px;
  }
  .ribbon-notify__link-title {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 1.3;
  }
  .ribbon-notify__link-next {
    font-size: 12px;
    line-height: 1.2;
  }
  .ribbon-notify__link-icon-left i::before {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .ribbon-notify__link-icon-left {
    display: none !important;
  }
  .ribbon-notify__link-next {
    font-size: 10px;
  }
  .ribbon-notify__link-title {
    font-size: 14px;
  }
}
.data-table-item-mobile.mobile-card {
  position: relative;
  margin-bottom: 10px;
  padding: 10px !important;
  border-top: 2px solid #EAE9E9;
  min-height: 121px;
}
.data-table-item-mobile.mobile-card.link-to-view {
  cursor: pointer;
}
@media (min-width: 600px) {
  .data-table-item-mobile.mobile-card {
    padding: 16px !important;
  }
}
.data-table-item-mobile.mobile-card .link-block .default-user-avatar,
.data-table-item-mobile.mobile-card .show-more {
  border-radius: 4px;
  border-top: 1px solid #ccc !important;
}
.data-table-item-mobile.mobile-card .fa-exclamation-triangle {
  color: red;
}
.data-table-item-mobile.mobile-card .link-to-view {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.data-table-item-mobile.mobile-card .option-viewed {
  flex-shrink: 0;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  height: 12px;
  width: 20px;
}
.data-table-item-mobile.mobile-card .option-viewed svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 17px;
  fill: #808080;
  color: #808080;
  stroke: #808080;
  transform: translate(-50%, -50%);
}
.data-table-item-mobile.mobile-card .option-viewed.green-eye svg {
  fill: #38d57a;
  color: #38d57a;
  stroke: #38d57a;
}
.data-table-item-mobile.mobile-card .mobile-card__header {
  align-items: center;
  padding: 0 30px 0 28px;
  min-height: 24px;
}
@media (min-width: 576px) {
  .data-table-item-mobile.mobile-card .mobile-card__header {
    align-items: flex-start;
    min-height: 28px;
    padding-left: 36px;
  }
}
.data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
}
.data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown {
  position: relative;
  margin: 0;
  border: none;
}
.data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .btn.btn-link, .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown button.btn-link, .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown button.btn-link {
  position: relative;
  padding: 16px !important;
  width: 40px;
  height: 52px !important;
  z-index: 5;
}
.data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .btn.btn-link .btn-options__icons, .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link .btn-options__icons, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown button.btn-link .btn-options__icons, .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link .btn-options__icons, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown button.btn-link .btn-options__icons {
  position: relative;
  width: 24px;
  height: 24px;
}
.data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .btn.btn-link .menu-loading, .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link .menu-loading, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown button.btn-link .menu-loading, .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link .menu-loading, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .data-table-item-mobile.mobile-card .mobile-card__header .options-btns-wrap .dropdown button.btn-link .menu-loading {
  position: absolute;
  display: block;
  top: 50% !important;
  left: 50% !important;
  right: unset !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
@media (max-width: 767px) {
  .data-table-item-mobile.mobile-card .mobile-card__header .showPaymentInvoiceButton {
    position: absolute;
    right: 1rem;
    bottom: 0;
  }
}
.data-table-item-mobile.mobile-card .mobile-card__header .checkbox-wrap {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  padding: 0;
  line-height: 1;
  z-index: 3;
}
.data-table-item-mobile.mobile-card .mobile-card__header .checkbox-wrap .label-text {
  padding: 0;
  width: 18px;
  height: 18px;
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap {
  position: absolute;
  left: 10px;
  top: 10px;
  flex-shrink: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap {
    left: 1rem;
    top: 1rem;
  }
}
@media (min-width: 576px) {
  .data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap {
    width: 24px;
    height: 24px;
  }
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap sd-user-avatar figure {
  margin: 0;
  width: 100% !important;
  height: 100% !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap sd-user-avatar figure * {
  width: 100% !important;
  height: 100% !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap sd-user-avatar figure * svg.userAvatar {
  width: 70% !important;
  height: 70% !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap sd-user-avatar figure .default-user-avatar {
  width: 100% !important;
  height: 100% !important;
  font-size: 14px;
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.data-table-item-mobile.mobile-card .mobile-card__header .avatar-wrap svg {
  width: 100%;
  height: 100%;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__info-wrap {
  margin: 0 !important;
  align-items: flex-start;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__info-wrap .definition {
  font-weight: 600;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__info-wrap,
.data-table-item-mobile.mobile-card .mobile-card__header .info-wrap {
  width: 100%;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__info-wrap .mobile-card__info-item.info__item,
.data-table-item-mobile.mobile-card .mobile-card__header .info-wrap .mobile-card__info-item.info__item {
  width: 100%;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__info-wrap .title,
.data-table-item-mobile.mobile-card .mobile-card__header .info-wrap .title {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.data-table-item-mobile.mobile-card .mobile-card__header .title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #444444;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  word-break: break-all;
}
.data-table-item-mobile.mobile-card .mobile-card__header .title .userEmail {
  text-transform: none;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon {
  display: flex;
  margin: 0 !important;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 1rem;
  top: 1rem;
  font-size: 25px;
}
@media (max-width: 600px) {
  .data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon {
    left: 10px;
    top: 10px;
  }
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon span {
  width: 100%;
  height: 100%;
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon svg {
  width: 100%;
  height: 100%;
  fill: #333;
  color: #333;
  stroke: #333;
}
@media (min-width: 576px) {
  .data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 768px) {
  .data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon {
    width: 24px;
    height: 24px;
  }
}
.data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__badge-block {
  column-gap: 4px;
}
.data-table-item-mobile.mobile-card .mobile-card__header .category-pill {
  margin: 0;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge {
  border-radius: 11px;
  padding: 3px 10px;
  font-weight: 500;
  font-size: 11px;
  color: #555;
  line-height: 1;
  text-transform: capitalize;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge + a {
  margin-top: 2px;
  line-height: 1;
  position: relative;
  z-index: 200;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.draft,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.Pending {
  background-color: #3FAFFF !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.overdue,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.rejected,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.Blocked {
  background-color: #D31100 !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.invoiced,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.paid,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.approved,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.active,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.Working {
  background-color: #54A356 !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.partially,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.open,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.activated {
  background-color: #B2CD63 !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.non-billable,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.void,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.expired,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.Completed {
  background-color: #B5B5B5 !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.inactive,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.outstanding,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.converted {
  background-color: #F36529 !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.unbilled,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.processing,
.data-table-item-mobile.mobile-card .mobile-card__header .badge.signed {
  background-color: #80A2FB !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.overpaid {
  background-color: #FF7E62 !important;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.project-status {
  position: relative;
  overflow: hidden;
}
.data-table-item-mobile.mobile-card .mobile-card__header .badge.project-status .project-status-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.data-table-item-mobile.mobile-card .mobile-card__details {
  margin-top: 7px;
  padding: 16px 0 0 15px;
  position: relative;
  border-top: 1px solid #EAE9E9;
  color: #808080;
}
.data-table-item-mobile.mobile-card .mobile-card__details::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  display: block;
  width: 3px;
  height: calc(100% - 16px);
  background: #444444;
}
.data-table-item-mobile.mobile-card .mobile-card__details .title {
  white-space: nowrap;
  font-weight: 600;
}
.data-table-item-mobile.mobile-card .mobile-card__details .price-item {
  font-size: 14px;
  font-weight: 600;
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
@media (min-width: 768px) {
  .data-table-item-mobile.mobile-card .mobile-card__details .price-item {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .data-table-item-mobile.mobile-card .mobile-card__details .price-item {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    text-align: right;
    position: absolute;
    right: 28px;
    bottom: -6px;
    z-index: 200;
  }
}
@media (max-width: 575px) {
  .data-table-item-mobile.mobile-card .mobile-card__details .price-item {
    font-size: 14px;
    font-weight: 600;
  }
}
.data-table-item-mobile.mobile-card .mobile-card__details .mobile-card__details-item {
  align-items: center;
}
.data-table-item-mobile.mobile-card .mobile-card__details .mobile-card__details-item .mobile-card__details-item-inner-container a.card-details__contact-name::after {
  content: ",";
}
.data-table-item-mobile.mobile-card .mobile-card__details .mobile-card__details-item .mobile-card__details-item-inner-container a.card-details__contact-name:last-of-type::after {
  display: none;
}
.data-table-item-mobile.mobile-card .mobile-card__details .link {
  font-weight: 500;
  color: #444444;
  position: relative;
  z-index: 200;
}
.data-table-item-mobile.mobile-card .mobile-card__details .link a {
  font-weight: 500;
  color: #444444;
}
.data-table-item-mobile.mobile-card .mobile-card__details .mobile-card__dropdown-btn {
  position: absolute;
  top: 16px;
  right: 0;
}
.data-table-item-mobile.mobile-card.mobile-card--crmContacts .dropdown-menu.dropdown-menu-ui, .data-table-item-mobile.mobile-card.mobile-card--company .dropdown-menu.dropdown-menu-ui {
  width: unset;
  min-width: 320px;
}
@media (max-width: 400px) {
  .data-table-item-mobile.mobile-card.mobile-card--crmContacts .dropdown-menu.dropdown-menu-ui, .data-table-item-mobile.mobile-card.mobile-card--company .dropdown-menu.dropdown-menu-ui {
    right: 0;
    max-width: calc(100vw - 42px);
  }
}
.data-table-item-mobile.mobile-card.mobile-card--crmContacts .card-members {
  align-items: center;
}
.data-table-item-mobile.mobile-card.mobile-card--crmContacts .card-members .card-member-item {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.data-table-item-mobile.mobile-card.mobile-card--crmContacts .card-members .card-member-item img {
  width: 100%;
  height: 100%;
  border-top: 1px solid #ccc;
  border-radius: 4px;
}
.data-table-item-mobile.mobile-card.mobile-card--crmContacts .card-members .card-member-item.show-more {
  width: 35px;
  height: 35px;
}
.data-table-item-mobile.mobile-card.mobile-card--crmContacts .card-members .card-member-item * {
  width: 100%;
  height: 100%;
}
.data-table-item-mobile.mobile-card.mobile-card--staff .avatar-wrap {
  border-radius: 5px;
}
.data-table-item-mobile.mobile-card.mobile-card--staff .avatar-wrap .default-user-avatar {
  border-radius: 5px;
}
@media (max-width: 600px) {
  .data-table-item-mobile.mobile-card.crm-company-card .dropdown-menu.dropdown-menu-ui {
    right: -15px;
  }
}
.data-table-item-mobile.mobile-card.mobile-card--messaging-inbox .avatar-wrap, .data-table-item-mobile.mobile-card.mobile-card--messaging-trash .avatar-wrap, .data-table-item-mobile.mobile-card.mobile-card--messaging-sent .avatar-wrap {
  border-radius: 50%;
}
.data-table-item-mobile.mobile-card.mobile-card--submissions .mobile-card__header .title {
  line-height: 1.2;
}
.data-table-item-mobile.mobile-card--mobile-card--circle .mobile-card__header .badge, .data-table-item-mobile.mobile-card--import-staff .mobile-card__header .badge, .data-table-item-mobile.mobile-card--subcriptions .mobile-card__header .badge, .data-table-item-mobile.mobile-card--plan .mobile-card__header .badge, .data-table-item-mobile.mobile-card.mobile-card--messaging-trash .mobile-card__header .badge, .data-table-item-mobile.mobile-card.mobile-card--messaging-sent .mobile-card__header .badge, .data-table-item-mobile.mobile-card.mobile-card--messaging-inbox .mobile-card__header .badge, .data-table-item-mobile.mobile-card.mobile-card--form-template .mobile-card__header .badge, .data-table-item-mobile.mobile-card.mobile-card--portal-pages .mobile-card__header .badge, .data-table-item-mobile.mobile-card.mobile-card--appointment-calendar .mobile-card__header .badge, .data-table-item-mobile.mobile-card.crm-contacts-card .mobile-card__header .badge {
  color: #fff;
}
.data-table-item-mobile.mobile-card.mobile-card--circle .info-wrap--icon svg {
  stroke: #333;
  stroke-width: 5px;
  fill: none;
}
.data-table-item-mobile.mobile-card.mobile-card--templates .mobile-card__icon svg, .data-table-item-mobile.mobile-card.mobile-card--generators .mobile-card__icon svg, .data-table-item-mobile.mobile-card.mobile-card--project .mobile-card__icon svg {
  margin-top: -3px;
}

.mobile-card--lifestream .mobile-card__header .avatar-wrap {
  width: 40px;
  height: 40px;
}
.mobile-card--lifestream .mobile-card__header .avatar-wrap figure {
  width: 40px !important;
  height: 40px !important;
}
.mobile-card--lifestream .mobile-card__header .avatar-wrap figure .default-user-avatar {
  border-radius: 5px;
}
.mobile-card--lifestream .mobile-card__header .email {
  word-break: break-all;
}
.mobile-card--lifestream .mobile-card__header .option-viewed {
  position: static;
}

.data-table-item-mobile.mobile-card.task-card .mobile-card__details .mobile-card__details-item {
  align-items: flex-start;
}

.mobile-card--pmTasks .pills {
  row-gap: 0.3rem;
  column-gap: 0.4rem;
  max-width: 100%;
  line-height: 1;
}
.mobile-card--pmTasks .pills .task-pill {
  margin: 0;
}

.mobile-card--phases .card-view-progress {
  flex-grow: 1;
}
.mobile-card--phases .card-view-progress .progress {
  margin-bottom: 0 !important;
}

.mobile-card--customFields .category-container {
  gap: 6px;
}
.mobile-card--customFields .category-container .info-wrap--category {
  height: 16px;
}

@media (max-width: 380px) {
  .mobile-card .details-item {
    font-size: 10px;
  }
  .mobile-card .card-details__contact-name {
    font-size: 12px;
  }
  .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .copy-uuid-ui {
    padding-left: 4px;
  }
  .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.mobile-card--checklist .mobile-card__header {
  align-items: center !important;
  min-height: 48px !important;
}

.mobile-card--automationTemplate .options-btns-wrap .dropdown {
  top: 8px;
}

.mobile-card--import-staff .mobile-card__details span.mobile-card__details-item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.gridview-header.mobile-gridview-header {
  margin-bottom: 10px !important;
  padding: 12px !important;
  width: 100%;
  row-gap: 16px;
  column-gap: 8px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #efefef;
}
@media (min-width: 768px) {
  .gridview-header.mobile-gridview-header.lms-panel__header {
    display: none;
  }
}
.gridview-header.mobile-gridview-header .mobile-gridview-header-filters.filter.collapse {
  display: none;
}
.gridview-header.mobile-gridview-header .mobile-gridview-header-filters.filter.collapse.show {
  display: flex;
}
.gridview-header.mobile-gridview-header .filter {
  position: relative;
}
.gridview-header.mobile-gridview-header .filter svg {
  position: absolute;
  left: 11px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translate(0, -50%);
}
.gridview-header.mobile-gridview-header .sd-list-card-switcher {
  gap: 8px;
}
@media (max-width: 768px) {
  .gridview-header.mobile-gridview-header .sd-list-card-switcher {
    display: none;
  }
}
.gridview-header.mobile-gridview-header .addButtonWrap .addButton,
.gridview-header.mobile-gridview-header .addButtonWrap .dropDownButton {
  padding: 0 !important;
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border-color: #ddd !important;
  border-radius: 6px;
}
.gridview-header.mobile-gridview-header .addButtonWrap .addButton svg,
.gridview-header.mobile-gridview-header .addButtonWrap .dropDownButton svg {
  width: 20px;
  height: 20px;
  fill: #777;
}
.gridview-header.mobile-gridview-header .addButtonWrap .btn svg, .gridview-header.mobile-gridview-header .addButtonWrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button svg, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header.mobile-gridview-header .addButtonWrap button svg, .gridview-header.mobile-gridview-header .addButtonWrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button svg, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gridview-header.mobile-gridview-header .addButtonWrap button svg {
  width: 20px;
  height: 20px;
  fill: #777;
}
.gridview-header.mobile-gridview-header .addButtonWrap .addButtonText {
  display: none;
}
.gridview-header.mobile-gridview-header .sd-list-card-switcher button,
.gridview-header.mobile-gridview-header button.searchBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 5px;
  border: none;
  background-color: transparent;
}
.gridview-header.mobile-gridview-header .sd-list-card-switcher button span,
.gridview-header.mobile-gridview-header button.searchBtn span {
  display: none;
}
.gridview-header.mobile-gridview-header .sd-list-card-switcher button svg,
.gridview-header.mobile-gridview-header button.searchBtn svg {
  width: 24px;
  height: 24px;
  fill: #777;
}
.gridview-header.mobile-gridview-header svg {
  fill: currentColor;
  stroke: currentColor;
}
.gridview-header.mobile-gridview-header #mobile-gridview-header-filters {
  width: 100%;
}
.gridview-header.mobile-gridview-header #mobile-gridview-header-filters > div {
  width: 100% !important;
}
.gridview-header.mobile-gridview-header #mobile-gridview-header-filters > div .card-view-filters {
  flex-grow: 1;
  width: unset;
}

@media (max-width: 900px) {
  .mobile-gridview-header .grid-actions .sd-btn-wide-primary-24px {
    font-size: 10px;
  }
  .card.data-table-wrap.grid-wrap-view {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .card.data-table-wrap.grid-wrap-view .dataTableResp {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
}
.split-view-wrapper.split-view-column.split-grid-wrap.card.data-view-wrapper.data-view-custom-wrapper {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}

.mailMain.grid-card-version .card.functional-theme {
  row-gap: 16px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

@media (max-width: 768px) {
  .messages-grid .gridview-header.mobile-gridview-header {
    display: none;
  }
  .lms-panel__header.gridview-header.mobile-gridview-header {
    display: flex;
  }
  .lms-panel__header {
    display: none;
  }
}
@media (max-width: 1200px) {
  .dataTableResp {
    max-width: 100%;
    overflow: auto;
  }
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #fff; /*Цвет скролла*/
}

::-webkit-scrollbar-thumb {
  border-radius: 5px; /*Закругление ползунка*/
  background-color: #ccc; /*Цвет ползунка*/
}

::-webkit-scrollbar {
  width: 6px; /*Толщина скролла*/
  height: 6px;
}

* {
  scrollbar-width: thin; /*Толщина скролла thin, auto*/
}

.drugging-icon {
  position: relative;
  width: 20px;
  height: 30px;
  box-sizing: content-box;
}
.drugging-icon .drugging-icon__element {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 8px;
  transform: translate(-50%, -50%);
}
.drugging-icon .drugging-icon__element::before, .drugging-icon .drugging-icon__element::after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 20px;
  background-color: #333;
}
.drugging-icon .drugging-icon__element::before {
  top: 0;
}
.drugging-icon .drugging-icon__element::after {
  bottom: 0;
}

.add-popUpNotice-form .text-input_text-redactor .form-control {
  height: unset !important;
}
.add-popUpNotice-form .sd-switchery-wrapper {
  flex-wrap: nowrap !important;
}
.add-popUpNotice-form .timeSwitcher {
  gap: 20px;
}
.add-popUpNotice-form .timeSwitcher .timeSwitcher_label {
  font-weight: 700;
}
.add-popUpNotice-form .timeSwitcher .timeSwitcher_select {
  width: 265px;
}

@media (max-width: 575px) {
  .add-popUpNotice-form .sd-switchery-wrapper {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.625rem !important;
  }
  .add-popUpNotice-form .sd-switchery-wrapper label {
    margin-top: 0 !important;
  }
  .add-popUpNotice-form .timeSwitcher {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 16px;
  }
}
#automation-template-grid th:last-child {
  padding-right: 16px !important;
}
#automation-template-grid .table tr td {
  padding: 16px !important;
}
#automation-template-grid .automation-template-title-td {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 6px;
}
#automation-template-grid .automation-count.badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  line-height: 0.9;
  border-radius: 12px;
  background-color: #333;
}
#automation-template-grid .options-btn-wrap {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#automation-template-grid .outdoor-btns {
  width: unset !important;
  display: flex;
  align-items: center;
  column-gap: 12px;
  z-index: 2;
}
#automation-template-grid .outdoor-btns .btn, #automation-template-grid .outdoor-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .outdoor-btns button, #automation-template-grid .outdoor-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .outdoor-btns button {
  display: flex;
  align-items: center;
  padding: 0 !important;
  border-radius: 4px;
  box-shadow: 0px 0px 3.6px rgba(0, 0, 0, 0.25);
}
#automation-template-grid .outdoor-btns .btn span, #automation-template-grid .outdoor-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .outdoor-btns button span, #automation-template-grid .outdoor-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button span, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .outdoor-btns button span {
  width: 24px;
  height: 24px;
}
#automation-template-grid .outdoor-btns .btn svg, #automation-template-grid .outdoor-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button svg, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .outdoor-btns button svg, #automation-template-grid .outdoor-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button svg, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .outdoor-btns button svg {
  width: 24px;
  height: 24px;
  fill: #333;
}
#automation-template-grid .outdoor-btns button {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 9px 11px !important;
  width: unset !important;
}

.entity-action-widget-outer__auto-template-modal {
  display: flex;
  flex-direction: column;
}

.branding-theme-mrclean #automation-template-grid .automation-count.badge {
  background-color: #ccc !important;
}

.currently-configured-actions-wrap {
  position: relative;
  padding-top: 4px;
  padding-left: 50px;
}

.configured-actions__decor {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.configured-actions__decor-1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #555;
  border-radius: 4px;
}
.configured-actions__decor-1 svg {
  width: 22px;
  height: 22px;
  fill: #555;
}

.configured-actions__decor-line {
  flex-grow: 1;
  margin-top: 6px;
  margin-bottom: -10px;
  width: 1px;
  height: 100%;
  background-color: #eee;
  transform: translate(-50%, 0);
}

.configured-actions__decor-2 {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  width: 18px;
  height: 18px;
  z-index: 5;
}
.configured-actions__decor-2::before, .configured-actions__decor-2::after {
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  width: 12px;
  height: 12px;
  border: 2px solid #555;
  border-radius: 2px;
  border-left: none;
  border-top: none;
  background-color: transparent;
  transform: rotate(45deg);
}
.configured-actions__decor-2::before {
  bottom: 8px;
}
.configured-actions__decor-2::after {
  bottom: 2px;
}

.currently-config-automations {
  margin-top: 5px;
  font-size: 0.675rem;
  font-weight: 700;
  padding-bottom: 8px;
  text-transform: uppercase;
}

#automation-template-grid .mobile-card--automationTemplate .mobile-card__header {
  column-gap: 0;
  margin: 0;
  align-items: center;
}
#automation-template-grid .mobile-card--automationTemplate .mobile-card__header .mobile-card__header-left {
  max-width: 50%;
  column-gap: 10px;
}
#automation-template-grid .mobile-card--automationTemplate .mobile-card__header .mobile-card__info-wrap .title {
  word-break: break-all;
}
#automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btns-wrap {
  margin-top: 0 !important;
}
#automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btns-wrap .dropdown .btn.btn-link.btn-options, #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btns-wrap .dropdown .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link.btn-options, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btns-wrap .dropdown button.btn-link.btn-options, #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btns-wrap .dropdown .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-link.btn-options, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btns-wrap .dropdown button.btn-link.btn-options {
  height: unset !important;
}

@media (max-width: 760px) {
  #automation-template-grid .mobile-card--automationTemplate .mobile-card__header {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
  #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .mobile-card__header-left {
    max-width: 100%;
  }
  #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btn-wrap.btns-wrap {
    position: static;
    max-width: 100%;
    margin: 0 0 0 -56px;
    justify-content: flex-start;
  }
}
@media (max-width: 760px) and (max-width: 576px) {
  #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btn-wrap.btns-wrap {
    margin: 0 0 0 -28px;
  }
}
@media (max-width: 760px) {
  #automation-template-grid .mobile-card--automationTemplate .mobile-card__header .options-btn-wrap.btns-wrap .inner-btns {
    position: absolute !important;
    top: -10px !important;
  }
  #automation-template-grid .mobile-card--automationTemplate .outdoor-btns {
    justify-content: flex-start;
  }
  #automation-template-grid .mobile-card--automationTemplate .outdoor-btns .btn, #automation-template-grid .mobile-card--automationTemplate .outdoor-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .mobile-card--automationTemplate .outdoor-btns button, #automation-template-grid .mobile-card--automationTemplate .outdoor-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons #automation-template-grid .mobile-card--automationTemplate .outdoor-btns button {
    font-size: 12px !important;
  }
  #automation-template-grid .mobile-card--automationTemplate .outdoor-btns button {
    padding: 6px 9px !important;
  }
  #automation-template-grid .mobile-card--automationTemplate .outdoor-btns svg {
    width: 18px;
    height: 18px;
  }
}
.gift {
  padding: 0;
  padding-bottom: 122px;
}
.gift .gift__illustration {
  display: flex;
  justify-content: center;
}
.gift .gift__illustration img {
  width: 500px;
  height: 240px;
}
.gift .gift__title {
  margin-top: 18px;
  margin-bottom: 36px;
  line-height: 1;
  text-align: center;
  font-size: 50px;
}
.gift .gift__decorText {
  color: #12013C;
  font-family: "Dancing Script";
  line-height: 1;
}
.gift .gift__textAccent {
  font-size: 30px;
  padding: 10px 0;
}
.gift p {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  color: #555;
  line-height: 1.4;
}
.gift .widget-holder {
  text-align: center;
}
.gift .gift__emailHeader {
  display: block;
  margin-bottom: 11px;
  font-size: 22px;
  color: #333;
}
.gift .gift__form {
  margin: 0 auto;
  max-width: 500px;
}
.gift .gift__redeem .gift__form {
  max-width: 316px;
}
.gift .gift__sentBtn {
  margin-top: 19px;
  margin-bottom: 0;
  margin-right: 0;
  height: 35px;
  line-height: 1;
  background-color: #187374;
}
.gift .gift__ruleForEmail {
  margin-top: 28px;
  font-size: 12px;
  color: #555;
  font-weight: 300;
}
.gift .gift__redeemSuccess .gift__ruleForEmail {
  max-width: 600px;
}
.gift .gift__happyEmail {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0 30px;
  height: 50px;
  line-height: 1;
  color: #333;
  border-radius: 10px;
  background-color: #C5F3F3;
}
.gift .gift__date {
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 20px;
  color: #333;
}
.gift .gift__cancelLink {
  margin-top: 36px;
  margin-bottom: 0;
}
.gift .gift__cancelLink a {
  font-size: 14px;
  color: #FF1796;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .lifetime-header-logo--gift img {
    width: 50%;
  }
  .gift {
    max-width: 100vw;
    padding: 0 16px 50px;
  }
  .gift .gift__illustration img {
    width: 300px;
    height: 150px;
  }
  .gift .gift__title {
    font-size: 48px;
  }
  .gift .gift__textAccent {
    font-size: 36px;
  }
  .gift .gift__form {
    max-width: 100%;
  }
  .gift p {
    font-size: 16px;
  }
  .gift .gift__date {
    font-size: 18px;
  }
}
.gift.gift--mangeAccount {
  max-width: 310px;
}
.gift.gift--mangeAccount .gift__title {
  margin-top: 0;
  margin-bottom: 22px;
  font-size: 31px;
}
.gift.gift--mangeAccount .gift__illustration img {
  width: 350px;
  height: 175px;
}
.gift.gift--mangeAccount .gift__date {
  margin-bottom: 10px;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #333;
}
.gift.gift--mangeAccount p {
  font-size: 12px;
}
.gift.gift--mangeAccount p.gift__text {
  width: 470px;
  max-width: 80vw;
}
.gift.gift--mangeAccount .gift__mangeAccount-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 31px;
  line-height: 1;
  color: #fff;
  background-color: #001A1C;
  border-radius: 6px;
}

.gift-list .gridview-header {
  padding: 15px;
}
.gift-list .gridview-header .sd-btn-wide-primary-add-36px {
  margin: 0;
}
.gift-list .gridview-header .grid-actions select.form-control:not([size]):not([multiple]) {
  height: 30px !important;
  margin: 0 !important;
}
.gift-list .gridview-header .grid-actions .btn, .gift-list .gridview-header .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gift-list .gridview-header .grid-actions button, .gift-list .gridview-header .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gift-list .gridview-header .grid-actions button {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 1;
}
.gift-list .gridview-header .grid-actions .btn i, .gift-list .gridview-header .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gift-list .gridview-header .grid-actions button i, .gift-list .gridview-header .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gift-list .gridview-header .grid-actions button i {
  position: relative;
  height: 13px;
  width: 12px;
}
.gift-list .gridview-header .grid-actions .btn i::before, .gift-list .gridview-header .grid-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i::before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gift-list .gridview-header .grid-actions button i::before, .gift-list .gridview-header .grid-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i::before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .gift-list .gridview-header .grid-actions button i::before {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item__active .choose-items-card__label, body.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item:hover .choose-items-card__label {
  border: 1px solid #cccccc;
}
body.branding-theme-mrclean .entityColorBlock .badge-pill.badge-pill-counter {
  color: #fff !important;
  background-color: #cccccc !important;
}
body.branding-theme-mrclean .fc-unthemed .fc-popover .fc-header,
body.branding-theme-mrclean .form-oscar .round-check input[type=checkbox]:checked:hover + .label-text,
body.branding-theme-mrclean .form-oscar .round-check input[type=checkbox]:checked + .label-text,
body.branding-theme-mrclean .round-check input[type=checkbox]:checked:hover + .label-text,
body.branding-theme-mrclean .round-check input[type=checkbox]:checked + .label-text,
body.branding-theme-mrclean .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover::before,
body.branding-theme-mrclean .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover::before,
body.branding-theme-mrclean .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number,
body.branding-theme-mrclean .sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .sort-number-wrapper .sort-number,
body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .form-actions-btn:hover:before,
body.branding-theme-mrclean .modal-sticky-footer .form-actions .form-actions-btn:hover:before,
body.branding-theme-mrclean .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number,
body.branding-theme-mrclean .flow-chain .flow-chain-link .card .card-header .link-title .step-order {
  background-color: #cccccc !important;
}
body.branding-theme-mrclean .radiobox input[type=radio]:checked + span.label-text:before {
  border-color: rgb(251, 150, 120);
}
body.branding-theme-mrclean .radiobox span.label-text:after {
  background-color: rgb(251, 150, 120);
}
body.branding-theme-mrclean.new-card-view .gridview-header .card-view-filters .filter input:focus,
body.branding-theme-mrclean .live-stream-main-container .gridview-header .card-view-filters .filter input:focus {
  border-color: #ddd !important;
}
body.branding-theme-mrclean .main-nav-dropdown .dropdown-menu .card-heading-extra .functional-btns > div > a i {
  color: #fff;
  background-color: transparent;
}
body.branding-theme-mrclean .nav-tabs .nav-item .nav-link.active {
  color: #777 !important;
  font-weight: 600;
}
body.branding-theme-mrclean .btn.btn-primary, body.branding-theme-mrclean .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean button.btn-primary, body.branding-theme-mrclean .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean button.btn-primary {
  background-color: #ffffff !important;
  color: #666666 !important;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
body.branding-theme-mrclean .site-sidebar .jump-to-btn .btn, body.branding-theme-mrclean .site-sidebar .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .site-sidebar .jump-to-btn button, body.branding-theme-mrclean .site-sidebar .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .site-sidebar .jump-to-btn button {
  border: none !important;
  color: #666666 !important;
}
body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .btn, body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky button, body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky button {
  color: #666666;
  border-right: 1px solid #ddd !important;
}
body.branding-theme-mrclean .reporting__block__title__icon,
body.branding-theme-mrclean .cbe-add-block-item-out-wrap:hover:not(.disabledItem):before,
body.branding-theme-mrclean .cbe-add-block-item-out-wrap:hover:not(.disabledItem):after,
body.branding-theme-mrclean .cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::before,
body.branding-theme-mrclean .cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::after,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-draft:hover,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-activated:hover,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-converted:hover,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-rejected:hover,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-signed:hover,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-expired:hover,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-active:hover,
body.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item .my-companies__item-logoAvatar,
body.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item .company-active .my-companies__item-logoAvatar,
body.branding-theme-mrclean .person-avatar .rounded-circle,
body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple::before,
body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::before,
body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::before,
body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list .btn.btn-primary.add-link-btn.ripple::after,
body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::after,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::after,
body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary.add-link-btn.ripple::after,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.submit-buttons.btn-top-list button.btn-primary.add-link-btn.ripple::after,
body.branding-theme-mrclean .sd-grid-view .logoCol.logoCol--staff .logoWrap .logo,
body.branding-theme-mrclean .skeleton-loader .shadow-block {
  background-color: #cccccc !important;
}
body.branding-theme-mrclean .reporting__block__title__icon svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-draft:hover svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-activated:hover svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-converted:hover svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-rejected:hover svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-signed:hover svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-expired:hover svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-active:hover svg {
  fill: #fff !important;
}
body.branding-theme-mrclean .navbar-nav > li > a .top-nav-link__icon .fa-life-ring {
  color: #999999;
}
body.branding-theme-mrclean .flyOutMenu {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
body.branding-theme-mrclean .maintenance-window-container .maintenance-window,
body.branding-theme-mrclean .flyOutMenu,
body.branding-theme-mrclean .flyOutMenu .card {
  background-color: white !important;
}
body.branding-theme-mrclean .view-submission-modal__created-data,
body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .btn,
body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) button,
body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) button,
body.branding-theme-mrclean .modal-sticky-footer .form-actions-btn input[type=button],
body.branding-theme-mrclean .modal-sticky-footer .form-actions-btn i,
body.branding-theme-mrclean .modal .modal-dialog .modal-content .form-actions-btn input[type=submit],
body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .btn,
body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky button,
body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.branding-theme-mrclean .form-actions.form-actions--bottom-sticky button,
body.branding-theme-mrclean .maintenance-window-container .maintenance-window *,
body.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item:hover a,
body.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item .company-active,
body.branding-theme-mrclean .flyOutMenu,
body.branding-theme-mrclean .flyOutMenu .card {
  color: #555 !important;
}
body.branding-theme-mrclean .sticky-footer-actions-dropdown .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.branding-theme-mrclean .flyOutMenu.dropdown-card-custom a,
body.branding-theme-mrclean .flyOutMenu.text-inverse h3,
body.branding-theme-mrclean .flyOutMenu.text-inverse .list-icon {
  color: #555 !important;
}
body.branding-theme-mrclean .view-submission-modal--line.bg-primary {
  border-color: #e5e7eb !important;
}
body.branding-theme-mrclean .dropdown-card.flyOutMenu .extended-menu .ext-menu {
  border-top: 1px solid #ddd !important;
}
body.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item .company-active .my-companies__item-logoAvatar,
body.branding-theme-mrclean .flyOutMenu .card-heading-extra,
body.branding-theme-mrclean .dropdown-card.dropdown-card-custom .additional-menu {
  border-color: #ddd !important;
}
body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .form-actions-btn svg,
body.branding-theme-mrclean .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn:hover svg,
body.branding-theme-mrclean .main-nav-dropdown .dropdown-menu .flyout-btn-right-container .flyout-btn-right-icon {
  fill: #555 !important;
}
body.branding-theme-mrclean .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar,
body.branding-theme-mrclean .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar,
body.branding-theme-mrclean .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone,
body.branding-theme-mrclean .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone,
body.branding-theme-mrclean .maintenance-window-container .maintenance-window,
body.branding-theme-mrclean .marketingListDetailsTabHeaders .tabs .nav-item.active .nav-link,
body.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle,
body.branding-theme-mrclean .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after,
body.branding-theme-mrclean .crm-phone-formatting__Sidebar .crm-phone-formatting__select-btn-block .btn-wrap .icon::before,
body.branding-theme-mrclean .modal-bottom-bar .RightBar__header {
  border-color: #cccccc !important;
}
body.branding-theme-mrclean .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .form-actions-btn {
  border-right: 1px solid #cccccc !important;
}
body.branding-theme-mrclean .choose-items-wrapper .choose-items-summary-wrapper .colored-title {
  color: #333 !important;
}
body.branding-theme-mrclean .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler {
  color: #555;
}
body.branding-theme-mrclean .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler svg {
  color: #555;
  fill: #555;
  stroke: #555;
}
body.branding-theme-mrclean .choose-items-wrapper .choose-items-summary-wrapper::before,
body.branding-theme-mrclean .choose-items-wrapper .sdAccordion__item .sdAccordion__head {
  background-color: #eee;
}
body.branding-theme-mrclean .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #fff !important;
}

/* --- Dark Mode v.2.0 --- */
html.sd-dark-mode-main-bg {
  background-color: #313345 !important;
}

body.sd-dark-mode {
  --sd-text-primary: rgb(230, 237, 243);
  --sd-text-secondary: rgb(230, 237, 243);
  --sd-text-tertiary: rgb(132, 141, 151);
  --sd-text-light: rgb(132, 141, 151);
  --sd-bg-primary: rgb(24, 24, 35);
  --sd-bg-secondary: rgb(35, 35, 50);
  --sd-bg-tetriary: rgb(49, 51, 69);
  --sd-bg-accent: rgb(91, 95, 112);
  color: rgb(230, 237, 243) !important;
  background-color: #313345 !important;
  /*ul.list-unstyled.sub-menu.collapse{
    background-color: $sd-mid;
  }*/
}
body.sd-dark-mode::-webkit-scrollbar-track,
body.sd-dark-mode ::-webkit-scrollbar-track {
  background-color: #313345;
}
body.sd-dark-mode ::-webkit-scrollbar-thumb {
  background-color: #5B5F70;
  border-radius: 6px;
}
body.sd-dark-mode ::-webkit-scrollbar-thumb:hover {
  background-color: #474B5E;
}
body.sd-dark-mode * {
  scrollbar-color: #5B5F70 #232332;
}
body.sd-dark-mode .nav-tabs li.active a {
  color: var(--sd-text-primary) !important;
}
body.sd-dark-mode .mx-auto.widget-holder.credit-card-payment {
  border-color: var(--sd-bg-accent) !important;
}
body.sd-dark-mode .mobileMenu {
  background: #181823 !important;
}
body.sd-dark-mode .mobileMenu .ml--wrapper {
  background: #313345;
}
body.sd-dark-mode .mobileMenu .ml--header {
  background: #181823 !important;
}
body.sd-dark-mode .mobileMenu .ml ul {
  background: #313345 !important;
}
body.sd-dark-mode .mobileMenu .ml a:not(.menu-item-add-url) {
  background: transparent;
  border-bottom-color: #7c829b;
}
body.sd-dark-mode .mobileMenu .ml a svg {
  color: rgb(230, 237, 243);
  stroke: rgb(230, 237, 243);
  fill: rgb(230, 237, 243);
}
body.sd-dark-mode .cbe-add-block-item-desc,
body.sd-dark-mode .configure-actions__item-wrap .subtitle,
body.sd-dark-mode .send-type-select__item-wrap .subtitle {
  color: rgb(132, 141, 151);
}
body.sd-dark-mode .choose-items-wrapper .sdAccordion__item .sdAccordion__head,
body.sd-dark-mode .choose-items-wrapper .choose-items-summary-wrapper::before {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode #recurringProfile-grid .data-table-item-mobile .options-btns-wrap .dropdown,
body.sd-dark-mode #proposals-grid .data-table-item-mobile .options-btns-wrap .dropdown,
body.sd-dark-mode #invoices-grid .data-table-item-mobile .options-btns-wrap .dropdown,
body.sd-dark-mode .mailbox-card-view-item .data-table-item-mobile .options-btns-wrap .dropdown,
body.sd-dark-mode #pm-project-grid .data-table-item-mobile .options-btns-wrap .dropdown {
  right: 0 !important;
}
body.sd-dark-mode #recurringProfile-grid .btn-link,
body.sd-dark-mode #proposals-grid .btn-link,
body.sd-dark-mode #invoices-grid .btn-link,
body.sd-dark-mode .mailbox-card-view-item .btn-link,
body.sd-dark-mode #pm-project-grid .btn-link {
  background-color: transparent;
}
body.sd-dark-mode .pipeline-header .btn-link:hover {
  background-color: transparent;
}
body.sd-dark-mode .pipeline-header .btn-link:hover svg {
  fill: #5B5F70 !important;
}
body.sd-dark-mode .skeleton-loader {
  background-color: rgba(24, 24, 35, 0.3);
}
body.sd-dark-mode .sd-file-browser .dropdown .sd-btn-wide-primary-32px {
  background-color: transparent;
}
body.sd-dark-mode .sd-flow > header .flow-logo .logo__dark-mode {
  display: block !important;
}
body.sd-dark-mode .sd-flow > header .flow-logo .logo-collapse.logo__dark-mode {
  display: block;
}
@media (min-width: 576px) {
  body.sd-dark-mode .sd-flow > header .flow-logo .logo-collapse.logo__dark-mode {
    display: none !important;
  }
}
body.sd-dark-mode .sd-flow > header .flow-logo .logo-expand.logo__dark-mode {
  display: none !important;
}
@media (min-width: 576px) {
  body.sd-dark-mode .sd-flow > header .flow-logo .logo-expand.logo__dark-mode {
    display: block !important;
    position: static;
    transform: none;
    visibility: visible;
    opacity: 1;
  }
}
body.sd-dark-mode .reporting__block__title__icon svg,
body.sd-dark-mode .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .form-actions-btn svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-draft:hover svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-activated:hover svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-converted:hover svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-rejected:hover svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-signed:hover svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-expired:hover svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-active:hover svg,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__header-filters button.filter-button svg,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__content .dashboard-item__statuses-icons .icon svg,
body.sd-dark-mode svg .company-avatar-path,
body.sd-dark-mode svg .contact-avatar-path,
body.sd-dark-mode svg:not(.reporting__block__title__icon-svg) {
  fill: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .form-chain-builder .link-block-wrapper.config .link-block__icon svg {
  fill: #555 !important;
}
body.sd-dark-mode #circles-grid svg .contact-avatar-bg {
  fill: #313345 !important;
}
body.sd-dark-mode .fc-unthemed .fc-popover .fc-header .fc-close,
body.sd-dark-mode .fc-unthemed .fc-popover .fc-header,
body.sd-dark-mode .reporting-two-accordion__item__heading__expander::before,
body.sd-dark-mode .form-group.animated-form-label label, body.sd-dark-mode > *, body.sd-dark-mode.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item:hover a, body.sd-dark-mode.branding-theme-mrclean .main-nav-dropdown .my-companies .my-companies__item .company-active,
body.sd-dark-mode .flyOutMenu.text-inverse .list-icon, body.sd-dark-mode.branding-theme-mrclean .flyOutMenu .card, body.sd-dark-mode.branding-theme-mrclean .flyOutMenu.dropdown-card-custom a, body.sd-dark-mode.branding-theme-mrclean .flyOutMenu.text-inverse h3,
body.sd-dark-mode .navbar-nav > li > a .top-nav-link__icon .fa-life-ring,
body.sd-dark-mode .dropdown-menu-with-icons .dropdown-item,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__header .badge, body.sd-dark-mode.new-card-view .dataTableResp .data-table-item-mobile .header .sub-title,
body.sd-dark-mode .sd-file-browser .browser-list .entity .icon .icon-wrapper i,
body.sd-dark-mode .form-actions--bottom-sticky-dynamicProposal #form-actions--bottom-sticky-dynamicProposalSwitch .sd-switchery-wrapper .switchery.switchery-small + label,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__header .title, body.sd-dark-mode.sidebar-dark .side-user .media .fs-12,
body.sd-dark-mode .invoice-header-wrapper p,
body.sd-dark-mode .invoice-header-wrapper p span,
body.sd-dark-mode .tabs-to-dropdown .tabs-card .nav-item.has-child:after,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__details,
body.sd-dark-mode .read.mailbox-card-view-item,
body.sd-dark-mode .proposal_content .proposal-content-wrapper p,
body.sd-dark-mode .appointment-type__info,
body.sd-dark-mode h1,
body.sd-dark-mode h2,
body.sd-dark-mode h3,
body.sd-dark-mode h4,
body.sd-dark-mode h5,
body.sd-dark-mode h6,
body.sd-dark-mode .h1,
body.sd-dark-mode .h2,
body.sd-dark-mode .h3,
body.sd-dark-mode .h4,
body.sd-dark-mode .h5,
body.sd-dark-mode .h6 {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .fc-unthemed .fc-popover .fc-header,
body.sd-dark-mode .marketingListDetailsTabHeaders .tabs .nav-tabs .nav-item:hover,
body.sd-dark-mode .marketingListDetailsTabHeaders .tabs,
body.sd-dark-mode .skeleton-loader .shadow-block,
body.sd-dark-mode .card-view-empty,
body.sd-dark-mode .lms-sidebar-wrapper .file-list li .btn,
body.sd-dark-mode .lms-sidebar-wrapper .file-list li .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .lms-sidebar-wrapper .file-list li button,
body.sd-dark-mode .lms-sidebar-wrapper .file-list li .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .lms-sidebar-wrapper .file-list li button {
  background-color: #313345 !important;
}
body.sd-dark-mode .iti__globe {
  filter: invert(1);
}
body.sd-dark-mode .empty-grid svg.empty-grid,
body.sd-dark-mode .card-view-empty svg.empty-grid,
body.sd-dark-mode .gridview-empty-default svg.empty-grid {
  --color-gray: #5B5F70;
}
body.sd-dark-mode .btn-outline-default {
  background-color: #313345 !important;
  border-color: #313345 !important;
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .btn-outline-default:hover {
  background-color: #313345;
  border-color: #232332;
}
body.sd-dark-mode .btn-changePaymentMethod {
  background: #181823 !important;
  border-color: #181823 !important;
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .btn-changePaymentMethod:hover {
  background: #313345 !important;
  border-color: #232332 !important;
}
body.sd-dark-mode .btn-default,
body.sd-dark-mode .box-footer .box-add-button {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .btn-default:hover,
body.sd-dark-mode .box-footer .box-add-button:hover {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .btn-default:active,
body.sd-dark-mode .box-footer .box-add-button:active {
  background-color: #5B5F70;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .gridview-header .btn-outline-default,
body.sd-dark-mode .gridview-header .btn-outline-default:hover {
  background-color: #313345 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .gridview-header .btn-outline-default:hover {
  background-color: #313345 !important;
  border-color: #181823 !important;
}
body.sd-dark-mode .gridview-header .btn-outline-default.active,
body.sd-dark-mode .gridview-header .sd-btn-wide-action-24px.active,
body.sd-dark-mode .btn-outline-default,
body.sd-dark-mode .chain-link .sd-placeholder-tag,
body.sd-dark-mode .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number,
body.sd-dark-mode .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice,
body.sd-dark-mode .btn.btn-default.active,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default.active,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-default.active,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default.active,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-default.active {
  background-color: #5B5F70 !important;
  color: rgb(230, 237, 243) !important;
  border-color: #5B5F70 !important;
}
body.sd-dark-mode.sd-redesign2020 .has-search .fa-search,
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder, body.sd-dark-mode.sidebar-dark .proposal_content .proposal-content-wrapper .proposal-side-menu li > a,
body.sd-dark-mode .add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a .type-select-header,
body.sd-dark-mode .add-proposal-modal .add-recurring-profile .add-recurring-profile__item a .type-select-header,
body.sd-dark-mode .color-info,
body.sd-dark-mode .text-info {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .link-title .config-toggle,
body.sd-dark-mode .checkbox input[type=checkbox]:checked + span.label-text:after {
  background: #313345 !important;
  border-color: #313345;
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .form-chain-builder .chain-links .links-list .chain-link .link-block .title-block-separator {
  border-color: #313345 !important;
}
body.sd-dark-mode .file-upload-field-input:not(.view-only) .file-drop,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__footer,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__header,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__content .dashboard-item,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__footer,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__header,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item,
body.sd-dark-mode .dynamicProfileItems .info-block,
body.sd-dark-mode .tabs-to-dropdown .tabs-card .nav-item.has-child ul .nav-link,
body.sd-dark-mode .checkbox span.label-text:after {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .sd-file-browser .browser-list-header .select .checkbox .label-text:after {
  border-color: #232332 !important;
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .logo,
body.sd-dark-mode .file-download-flow-chain-link .selected-wrapper .selected,
body.sd-dark-mode .contact-view-page-head .contact-info.client,
body.sd-dark-mode .contact-view-page-head .contact-info.coordinator {
  border-color: #313345;
}
body.sd-dark-mode .sd-oscar-file-upload-wrapper .crop-area,
body.sd-dark-mode .RightBar__layers .RightBar__layers-footer,
body.sd-dark-mode .file-upload-attachment-modal-card,
body.sd-dark-mode .invoice-header-wrapper,
body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns .btn,
body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns button,
body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns button,
body.sd-dark-mode .invoice-header-wrapper,
body.sd-dark-mode .file-download-flow-chain-link .selected-wrapper .selected,
body.sd-dark-mode .card.functional-theme .tabs-wrap .nav-tabs .nav-item .nav-link:hover {
  background-color: #313345 !important;
}
body.sd-dark-mode #contactDetails .profile-block .created-by-content .created-by-item,
body.sd-dark-mode #contactDetails .profile-block .created-by-content .created-by-item span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode #contactDetails .profile-header {
  border: none;
  border-top: 3px solid #5B5F70 !important;
  background-color: #313345;
}
body.sd-dark-mode #contactDetails .profile-content .circle-wrap .circle-item {
  border-color: #313345;
}
body.sd-dark-mode #contactDetails .profile-content .circle-wrap .circle-item .close-icon {
  background-color: transparent;
}
body.sd-dark-mode .modal-header {
  border-color: #181823;
}
body.sd-dark-mode .modal .modal-dialog.modal-bottom-bar .RightBar__header,
body.sd-dark-mode .cards-vault-container .tabs {
  border-color: #313345 !important;
}
body.sd-dark-mode .cards-vault-container .tabs-content .card-view,
body.sd-dark-mode .cards-vault-container .right-cards .card-action {
  border: 1px solid #313345 !important;
}
body.sd-dark-mode .file-upload-attachment-modal-card,
body.sd-dark-mode .invoice-header-wrapper,
body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations .btn .material-icons,
body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations button .material-icons,
body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .material-icons,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations button .material-icons,
body.sd-dark-mode .color-dark,
body.sd-dark-mode .text-dark,
body.sd-dark-mode button {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions--liveSupportSession {
  border: none !important;
}
body.sd-dark-mode .form-oscar .chosen-container {
  border: none !important;
  background: #313345 !important;
}
body.sd-dark-mode .chosen-container-multi .chosen-choices {
  background: #313345 !important;
}
body.sd-dark-mode .kanban-board > .kanban-col .card-list {
  background: #232332;
}
body.sd-dark-mode .swal2-styled.swal2-confirm:focus {
  box-shadow: none !important;
  border: 2px solid #7c829b !important;
}
body.sd-dark-mode .create-estimate .form-actions .btn-outline-default,
body.sd-dark-mode .create-proposal .form-actions .btn-secondary,
body.sd-dark-mode .create-invoice .form-actions .btn-secondary,
body.sd-dark-mode .cards-buttons-wrap .sd-btn-wide-primary-add-36px {
  background-color: #232332 !important;
  border-color: #232332 !important;
}
body.sd-dark-mode .create-estimate .form-actions .btn-outline-default:hover,
body.sd-dark-mode .create-proposal .form-actions .btn-secondary:hover,
body.sd-dark-mode .create-invoice .form-actions .btn-secondary:hover,
body.sd-dark-mode .cards-buttons-wrap .sd-btn-wide-primary-add-36px:hover {
  background-color: #232332 !important;
}
body.sd-dark-mode .RightBar__layers .RightBar__layers-header .close .close__icon:before,
body.sd-dark-mode .RightBar__layers .RightBar__layers-header .close .close__icon:after,
body.sd-dark-mode .dashboard-organize-box__content .first-row .dot-divider,
body.sd-dark-mode .box-logs-title .dot-divider::before,
body.sd-dark-mode .drugging-icon .drugging-icon__element::before,
body.sd-dark-mode .drugging-icon .drugging-icon__element::after,
body.sd-dark-mode .kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button:before,
body.sd-dark-mode .kanban-container .kanban-board > .kanban-col .card-list .card-list-header .options-btns-wrap button:after,
body.sd-dark-mode .invoiceTable .remove-row::before,
body.sd-dark-mode .invoiceTable .remove-row::after,
body.sd-dark-mode .rightPanel__header .close:before,
body.sd-dark-mode .rightPanel__header .close:after,
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__clear span::before,
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__clear span::after,
body.sd-dark-mode .invoiceTable .invoice_items td .remove-row::before,
body.sd-dark-mode .invoiceTable .invoice_items td .remove-row::after,
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__clear span::before,
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__clear span::after,
body.sd-dark-mode .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .form-with-sidebar .menu-list .menu-item {
  border-bottom: #181823 1px solid;
}
body.sd-dark-mode .form-with-sidebar.pm-archive .menu-list .menu-item {
  border: none;
}
body.sd-dark-mode .redactor-focus.redactor-styles-on,
body.sd-dark-mode .redactor-focus:focus.redactor-styles-on {
  border-color: #313345;
}
body.sd-dark-mode .rx-form-button-primary {
  background-color: transparent;
  border-color: inherit;
}
body.sd-dark-mode .rx-form-button-primary:hover {
  background-color: rgba(247, 247, 248, 0.85);
  color: #000 !important;
}
body.sd-dark-mode .jump-to-btn .btn, body.sd-dark-mode .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .jump-to-btn button, body.sd-dark-mode .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .jump-to-btn button,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) .btn:hover:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) button:hover:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) button:hover:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) .btn:focus:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) button:focus:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky:not(.calendar) button:focus:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-primary:hover:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button.btn-primary:hover:before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button.btn-primary:hover:before,
body.sd-dark-mode .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-card__label,
body.sd-dark-mode .reporting__block__title__icon,
body.sd-dark-mode .sd-sortable-list-wrapper .sort-number,
body.sd-dark-mode .person-avatar .rounded-circle,
body.sd-dark-mode .sd-grid-view .logoCol.logoCol--staff .logoWrap .logo,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item .complete-task-checkbox.complete,
body.sd-dark-mode sd-user-avatar svg,
body.sd-dark-mode .progress {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .sd-type-switcher__tabs {
  background-color: #313345 !important;
}
body.sd-dark-mode .btn-secondary:focus,
body.sd-dark-mode .btn-secondary.focus {
  box-shadow: none;
}
body.sd-dark-mode .sd-grid-view.grid-view-loading:before, body.sd-dark-mode .sd-grid-view:not(.grid-view-loading) .grid-view-loading:before, body.sd-dark-mode .form-oscar.grid-view-loading:before, body.sd-dark-mode .form-oscar:not(.grid-view-loading) .grid-view-loading:before {
  background-image: url(../../../../images/icons/replayDM.svg);
}
body.sd-dark-mode #pm-tasks-form .assign-user-options {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .choose-items-wrapper .choose-items-summary-wrapper .colored-title,
body.sd-dark-mode .choose-items-summary-payment-type,
body.sd-dark-mode .choose-items-wrapper .choose-items-summary-wrapper .colored-title,
body.sd-dark-mode .proposal_content .proposal-content-wrapper,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .main-wrapper h3,
body.sd-dark-mode .sd-type-switcher__tabs .sd-type-switcher__slider, body.sd-dark-mode.new-card-view .dataTableResp .data-table-item-mobile .header .sub-title,
body.sd-dark-mode #pm-project-grid .progress-bar span,
body.sd-dark-mode .clientApprovalHelperText {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode #pm-tasks-form .assign-user-options .checkbox span.label-text:after {
  background-color: #232332;
  border-color: #232332;
}
body.sd-dark-mode .task-view-wrap .head-block .task-title .title-control:hover,
body.sd-dark-mode .task-view-wrap .head-block .task-title .title-control:focus {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item,
body.sd-dark-mode .sd-type-switcher__tabs,
body.sd-dark-mode .appointment-type__block,
body.sd-dark-mode .appointment-booking .appointment-type__block,
body.sd-dark-mode .task-view-wrap .user-info-block.has-project.user-list-active,
body.sd-dark-mode .task-view-wrap .user-info-block.has-project:hover {
  border-color: #313345;
}
body.sd-dark-mode .form-builder .fields-list .field-block .label-block .field-container .field-wrapper.settings .field-configuration .field-header,
body.sd-dark-mode .task-view-wrap .due-date-info .due-date .due-date-control {
  border: none;
}
body.sd-dark-mode .task-view-wrap .due-date-info .due-date .due-date-control:hover,
body.sd-dark-mode .task-view-wrap .due-date-info .due-date .due-date-control:focus {
  border: none;
  background-color: #313345;
}
body.sd-dark-mode .task-view-wrap .info-badges .task-status-badge {
  color: rgb(230, 237, 243);
  border-color: #313345;
}
body.sd-dark-mode .fileSettingsForm .btn-group-toggle .btn-group-toggle-member {
  border: 1px solid #5B5F70 !important;
  background-color: #313345 !important;
}
body.sd-dark-mode .fileSettingsForm .btn-group-toggle .btn-group-toggle-member.active {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .file-upload-field-input.view-only .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-webkit-input-placeholder,
body.sd-dark-mode .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-webkit-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body.sd-dark-mode .file-upload-field-input.view-only .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input:-ms-input-placeholder,
body.sd-dark-mode .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input:-ms-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body.sd-dark-mode .file-upload-field-input.view-only .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-moz-placeholder,
body.sd-dark-mode .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body.sd-dark-mode .file-upload-field-input.view-only .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input:-moz-placeholder,
body.sd-dark-mode .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input:-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body.sd-dark-mode .file-upload-field-input.view-only .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::placeholder,
body.sd-dark-mode .filters .select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body.sd-dark-mode .fc-unthemed .fc-popover,
body.sd-dark-mode .pm-calendar-block .fc-popover.fc-more-popover .fc-body.fc-widget-content,
body.sd-dark-mode .RightBar__layers,
body.sd-dark-mode .RightBar__layers .RightBar__layers-header,
body.sd-dark-mode .cbe-block div[id*=cbe-block].dashboard-organize-box:hover,
body.sd-dark-mode .dashboard-organize-box:hover,
body.sd-dark-mode .sd-marketing-layout-card > .card-block,
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item,
body.sd-dark-mode #message-new .card-block, body.sd-dark-mode.glass-background-effect .main-wrapper .entity-action-widget.entity-action-widget-outer,
body.sd-dark-mode .crm-deals-block #crm-goals-visibility-grid,
body.sd-dark-mode .crm-deals-block .deals-title,
body.sd-dark-mode .ribbon-notify .ribbon-notify__title,
body.sd-dark-mode .file-upload-field-input.view-only,
body.sd-dark-mode .contactCrmBar,
body.sd-dark-mode .box.box--menu,
body.sd-dark-mode .appointment-schedule-page .appointment-slot-timer-container,
body.sd-dark-mode .task-view-wrap .subtasks-list-wrap .subtasks-list .subtasks-list-item:hover {
  background-color: #232332 !important;
}
body.sd-dark-mode #taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap {
  background-color: #313345;
  border-bottom: 1px solid #181823;
}
body.sd-dark-mode #taskEntityTimerAdmin .entity-timers .entity-timers-wrap.timer-shadow {
  border: none;
}
body.sd-dark-mode #taskEntityTimerAdmin .entity-timers .entity-timer-add .entity-add-wrap .entity-form-wrap .entity-timer-input {
  border-color: #181823;
}
body.sd-dark-mode #taskEntityTimerAdmin .entity-timers sd-entity-timer-list .entity-timer-list-wrap .entity-timer-list .entity-timer-list-item {
  background-color: #181823;
  border-top: 1px solid #313345;
}
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .due-date:not(.completed, .pastDue),
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__footer .tasks-number span,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .timing,
body.sd-dark-mode .ribbon-notify .ribbon-notify__title .ribbon-notify__title-content,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .proposal-side-menu li:hover i,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .proposal-side-menu li i,
body.sd-dark-mode #taskEntityTimerAdmin .entity-timers sd-entity-timer-list .entity-timer-list-wrap .entity-timer-list .entity-timer-list-item .sd-timer-counter .counter-wrap .timer-input {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .sd-menu .menu-wrapper {
  border-color: #313345;
  background-color: #232332;
}
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-summary-body,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .proposal-side-menu li:hover,
body.sd-dark-mode .sd-menu .menu-wrapper .menu-items .menu-item:focus,
body.sd-dark-mode .sd-menu .menu-wrapper .menu-items .menu-item:hover {
  background-color: #313345 !important;
}
body.sd-dark-mode .invoiceTable {
  border: 1px solid #313345;
}
body.sd-dark-mode .btn-info,
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle,
body.sd-dark-mode .choose-items-card__label,
body.sd-dark-mode .sd-type-switcher__tabs:after,
body.sd-dark-mode .navbar-nav .avatar,
body.sd-dark-mode .site-sidebar .side-user .media-left,
body.sd-dark-mode .contact-filter__avatar,
body.sd-dark-mode .default-user-avatar,
body.sd-dark-mode .avatar-wrap,
body.sd-dark-mode figure.contactAvatar,
body.sd-dark-mode figure.img-responsive,
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-completed-icon.completed,
body.sd-dark-mode .checklist-item-container .checklist-actions .button,
body.sd-dark-mode .navbar-nav .avatar .default-user-avatar,
body.sd-dark-mode .chosen-container .chosen-results li.highlighted,
body.sd-dark-mode .swal2-popup .swal2-styled.swal2-cancel,
body.sd-dark-mode .footer-actions-wrapper .actions-handler .handler-drag-icon,
body.sd-dark-mode .badge-info,
body.sd-dark-mode .radiobox span.label-text:after {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle,
body.sd-dark-mode svg .company-avatar-bg,
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-completed-icon svg {
  fill: #5B5F70 !important;
}
body.sd-dark-mode .crmSmsPhoneToolSidebar__item,
body.sd-dark-mode .iti--inline-dropdown .iti__dropdown-content,
body.sd-dark-mode .crm-phone-formatting .sd-big-btn-with-icon,
body.sd-dark-mode .crm-phone-formatting__Sidebar .crm-phone-formatting__filter-form-block,
body.sd-dark-mode .reporting__block,
body.sd-dark-mode .choose-items-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-total:not(td),
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-summary-body,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-summary-wrapper,
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .sd-checkmark-card-item__active,
body.sd-dark-mode .border,
body.sd-dark-mode .RightBar__layers,
body.sd-dark-mode .RightBar__layers .RightBar__layers-header,
body.sd-dark-mode .RightBar__layers .RightBar__layers-footer,
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-completed-icon,
body.sd-dark-mode .empty-block-decor,
body.sd-dark-mode .configured-actions__decor-2::before,
body.sd-dark-mode .configured-actions__decor-2::after,
body.sd-dark-mode .configured-actions__decor-1,
body.sd-dark-mode .modal.article-files-modal .article-file-browser .sd-file-browser .browser-wrap .browser-list-header,
body.sd-dark-mode .swal2-popup .swal2-styled.swal2-cancel,
body.sd-dark-mode #proposal-form .card-header,
body.sd-dark-mode .radiobox input[type=radio]:checked + span.label-text:before {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .modal.article-files-modal .modal-dialog {
  box-shadow: 0 0 10px #000;
}
body.sd-dark-mode .checklist-item-container,
body.sd-dark-mode .crm-deals-block .deals-title,
body.sd-dark-mode .crm-deals-block #crm-goals-visibility-grid,
body.sd-dark-mode .appointment-schedule-page .appointment-slot-timer-container,
body.sd-dark-mode .file-upload-attachment-modal-card {
  border-color: #313345 !important;
}
body.sd-dark-mode .dropdown-menu::-webkit-scrollbar {
  background-color: #232332 !important;
}
body.sd-dark-mode .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #313345 !important;
}
body.sd-dark-mode .pdf-wrapper .pdf-body .item-table thead tr .item-table-header,
body.sd-dark-mode .sd-billing-ledger-section-header {
  background-color: #232332;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .choose-items-card-price,
body.sd-dark-mode .jumbotron,
body.sd-dark-mode h1,
body.sd-dark-mode h2,
body.sd-dark-mode h3,
body.sd-dark-mode h4,
body.sd-dark-mode h5,
body.sd-dark-mode h6,
body.sd-dark-mode .h1,
body.sd-dark-mode .h2,
body.sd-dark-mode .h3,
body.sd-dark-mode .h4,
body.sd-dark-mode .h5,
body.sd-dark-mode .h6,
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-head .right .right-item .billing-right table td:first-of-type,
body.sd-dark-mode .pdf-wrapper .pdf-body .estimate-head .right .right-item .billing-right table td:first-of-type,
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-head .right .right-item .invoice-number,
body.sd-dark-mode .pdf-wrapper .pdf-body .estimate-head .right .right-item .invoice-number,
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-notes-wrapper .invoice-notes-label,
body.sd-dark-mode .pdf-wrapper .pdf-body .item-table .item-body .item-row .item-desc,
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-terms-wrapper .invoice-terms-label,
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-head .left .billing-left .billing-label,
body.sd-dark-mode .pdf-wrapper .pdf-body .estimate-head .left .billing-left .billing-label, body.sd-dark-mode.with-right-sidebar .main-wrapper .right-sidebar-togler-container .right-sidebar-togler.current i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .pdf-wrapper .pdf-body .item-table .item-body.invoice tr,
body.sd-dark-mode .pdf-wrapper .pdf-body .item-table .item-body .item-row {
  border-bottom: 1px solid #181823;
}
body.sd-dark-mode .sd-tip {
  background-color: #313345;
  border-left: 5px solid #5B5F70;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .customization-sidebar-wrapper .entity-action-widget .btn.list-index, body.sd-dark-mode .customization-sidebar-wrapper .entity-action-widget .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.list-index, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper .entity-action-widget button.list-index, body.sd-dark-mode .customization-sidebar-wrapper .entity-action-widget .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.list-index, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper .entity-action-widget button.list-index {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .common-back.new-design .gridview-header,
body.sd-dark-mode .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .main-wrapper,
body.sd-dark-mode .box,
body.sd-dark-mode .rightSidebar,
body.sd-dark-mode #items-grid .selected {
  background-color: #232332 !important;
}
body.sd-dark-mode .jumbotron,
body.sd-dark-mode .pdf-wrapper {
  background-color: #313345;
  box-shadow: none;
}
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-head .right .right-item .title,
body.sd-dark-mode .pdf-wrapper .pdf-body .estimate-head .right .right-item .title {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .announcements .announcement, body.sd-dark-mode .announcements .sticky-announcement,
body.sd-dark-mode .stickied-announcements .announcement,
body.sd-dark-mode .stickied-announcements .sticky-announcement {
  background-color: #181823 !important;
}
body.sd-dark-mode .branding-templates .product-card,
body.sd-dark-mode .branding-templates .card-body .see-more-collapsed-content,
body.sd-dark-mode .platformBranding .form-actions--bottom-sticky,
body.sd-dark-mode .companySettings .form-actions--bottom-sticky,
body.sd-dark-mode #platform-branding-form .RightBar__footer.form-actions--bottom-sticky,
body.sd-dark-mode .iti__dropdown-content,
body.sd-dark-mode .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-wrapper .sdAccordion__item,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-summary-wrapper,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .sd-checkmark-card-item,
body.sd-dark-mode .card.data-table-wrap.grid-wrap-view.bg-white,
body.sd-dark-mode .sd-file-browser .browser-wrap,
body.sd-dark-mode .right-sidebar-togler-container .right-sidebar-togler.current:hover,
body.sd-dark-mode .wkhtmltopdf .item-table .item-table-header {
  background-color: #181823 !important;
}
body.sd-dark-mode .pdf-wrapper td {
  border: 1px solid #181823 !important;
}
body.sd-dark-mode .pdf-wrapper td.billing-load-items__actions-header {
  border: none !important;
}
body.sd-dark-mode .crm-phone-formatting__Sidebar .crmSmsPhoneToolSidebar__filters-name,
body.sd-dark-mode .file-upload-attachment-modal-card .file-count-wrapper .file-count,
body.sd-dark-mode .entity-action-widget .list-index,
body.sd-dark-mode .configured-actions__decor-line,
body.sd-dark-mode .swal2-styled.swal2-confirm,
body.sd-dark-mode .list-details-label,
body.sd-dark-mode .list-details-label-block {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .campaign-form-block {
  background-color: #232332;
  border: solid 1px #313345;
}
body.sd-dark-mode .nav-tabs {
  border-bottom: solid 1px #313345;
}
body.sd-dark-mode .nav-tabs .nav-link:focus,
body.sd-dark-mode .nav-tabs .nav-link:hover {
  border-color: #313345 !important;
}
body.sd-dark-mode .checklist-item-container,
body.sd-dark-mode canvas#subscribers-nr,
body.sd-dark-mode .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .config-toggle {
  background-color: #313345 !important;
}
body.sd-dark-mode .sd-folder-tree {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .sd-folder-tree .tree .branch .name .folder,
body.sd-dark-mode .sd-folder-tree .tree .branch.selected > .name .branch-label,
body.sd-dark-mode .sd-folder-tree .tree .branch .name .expand,
body.sd-dark-mode .sd-folder-tree .tree .branch .name .branch-label {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .sd-folder-tree .tree .branch.selected > .name {
  background-color: #232332;
}
body.sd-dark-mode .modal-footer {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .sd-file-browser .browser-list .entity-wrap {
  border-bottom: 1px solid #181823;
}
body.sd-dark-mode .sd-file-browser .browser-list .entity-wrap:hover {
  background-color: #232332;
}
body.sd-dark-mode .flow-chain .flow-chain-link .card .card-header .link-title .step-order {
  background-color: #5B5F70;
}
body.sd-dark-mode .btn-secondary:active,
body.sd-dark-mode .btn-secondary.active,
body.sd-dark-mode .show > .btn-secondary.dropdown-toggle {
  background-color: #181823;
  border-color: #181823;
}
body.sd-dark-mode .mailMenu .card .mailbox-menu .mailbox-menu-item a:hover span,
body.sd-dark-mode .mailMenu .card .mailbox-menu .mailbox-menu-item a:focus span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .mailbox-new-msgs {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .unread td {
  background-color: #181823 !important;
  color: rgb(230, 237, 243) !important;
  border-top: 2px solid #5B5F70 !important;
}
body.sd-dark-mode .manage-top-bar-wrapper .manage-top-bar-tabs,
body.sd-dark-mode .message-users-list .message-users-list-item {
  border-color: #313345;
}
body.sd-dark-mode .mailMenu .mailbox-menu-item {
  border-color: #313345;
}
body.sd-dark-mode a.ls-link:hover {
  color: #5B5F70;
}
body.sd-dark-mode #sd-dashboard .sd-dashboard .available-widgets .sd-widget-list .sd-widget {
  border: 1px solid #313345;
}
body.sd-dark-mode .dashboard-widget-list .list-view .items > .row {
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .choose-items-summary-payment-amount,
body.sd-dark-mode .choose-items-summary-total-amount,
body.sd-dark-mode .choose-items-summary-payment-type,
body.sd-dark-mode .message-users-list .message-users-list-item .info-col .info-col-role {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .shortcuts-container .shortcuts-wrapper .shortcut-key > span {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .shortcuts-container .shortcuts-wrapper.footer-item {
  border-top: #313345;
}
body.sd-dark-mode .fc-unthemed .fc-content,
body.sd-dark-mode .fc-unthemed .fc-divider,
body.sd-dark-mode .fc-unthemed .fc-list-heading td,
body.sd-dark-mode .fc-unthemed .fc-list-view,
body.sd-dark-mode .fc-unthemed .fc-popover,
body.sd-dark-mode .fc-unthemed .fc-row,
body.sd-dark-mode .fc-unthemed tbody,
body.sd-dark-mode .fc-unthemed td,
body.sd-dark-mode .fc-unthemed th,
body.sd-dark-mode .fc-unthemed thead {
  border-color: #313345;
}
body.sd-dark-mode .fc-state-default {
  box-shadow: none;
}
body.sd-dark-mode .noUi-target {
  background-color: #313345;
  border-color: #313345;
  box-shadow: none;
}
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn:focus::before,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn:hover::before,
body.sd-dark-mode .companySettings .form-actions--bottom-sticky .form-actions-btn:hover::before,
body.sd-dark-mode #platform-branding-form .RightBar__footer.form-actions.form-actions--bottom-sticky .form-actions-btn:before,
body.sd-dark-mode .noUi-connect {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .noUi-handle {
  background-color: #313345;
  border-color: #181823;
  box-shadow: none;
}
body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card {
  background-color: #181823 !important;
}
body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .card-header.forms-form-header {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .appointment-intake-form-wrapper {
  border-color: #313345 !important;
}
body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .form-actions.btn-list > .btn.btn-primary, body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.btn-list > button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .form-actions.btn-list > button.btn-primary, body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .form-actions.btn-list > button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .dashboard-widget-holder .cbe-block-content-text form .card .form-actions.btn-list > button.btn-primary {
  background-color: #5B5F70 !important;
  border-color: #5B5F70 !important;
}
body.sd-dark-mode code {
  background-color: #313345 !important;
  color: #5B5F70 !important;
}
body.sd-dark-mode .subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link.active {
  background-color: #313345;
}
body.sd-dark-mode .subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link .tab-title,
body.sd-dark-mode .subscription-plans-container .plans-tabs .nav-tabs .nav-item .nav-link .tab-text,
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel .panel-value,
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel .features-list li {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel .panel-header,
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel .info-label span {
  background-color: #5B5F70;
}
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel .info-label:after,
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel:after {
  background-color: #5B5F70;
}
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel {
  box-shadow: none;
  border: solid 1px #5B5F70;
}
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel:after {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
body.sd-dark-mode .subscription-plans-container .panels-block .plan-panel .panel-header {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
body.sd-dark-mode .file-upload-attachment-modal-card,
body.sd-dark-mode #sdTranslation .tr-group.active .tr-save-group {
  background-color: #232332;
}
body.sd-dark-mode .sd-widget-announcement .announcements .announcement,
body.sd-dark-mode .sd-widget-announcement .announcements .sticky-announcement,
body.sd-dark-mode .sd-widget-announcement .stickied-announcements .announcement,
body.sd-dark-mode .sd-widget-announcement .stickied-announcements .sticky-announcement {
  border-color: #313345;
}
body.sd-dark-mode .btn-dark {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .btn-dark:hover {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .gridview-header.mobile-gridview-header .addButtonWrap .addButton,
body.sd-dark-mode .gridview-header.mobile-gridview-header,
body.sd-dark-mode .share-existing-folder .create-shared-folder.edit-share .form-group .folder-name,
body.sd-dark-mode .share-existing-folder .create-shared-folder.new-share .form-group .folder-name {
  border-color: #232332 !important;
}
body.sd-dark-mode .share-users-list ul {
  border-color: #313345;
}
body.sd-dark-mode .ui-select-bootstrap .ui-select-choices-row.active > span {
  background-color: #313345;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .divider {
  border-bottom: #313345 1px solid;
  border-top: #313345 1px solid;
}
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-description-collapsing table th,
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-description-collapsing table td,
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-description-collapsing p,
body.sd-dark-mode .ui-select-bootstrap .ui-select-choices-row > span {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .product-card .card-body,
body.sd-dark-mode .branding-templates .card-body .see-more-collapsed-content,
body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal {
  border-color: #181823 !important;
}
body.sd-dark-mode .share-existing-folder .create-shared-folder.edit-share .form-group .folder-name:before,
body.sd-dark-mode .share-existing-folder .create-shared-folder.new-share .form-group .folder-name:before {
  color: #5B5F70;
}
body.sd-dark-mode .type-select-card {
  border: 1px solid #474B5E;
  background-color: #5B5F70;
}
body.sd-dark-mode .type-select-card:hover {
  background-color: #474B5E;
}
body.sd-dark-mode .type-select-card .type-select-header {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .type-select-card .type-select-small {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .field-label-container .btn-link,
body.sd-dark-mode .choices-container .btn-link {
  background-color: #313345 !important;
}
body.sd-dark-mode .form-builder .field-configuration {
  background-color: #232332 !important;
  border: none;
}
body.sd-dark-mode .wysiwyg-content address,
body.sd-dark-mode .wysiwyg-content main,
body.sd-dark-mode .wysiwyg-content section,
body.sd-dark-mode .wysiwyg-content header,
body.sd-dark-mode .wysiwyg-content footer,
body.sd-dark-mode .wysiwyg-content aside,
body.sd-dark-mode .wysiwyg-content article,
body.sd-dark-mode .wysiwyg-content pre,
body.sd-dark-mode .wysiwyg-content div,
body.sd-dark-mode .wysiwyg-content h1,
body.sd-dark-mode .wysiwyg-content h2,
body.sd-dark-mode .wysiwyg-content h3,
body.sd-dark-mode .wysiwyg-content h4,
body.sd-dark-mode .wysiwyg-content h5,
body.sd-dark-mode .wysiwyg-content h6,
body.sd-dark-mode .wysiwyg-content table,
body.sd-dark-mode .wysiwyg-content tbody,
body.sd-dark-mode .wysiwyg-content thead,
body.sd-dark-mode .wysiwyg-content tfoot,
body.sd-dark-mode .wysiwyg-content th,
body.sd-dark-mode .wysiwyg-content tr,
body.sd-dark-mode .wysiwyg-content td,
body.sd-dark-mode .wysiwyg-content ul,
body.sd-dark-mode .wysiwyg-content ol,
body.sd-dark-mode .wysiwyg-content li,
body.sd-dark-mode .wysiwyg-content blockquote,
body.sd-dark-mode .wysiwyg-content p,
body.sd-dark-mode .wysiwyg-content figure,
body.sd-dark-mode .wysiwyg-content figcaption,
body.sd-dark-mode .wysiwyg-content span,
body.sd-dark-mode .wysiwyg-content a {
  color: rgb(230, 237, 243) !important;
  background-color: transparent !important;
}
body.sd-dark-mode .form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-configuration {
  border-top: #313345 1px solid;
}
body.sd-dark-mode .content-block-editor-wrapper {
  background-color: #232332;
}
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-block-wrapper:first-child:hover {
  background-color: #232332;
}
body.sd-dark-mode campaign-editor,
body.sd-dark-mode .ace-tm,
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row {
  background-color: #313345 !important;
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper {
  background-color: #313345;
}
body.sd-dark-mode .braintree-sheet {
  background-color: #232332 !important;
}
body.sd-dark-mode .proposal_content .proposal-navbar-header,
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-block .cbe-control-action:hover {
  background-color: #181823 !important;
}
@media (max-width: 900px) {
  body.sd-dark-mode .card.data-table-wrap.grid-wrap-view,
  body.sd-dark-mode .grid-wrap-view .dataTableResp {
    background-color: transparent !important;
  }
}
body.sd-dark-mode .select2-container--default,
body.sd-dark-mode .select2-results__options > li,
body.sd-dark-mode .schedules__scheduleDetail .marketingListDetailsTabHeaders .tabs,
body.sd-dark-mode .crm-deals-block #crm-goals-visibility-grid .dv-view,
body.sd-dark-mode .modal .modal-dialog.modal-bottom-bar .modal-content,
body.sd-dark-mode .dropdown-item:focus,
body.sd-dark-mode .form-builder .fields-list .field-block .label-block .field-container .field-wrapper.settings .field-configuration .field-header,
body.sd-dark-mode .chain-link__options-dropdown .dropdown-menu.show,
body.sd-dark-mode .cbe-popup-wrapper,
body.sd-dark-mode .cbe-popup-wrapper .cbe-popup-content {
  background-color: transparent !important;
}
body.sd-dark-mode .branding-templates .card-body,
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row .cbe-control-action:hover,
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper.cbe-control-row .cbe-control-action.selected {
  background-color: #181823 !important;
}
body.sd-dark-mode button.btn.btn-lg.btn-primary, body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-lg.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-lg.btn-primary, body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-lg.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-lg.btn-primary {
  margin: 0 5px 0 5px;
}
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle::before,
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title::before,
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-subtitle::after,
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-title::after {
  background-image: linear-gradient(90deg, rgba(49, 51, 69, 0.3) 0%, rgb(49, 51, 69) 50%);
}
body.sd-dark-mode .branding-templates .product-card .card-title .branding-templates__title-text-wrap::before {
  background-image: linear-gradient(90deg, rgba(24, 24, 35, 0.3) 0%, rgb(24, 24, 35) 50%);
}
@media (max-width: 1200px) {
  body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle::before,
  body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title::before {
    background-image: linear-gradient(90deg, rgba(24, 24, 35, 0.3) 0%, rgb(24, 24, 35) 50%);
  }
}
@media (max-width: 1800px) {
  body.sd-dark-mode .cbe-block-checklist .checklist-item-container,
  body.sd-dark-mode .flow-chain-link-wrapper .checklist-item-container {
    background-color: #181823 !important;
  }
  body.sd-dark-mode .cbe-block-checklist .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle::before,
  body.sd-dark-mode .cbe-block-checklist .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title::before,
  body.sd-dark-mode .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle::before,
  body.sd-dark-mode .flow-chain-link-wrapper .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-title::before {
    background-image: linear-gradient(90deg, rgba(24, 24, 35, 0.3) 0%, rgb(24, 24, 35) 50%);
  }
}
body.sd-dark-mode .box-info-text,
body.sd-dark-mode .lms-panel .product-details .card-subtitle,
body.sd-dark-mode .content-block-editor-wrapper sd-content-block-editor-control-bar,
body.sd-dark-mode .content-block-editor-wrapper .cbe-control-column,
body.sd-dark-mode .content-block-editor-wrapper .cbe-add i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .cg-notify-message {
  background-color: #313345;
  border-color: #181823;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .cbe-popup-wrapper .cbe-popup-tabs .nav-tabs .nav-link.active {
  background-color: #232332;
}
body.sd-dark-mode .cbe-popup-wrapper .cbe-popup-actions {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=button],
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=submit],
body.sd-dark-mode .braintree-sheet__text,
body.sd-dark-mode .braintree-form__label,
body.sd-dark-mode .checklist-item-collapsing-content .checklist-item-subtitle,
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-info .checklist-item-subtitle,
body.sd-dark-mode .nav-tabs .nav-item .nav-link.active {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .nav-tabs .nav-link.active,
body.sd-dark-mode .nav-tabs .nav-item.show .nav-link {
  border-color: #313345;
}
body.sd-dark-mode .cbe-popup-wrapper .cbe-popup-tabs .nav-tabs li a:hover {
  background-color: #313345;
}
body.sd-dark-mode #cbe-add-block-popup .cbe-add-block-items .cbe-add-block-item:hover {
  border-color: #313345;
}
body.sd-dark-mode .content-block-editor-wrapper .cbe-row-wrapper .cbe-control-bar-wrapper .cbe-control-change-row-wrapper {
  background-color: #313345;
}
body.sd-dark-mode.glass-background-effect .campaign-editor-wrapper,
body.sd-dark-mode .redactor-source-view .redactor-toolbar {
  background-color: #181823;
}
body.sd-dark-mode .redactor-source-view,
body.sd-dark-mode .redactor-source-view.redactor-styles-on {
  border-color: #313345 !important;
}
body.sd-dark-mode .upload-redactor-box {
  background-color: #232332;
  border-color: #5B5F70;
}
body.sd-dark-mode .sd-grid-view .logoCol .logo figure,
body.sd-dark-mode .redactor-modal-tabs,
body.sd-dark-mode .redactor-modal-header {
  border-color: #181823;
}
body.sd-dark-mode .dataTableResp .dv-view,
body.sd-dark-mode .dv-view .dataTableResp {
  border-color: #232332;
  border-radius: 8px;
  background-color: #232332;
}
body.sd-dark-mode .gridview-footer-wrap .select2-selection--single span,
body.sd-dark-mode .upload-redactor-placeholder {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .ace-tm .ace_gutter,
body.sd-dark-mode .contact2-filter__role,
body.sd-dark-mode .redactor-modal .redactor-close {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .redactor-dropdown-selector span.active {
  background-color: #313345;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .ace-tm .ace_gutter,
body.sd-dark-mode .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone:hover::before,
body.sd-dark-mode .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar:hover::before,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-draft:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-activated:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-converted:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-rejected:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-signed:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-expired:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn.label-active:hover,
body.sd-dark-mode .contact2-filter__role,
body.sd-dark-mode .flatpickr-day:hover,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .counter,
body.sd-dark-mode .sd-alert-private-task,
body.sd-dark-mode .see-more-btn,
body.sd-dark-mode .checklist-item-container .checklist-item-content .see-more-btn,
body.sd-dark-mode .sd-warning,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__details::before,
body.sd-dark-mode .default-user-avatar,
body.sd-dark-mode .redactor-dropdown-selector span:hover {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__header-title::after {
  background: linear-gradient(to left, #232332, rgba(35, 35, 50, 0));
}
body.sd-dark-mode .forms-cannons-type-choose .sdAccordion__toggle:hover .checkmark-icon .checkmark-icon__circle,
body.sd-dark-mode .forms-cannons-type-choose .sdAccordion__toggle:hover .checkmark-icon .checkmark-icon__check::after,
body.sd-dark-mode .forms-cannons-type-choose .sdAccordion__toggle:focus .checkmark-icon .checkmark-icon__circle,
body.sd-dark-mode .forms-cannons-type-choose .sdAccordion__toggle:focus .checkmark-icon .checkmark-icon__check::after {
  border-color: #19490a;
}
body.sd-dark-mode.new-card-view .dataTableResp#circles-grid .data-table-item-mobile .card-member-item .link-block,
body.sd-dark-mode .appointment-intake-form-wrapper,
body.sd-dark-mode .sd-btn-wide-primary-36px.sd-assign-start-page,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.sd-assign-start-page,
body.sd-dark-mode .sd-btn-wide-primary-32px.sd-assign-start-page,
body.sd-dark-mode .sd-btn-wide-primary-add-32px.sd-assign-start-page,
body.sd-dark-mode .sd-btn-wide-primary-36px.forms2EmbedButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.forms2EmbedButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-32px.forms2EmbedButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-add-32px.forms2EmbedButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-36px.forms2SubmissionButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.forms2SubmissionButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-32px.forms2SubmissionButtonShortcut,
body.sd-dark-mode .sd-btn-wide-primary-add-32px.forms2SubmissionButtonShortcut,
body.sd-dark-mode .sd-dark-toggle {
  background-color: #232332 !important;
}
body.sd-dark-mode .sd-btn-wide-primary-36px.sd-assign-start-page:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.sd-assign-start-page:hover,
body.sd-dark-mode .sd-btn-wide-primary-32px.sd-assign-start-page:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.sd-assign-start-page:hover,
body.sd-dark-mode .sd-btn-wide-primary-36px.forms2EmbedButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.forms2EmbedButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-32px.forms2EmbedButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.forms2EmbedButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-36px.forms2SubmissionButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.forms2SubmissionButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-32px.forms2SubmissionButtonShortcut:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px.forms2SubmissionButtonShortcut:hover,
body.sd-dark-mode .sd-dark-toggle:hover {
  background-color: #313345 !important;
}
body.sd-dark-mode .data-table-item-mobile.mobile-card.mobile-card--circle .mobile-card__header .mobile-card__icon svg,
body.sd-dark-mode .right-sidebar-togler-container .right-sidebar-togler.current:hover svg,
body.sd-dark-mode .view-button svg path {
  stroke: rgb(230, 237, 243) !important;
}
body.sd-dark-mode #recurringForm > .recurring-form {
  background-color: #232332;
  border: none;
  box-shadow: none;
}
body.sd-dark-mode .phoneWidgetBlock .label-block .functional-btn .tipS .material-icons,
body.sd-dark-mode .dashboard-organize-box__content .dashboard-item__title,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__header-filters button.filter-button svg,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__content .dashboard-item__data .timing,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__header-title,
body.sd-dark-mode .dashboard-organize-box:hover .tasks-number span,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-item__title,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__footer-btn,
body.sd-dark-mode .dashboard-organize-box:hover .dashboard-organize-box__content .first-row a,
body.sd-dark-mode .appointment-schedule-pagination__previous .appointment-schedule-pagination-button,
body.sd-dark-mode .appointment-schedule-pagination__next .appointment-schedule-pagination-button,
body.sd-dark-mode .gridview-empty-default .empty .empty-text,
body.sd-dark-mode .gridview-empty-default .empty-text-sub,
body.sd-dark-mode .sd_open_close_sidebar,
body.sd-dark-mode #requiredMessage .text-muted.required,
body.sd-dark-mode #requiredMessage .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul.required,
.sd-file-browser .browser-list .entity .title .inner-title .entity-meta body.sd-dark-mode #requiredMessage ul.required,
body.sd-dark-mode .side-menu :not([class*=color-]) > .list-icon {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode #appointmentFormWrapper #appointmentForm,
body.sd-dark-mode .sidebar-dark .side-user,
body.sd-dark-mode .sidebar-dark .side-menu li:hover,
body.sd-dark-mode .sidebar-dark .side-menu li.active,
body.sd-dark-mode .sidebar-dark.sidebar-collapse .side-menu .sub-menu,
body.sd-dark-mode .sidebar-dark.sidebar-horizontal .side-menu .sub-menu,
body.sd-dark-mode .sidebar-dark.sidebar-collapse .side-menu .sub-menu li,
body.sd-dark-mode .sidebar-dark.sidebar-horizontal .side-menu .sub-menu li {
  background-color: #232332 !important;
}
body.sd-dark-mode .sidebar-dark .side-user span .user-type {
  color: #232332 !important;
}
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-block-wrapper {
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons .btn, body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons button, body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons button,
body.sd-dark-mode .maintenance-window-container .maintenance-window *,
body.sd-dark-mode .notification-options a:focus,
body.sd-dark-mode .notification-options a:hover {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .checklist-header,
body.sd-dark-mode .gridview-header.mobile-gridview-header.ng-scope.with-mobile-title,
body.sd-dark-mode .gridview-header.mobile-gridview-header {
  background-color: #232332 !important;
}
body.sd-dark-mode .form.grey-template-container {
  background-color: #313345;
}
body.sd-dark-mode .maintenance-window-container .maintenance-window {
  background-color: #313345 !important;
  color: rgb(230, 237, 243) !important;
  border: 1px solid #5B5F70 !important;
  border-left: 5px solid #5B5F70 !important;
}
body.sd-dark-mode .maintenance-window-container .maintenance-window .close.close-notice {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .maintenance-window-container .maintenance-window a {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .maintenance-window-container .maintenance-window strong {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .maintenance-window-container .maintenance-window .fal {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .sd-redesign2020 .new-design .gridview-header .grid-title .title {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .template-library .grid-title {
  background-color: #232332;
}
body.sd-dark-mode .template-library .grid-title .title {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .template-library .template-library__main-block {
  background-color: #232332;
}
body.sd-dark-mode .template-library .community-template-details {
  background-color: #313345 !important;
}
body.sd-dark-mode .template-library .community-template-details .in-use {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .template-library .community-template-details .template-description {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .sd-highlight-badge {
  background: #5B5F70;
  border: 1px solid #5B5F70;
}
body.sd-dark-mode .sd-info-appointment-duration {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .appointment-date-head-text {
  color: rgb(230, 237, 243) !important;
  background: #313345 !important;
}
body.sd-dark-mode .sd-checkmark-card-item.sd-checkmark-card-item__active,
body.sd-dark-mode .entity-action-widget-upgrade div.upgrade-block {
  background-color: #313345;
  border-color: rgb(230, 237, 243);
}
body.sd-dark-mode .sd-payment-gateway-header {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode #cardForm .form-card-row {
  border: 1px solid #232332;
  background: #232332;
}
body.sd-dark-mode #cardForm .form-card-row input::placeholder {
  color: #aaaaaa;
}
body.sd-dark-mode .jp-card .jp-card-front,
body.sd-dark-mode .jp-card .jp-card-back {
  background-color: #313345;
}
body.sd-dark-mode .my-billing .nav-pills .nav-link {
  background-color: #313345;
}
body.sd-dark-mode .my-billing .nav-pills .nav-link.active {
  background-color: #232332;
}
body.sd-dark-mode .my-billing #credit-card-tab {
  background-color: #232332;
}
body.sd-dark-mode .my-billing .payment-method-list {
  background-color: #313345;
}
body.sd-dark-mode .my-billing .card,
body.sd-dark-mode .my-billing .card .card-header {
  background-color: #313345;
}
body.sd-dark-mode .my-billing .card-header {
  border-bottom-color: #181823;
}
body.sd-dark-mode .my-billing .badge-dark {
  background-color: #181823 !important;
}
body.sd-dark-mode .sdd-widget-dock .widget-slip .slip {
  padding: 1px 15px 15px 15px !important;
}
body.sd-dark-mode #merchantDivAjax {
  background-color: #313345;
}
body.sd-dark-mode #merchantDivAjax .merchants-filters {
  background-color: #232332;
  border: none;
}
body.sd-dark-mode #merchantDivAjax .merchants-filters .filters-section {
  border-bottom-color: #313345;
}
body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container {
  background-color: #232332;
  border: none;
}
body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-bottom {
  border-top: #313345;
}
body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content .btn.btn-primary, body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary, body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary {
  background-color: #5B5F70 !important;
  border: none;
}
body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content .btn.btn-primary:hover, body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary:hover, body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #merchantDivAjax .merchants-container .merchant-container .merchant-content button.btn-primary:hover {
  background-color: #474B5E;
  border: none;
}
body.sd-dark-mode .modal .modal-dialog .modal-content .mechents-modal-container .modal-header .modal-close-btn i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .title.ng-binding.pb-3.pb-md-0 {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode img.invoice-source.tipS.mr-1 {
  background-color: transparent;
}
body.sd-dark-mode .file-transfer .nav .nav-item a.nav-link.active {
  color: rgb(230, 237, 243) !important;
  border-bottom-color: #5B5F70 !important;
}
body.sd-dark-mode .file-transfer .nav .nav-item {
  border: none;
}
body.sd-dark-mode .files-storage-browser-widget .no-selected-files .choose-files-button,
body.sd-dark-mode .active-packages .active-packages-header,
body.sd-dark-mode .card-storage-browser .card-header {
  background: #313345 !important;
}
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item,
body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel {
  background-color: #232332;
}
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button,
body.sd-dark-mode .checklist-item-collapsing-content,
body.sd-dark-mode sd-user-avatar svg {
  background-color: #313345;
}
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__header-filters input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
body.sd-dark-mode svg.list-icon,
body.sd-dark-mode #custom-menu-form .show-icons-list svg,
body.sd-dark-mode #custom-menu-form .icons-list svg,
body.sd-dark-mode .events-calendar__date-icon svg,
body.sd-dark-mode .events-calendar__event-icon svg,
body.sd-dark-mode .invoice-card sd-user-avatar svg {
  background-color: transparent;
  fill: rgb(230, 237, 243) !important;
  stroke: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .events-calendar__events-item-definition,
body.sd-dark-mode .right-sidebar-togler .fal,
body.sd-dark-mode .right-sidebar-togler .fas,
body.sd-dark-mode .right-sidebar-togler i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .events-calendar__events-item-edit-link {
  color: #01a9f4 !important;
}
body.sd-dark-mode .pipeline-wrapper .pipeline-bar,
body.sd-dark-mode .wysiwyg-content {
  background-color: #232332;
}
body.sd-dark-mode .dropdown-item.active,
body.sd-dark-mode .dropdown-item:active {
  background-color: transparent;
}
body.sd-dark-mode select,
body.sd-dark-mode .cards-vault-container .card-actions-container .card-action span,
body.sd-dark-mode .vault-add-manually,
body.sd-dark-mode .vault-add-request,
body.sd-dark-mode .liveSupportSession__data,
body.sd-dark-mode .customization-sidebar-wrapper #proposal-notification-form .card-block .btn.btn-primary,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper #proposal-notification-form .card-block button.btn-primary,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper #proposal-notification-form .card-block button.btn-primary,
body.sd-dark-mode .customization-sidebar-wrapper #proposal-notification-form .card-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .customization-sidebar-wrapper #proposal-notification-form .card-block button.btn-primary,
body.sd-dark-mode .customization-sidebar-wrapper #proposal-notification-form .card-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .customization-sidebar-wrapper #proposal-notification-form .card-block button.btn-primary {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .checklist-item-container .checklist-item-content .checklist-item-completed-icon.completed svg,
body.sd-dark-mode .tabs-card .nav.nav-tabs .nav-item .nav-link svg,
body.sd-dark-mode .gridview-header .filter-btn svg,
body.sd-dark-mode .data-table-wrap .gridview-header.mobile-gridview-header svg,
body.sd-dark-mode .pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-header .pipeline-header-inner .title .summary .icon svg,
body.sd-dark-mode .data-table-wrap .gridview-header.mobile-gridview-header .addButtonWrap button svg,
body.sd-dark-mode .data-table-wrap .gridview-header.mobile-gridview-header button.searchBtn svg,
body.sd-dark-mode .sidebar-settings .mobile-tabs-dropdown .dropdown-toggle > span svg,
body.sd-dark-mode .sidebar-menu .card-header svg,
body.sd-dark-mode .project-switcher-bar .projects-list svg,
body.sd-dark-mode .file-upload-attachment-modal-card button svg,
body.sd-dark-mode .kanban-container .kanban-container__header .add-btn svg,
body.sd-dark-mode .kanban-container .kanban-container__header .btn-list svg,
body.sd-dark-mode .gear-btn svg,
body.sd-dark-mode #sd-dropdown-wrapper .dropdown-menu .dropdown-item svg,
body.sd-dark-mode .show-error__icon svg,
body.sd-dark-mode .modal-preview-operations .modal-download-btn svg,
body.sd-dark-mode .file-upload-modal .file-list button svg,
body.sd-dark-mode .invoiceViewActions svg,
body.sd-dark-mode .documentAttachedFilesButton svg,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .status-icon svg,
body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns .btn svg,
body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button svg,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns button svg,
body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button svg,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode #automation-template-grid .options-btn-wrap .outdoor-btns button svg,
body.sd-dark-mode .importContacts-downloadSampleBtn svg,
body.sd-dark-mode .navbar-nav > li > a .top-nav-link__icon svg,
body.sd-dark-mode .emailconfig-big-option__icon svg,
body.sd-dark-mode .addon-icon svg,
body.sd-dark-mode .message__attach-file-block .btn-icon svg,
body.sd-dark-mode .data-table-item-mobile.mobile-card .info-wrap--icon svg,
body.sd-dark-mode .project-card svg,
body.sd-dark-mode .right-sidebar-togler svg,
body.sd-dark-mode #recurringProfile-grid svg,
body.sd-dark-mode #proposals-grid svg,
body.sd-dark-mode #marketingCampaignTpl-grid svg,
body.sd-dark-mode .task-view-wrap .file-field svg,
body.sd-dark-mode .mailMenu .mailbox-menu-item .btn-custom-wrapper .sd-btn-util-24px svg {
  fill: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .sd-media-library .dropdown-menu .dropdown-item i {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .sd-media-library .active-packages-content .list-group .list-group-item.active {
  border-color: #ccc !important;
  color: rgb(230, 237, 243) !important;
  background: #313345 !important;
}
body.sd-dark-mode .sd-media-library .video-preview-poster .dropdown button[data-toggle=dropdown] {
  color: #232332 !important;
}
body.sd-dark-mode .dashboard-organize-box.cbe-block-my-tasks2:hover svg,
body.sd-dark-mode svg:not(.reporting__block__title__icon-svg),
body.sd-dark-mode .inCourse-file-icon {
  fill: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .site-sidebar .side-menu,
body.sd-dark-mode #proposal-settings-form .reminder-field input,
body.sd-dark-mode #proposal-settings-form .proposal-fontSize-group input {
  border-color: #313345 !important;
}
body.sd-dark-mode .file-upload-field-input:not(.view-only) {
  background-color: #232332;
  border-color: #232332;
}
body.sd-dark-mode .send-type-select__item button,
body.sd-dark-mode #currency-grid .selected,
body.sd-dark-mode .file-upload-field-input:not(.view-only) .file-drop {
  background-color: #313345 !important;
}
body.sd-dark-mode .alert {
  background-color: #313345;
  color: #fff;
}
body.sd-dark-mode .alert.alert-info h6 {
  color: #555555 !important;
}
body.sd-dark-mode .checklist-item-container .checklist-actions .status,
body.sd-dark-mode .add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a .type-select-description,
body.sd-dark-mode .add-proposal-modal .add-recurring-profile .add-recurring-profile__item a .type-select-description,
body.sd-dark-mode .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
body.sd-dark-mode .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button,
body.sd-dark-mode .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
body.sd-dark-mode .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button,
body.sd-dark-mode .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head a,
body.sd-dark-mode .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head button,
body.sd-dark-mode .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i,
body.sd-dark-mode .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i,
body.sd-dark-mode .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .modal-head .contact-dashboard i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li:hover:before {
  background: rgb(230, 237, 243);
}
body.sd-dark-mode .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a,
body.sd-dark-mode .sd-grid-view .table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button,
body.sd-dark-mode .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a,
body.sd-dark-mode .sd-grid-view .sd-grid-view-table .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button,
body.sd-dark-mode .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a,
body.sd-dark-mode .sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li button {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .form-oscar .form-control {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .note {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .sd-alert p {
  color: #303030 !important;
}
body.sd-dark-mode .dashboard-organize-box__content .dashboard-item:hover,
body.sd-dark-mode .dataTableResp .dv-view,
body.sd-dark-mode .table,
body.sd-dark-mode .gridview-header,
body.sd-dark-mode .data-table-wrap .gridview-header,
body.sd-dark-mode .dataTableResp.sd-grid-view .table,
body.sd-dark-mode .pdf-wrapper.wkhtmltopdf .file-upload-header .file-upload-attachment-modal-card,
body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker,
body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .bottom-bar .emoji-picker .emojis .emoji-group ul li .emojione,
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form > div,
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input {
  background-color: #181823 !important;
}
body.sd-dark-mode .pdf-wrapper,
body.sd-dark-mode .modal .modal-dialog .modal-content .modal-header,
body.sd-dark-mode .pdf-wrapper.wkhtmltopdf .file-upload-header .file-upload-attachment-modal-card {
  border-color: #7c829b !important;
}
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate,
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-select-container .timer-select + span .select2-selection,
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container {
  border-color: #232332 !important;
}
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input-title-container.error,
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-rate-input-container input.timer-input-rate.error {
  border-color: rgba(168, 102, 102, 0.8) !important;
}
body.sd-dark-mode .task-view-wrap .complete-btn span.is-complete,
body.sd-dark-mode .task-view-wrap .complete-btn span.mark-complete,
body.sd-dark-mode .panel-preview .panel-preview__footer .panel-preview__bottom-bar *,
body.sd-dark-mode .primaryContactCompaniesListItem .primaryContactCompanyName,
body.sd-dark-mode .contactCrmBar .fa-chevron-down:before,
body.sd-dark-mode .sd-grid-view.disabled .filters-profile-wrapper .filters-profile-locked-icon,
body.sd-dark-mode .form-oscar.disabled .filters-profile-wrapper .filters-profile-locked-icon {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::after,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::before,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox.complete span::before,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item .complete-task-checkbox:hover:not(.complete) span::before,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item .complete-task-checkbox:hover:not(.complete),
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item .complete-task-checkbox.active:not(.complete) span::before,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item .complete-task-checkbox.active:not(.complete) {
  border-color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .ace-tm,
body.sd-dark-mode .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone .form-actions-btn.form-actions-btn--tombstone,
body.sd-dark-mode .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar .form-actions-btn.form-actions-btn--sidebar,
body.sd-dark-mode .modal-sticky-footer--tombstone .form-actions.form-actions--tombstone,
body.sd-dark-mode .modal-sticky-footer--sidebar .form-actions.form-actions--sidebar,
body.sd-dark-mode .RightBar__footer-bar,
body.sd-dark-mode .marketingListDetailsTabHeaders .tabs .nav-item.active .nav-link,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox span::before,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=button],
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=submit]:not(.btn),
body.sd-dark-mode .checklist-item-collapsing-content,
body.sd-dark-mode .send-type-select__item button,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__details, body.sd-dark-mode.new-card-view #circles-grid.dataTableResp .data-table-item-mobile .show-more.link-block .circles-users-more,
body.sd-dark-mode .primaryContactCompaniesListItem,
body.sd-dark-mode .pipeline-wrapper .pipeline-conitainer .pipeline-column .pipeline-cards label input[type=text],
body.sd-dark-mode .ribbon-notify .ribbon-notify__title,
body.sd-dark-mode .ribbon-notify__icon--down-arrow::after,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li.active,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li:hover,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar,
body.sd-dark-mode .proposal_content .main-wrapper .bottom_nav,
body.sd-dark-mode .file-upload-field-input.view-only,
body.sd-dark-mode .file-upload-field-input.view-only .file-list li,
body.sd-dark-mode .main-wrapper--contactCRM .RightBar,
body.sd-dark-mode .contactCrmBar,
body.sd-dark-mode .box,
body.sd-dark-mode .box-footer,
body.sd-dark-mode .contactCrmBar .btn-action,
body.sd-dark-mode .contactCrmBar .default-user-avatar,
body.sd-dark-mode .link-block,
body.sd-dark-mode .swal2-styled.swal2-confirm,
body.sd-dark-mode .ui-select-multiple.ui-select-bootstrap.form-control.open,
body.sd-dark-mode .right-sidebar-togler-container .right-sidebar-togler.current,
body.sd-dark-mode .footer-actions-wrapper ~ .select2-container .select2-dropdown,
body.sd-dark-mode .footer-actions-wrapper ~ .select2-container .select2-search--dropdown .select2-search__field {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .send-type-select__item button.active {
  border-color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .send-type-select__item button.active:after {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .suite-dreams-logo.lifetime__img-wrap img {
  position: static;
}
body.sd-dark-mode .contactCrmBar .btn-action i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .contactCrmBar .btn-action svg {
  fill: rgb(230, 237, 243);
  color: rgb(230, 237, 243);
}
body.sd-dark-mode.sd-redesign2020 .has-search.active .fa-search,
body.sd-dark-mode .main-wrapper .right-sidebar-togler-container .right-sidebar-togler.current .fal,
body.sd-dark-mode .sd-grid-view .user-container .right {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .main-wrapper--contactCRM .RightBar {
  border-width: 2px;
}
body.sd-dark-mode .pdf-wrapper table,
body.sd-dark-mode .pdf-wrapper th,
body.sd-dark-mode .pdf-wrapper td {
  border: none;
}
body.sd-dark-mode .appointment-email-template-sidebar__footer,
body.sd-dark-mode .list-group-item {
  background-color: #181823 !important;
}
body.sd-dark-mode .flatpickr-day,
body.sd-dark-mode span.flatpickr-weekday,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__header .mobile-card__icon svg,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li .dropdown button i,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-nav ul li > input,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .sidebar .sidebar-buttons .proposal-btn,
body.sd-dark-mode .livestream-email-modal .campaign-preview-body .head > div .title,
body.sd-dark-mode .livestream-email-modal .campaign-preview-body .head > div .value,
body.sd-dark-mode .livestream-email-modal .campaign-preview-body .body-container .user-container .right {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .livestream-email-modal .campaign-preview-body .body-container .message-body p {
  color: #232323 !important;
}
body.sd-dark-mode .livestream-email-modal .campaign-preview-body .body-container .message-body p a {
  color: inherit !important;
}
body.sd-dark-mode .select2-results__option:last-child {
  border-radius: 0 0 4px 4px;
}
body.sd-dark-mode .cbe-block-shopping-wrapper .choose-items-summary-wrapper .choose-items-summary-body,
body.sd-dark-mode .ribbon-notify__list-block,
body.sd-dark-mode .new-card-view .gridview-header,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .form-signature-wrap .card,
body.sd-dark-mode .view-submission-modal .brand-band {
  background-color: #232332 !important;
}
body.sd-dark-mode .flatpickr-calendar,
body.sd-dark-mode .view-submission-modal--line.bg-primary {
  background-color: #313345 !important;
}
body.sd-dark-mode .appointment-email-template-sidebar__footer,
body.sd-dark-mode .view-submission-modal--line {
  border-color: #313345 !important;
}
body.sd-dark-mode .view-submission-modal .border-bottom,
body.sd-dark-mode .view-submission-modal .top {
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode tags-input .autocomplete {
  background-color: #313345;
  border: 1px solid #5B5F70;
}
body.sd-dark-mode tags-input .autocomplete .suggestion-item {
  background-color: #313345;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode #sdTranslation .menu .menu-item {
  border-bottom: solid 1px #181823;
}
body.sd-dark-mode .impersonate-wrapper {
  background-color: #232332;
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-subtitle-collapsing,
body.sd-dark-mode .checklist-submission-item .link-state-wrapper .link-description-collapsing span,
body.sd-dark-mode .sd-signature-pad .nav-tabs .nav-link .material-icons,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .form-signature-wrap .card,
body.sd-dark-mode .lms-filter .filter .has-search input::placeholder {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .lms-button .right .title,
body.sd-dark-mode .lms-button .right .sub-title {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .lms-button:hover,
body.sd-dark-mode .lms-button.active {
  border: 1px solid #5B5F70;
  box-shadow: 0 0 0 2px #5B5F70;
}
body.sd-dark-mode .manage-container .manage-body .manage-product-head .back {
  background-color: #232332;
  border-color: #313345;
}
body.sd-dark-mode .manage-container .manage-body .manage-product-head .back i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item {
  border-color: #313345 !important;
}
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .sorter,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .sorter {
  border-color: #313345;
  background-color: #232332;
}
body.sd-dark-mode .lms-panel .product-card .card-body,
body.sd-dark-mode .lms-panel .product-details .card-body {
  border-color: #313345;
  background-color: #232332;
}
body.sd-dark-mode .lms-panel .product-card .card-footer,
body.sd-dark-mode .lms-panel .product-details .card-footer {
  border-color: #313345;
  background-color: #232332;
}
body.sd-dark-mode.glass-background-effect .main-wrapper .info-col-content *, body.sd-dark-mode.glass-background-effect .main-wrapper form .form-group-row .info-col-content .description, body.sd-dark-mode.glass-background-effect .main-wrapper .info-col-content .title, body.sd-dark-mode.glass-background-effect .main-wrapper .form-oscar .form-group-row .info-col-content .title,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .proposal-side-menu li.current-page i,
body.sd-dark-mode .lms-panel .product-card .card-title,
body.sd-dark-mode .lms-panel .product-details .card-title {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .sd-signature-pad .nav-tabs .nav-link,
body.sd-dark-mode .proposal_content .proposal-content-wrapper .proposal-side-menu li.current-page,
body.sd-dark-mode .lms-panel .product-card .card-footer:before,
body.sd-dark-mode .lms-panel .product-details .card-footer:before {
  background-color: #313345 !important;
}
body.sd-dark-mode .lms-panel .product-card .categories .badge.badge-category,
body.sd-dark-mode .lms-panel .product-details .categories .badge.badge-category {
  background-color: #313345 !important;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .billing-load-items__actions-inner-wrapper .checkbox label > input[type=checkbox] ~ span.label-text,
body.sd-dark-mode .checkbox input[type=checkbox]:checked + span.label-text:after,
body.sd-dark-mode .dataTableResp tbody td .dropdown .btn-link:hover,
body.sd-dark-mode .data-table-item-mobile .options-btns-wrap .btn-options:hover,
body.sd-dark-mode .lms-panel .btn-link {
  background-color: transparent !important;
}
body.sd-dark-mode .badge.badge--lms {
  background-color: #5B5F70;
  color: #181823;
}
body.sd-dark-mode.sd-redesign2020 .has-search.active .form-control,
body.sd-dark-mode .lms-panel .product-card .card-title .dropdown-menu,
body.sd-dark-mode .lms-panel .product-details .card-title .dropdown-menu {
  border-color: #313345 !important;
}
body.sd-dark-mode .product-modal-preview .modal-bottom .left {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .manage-container .manage-body .manage-product-content .head .sort-arrows {
  background-color: #232332;
  border-color: #313345;
}
body.sd-dark-mode .form-oscar .color-picker-wrapper .color-picker-input-wrapper .color-picker-swatch.color-picker-swatch-left,
body.sd-dark-mode .cbe-block-shopping-wrapper .choose-items-summary-wrapper,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .head,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .lessons-block .lesson-item {
  border-color: #313345 !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions-btn input[type=submit], body.sd-dark-mode.glass-background-effect .main-wrapper .filters .form .form-actions:not(.form-actions--bottom-sticky) .btn-outline-default, body.sd-dark-mode .glass-background-effect .main-wrapper .filters .form.wide .form-actions:not(.form-actions--bottom-sticky) .btn-outline-default,
body.sd-dark-mode .sd-sidebar-info,
body.sd-dark-mode .project-overview .welcome-block .box-title p,
body.sd-dark-mode .project-overview .welcome-block .box-title p span,
body.sd-dark-mode .project-overview .welcome-block .welcome-long-text span,
body.sd-dark-mode .manage-container .right-sidebar-togler-container .right-sidebar-togler .center-content .title,
body.sd-dark-mode .manage-container .right-sidebar-togler-container .right-sidebar-togler .center-content .sub-title,
body.sd-dark-mode .proposal_content .proposal-content-wrapper strong,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .details .sub-title,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .details .sub-title {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .billing-load-items__actions-inner-wrapper .checkbox label > input[type=checkbox] ~ span.label-text,
body.sd-dark-mode .ribbon-notify__link .ribbon-notify__link-icon-right::before,
body.sd-dark-mode .ribbon-notify__item-progress,
body.sd-dark-mode .ribbon-notify__list-block,
body.sd-dark-mode .sd-signature-pad .fade,
body.sd-dark-mode .manage-container .right-sidebar-togler-container .right-sidebar-togler {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .check-card .check-card-wrapper,
body.sd-dark-mode .manage-top-bar-wrapper {
  background-color: #181823;
}
body.sd-dark-mode .table.table-hover tbody tr:hover,
body.sd-dark-mode .cbe-block-shopping-wrapper .choose-items-summary-wrapper,
body.sd-dark-mode .project-overview .history .update-row.active td,
body.sd-dark-mode .project-overview .updates-title .search-updates .po-search, body.sd-dark-mode.blank-layout .content-wrapper .main-wrapper, body.sd-dark-mode.blank-layout .content-wrapper {
  background-color: #313345 !important;
}
body.sd-dark-mode .cbe-block-shopping-wrapper .choose-items-summary-wrapper .choose-items-summary-body,
body.sd-dark-mode .manage-top-bar-wrapper .manage-top-bar {
  border-color: #232332;
}
body.sd-dark-mode .cbe-block-shopping-wrapper .choose-items-summary-wrapper .choose-items-summary-body .status,
body.sd-dark-mode .manage-top-bar-wrapper .manage-top-bar .status {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .file-upload-field-input:not(.view-only) .file-list li,
body.sd-dark-mode .sdAccordion__body,
body.sd-dark-mode .sdAccordion__item,
body.sd-dark-mode .check-card .check-label .check-card-wrapper {
  border-color: #5B5F70;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle,
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after,
body.sd-dark-mode .dynamicProfileItems__item-handle span::before,
body.sd-dark-mode .dynamicProfileItems__item-handle.collapsed span::before,
body.sd-dark-mode .project-switcher-bar .projects-list,
body.sd-dark-mode .flow-chain .flow-chain-link button.toggle-link-btn .icon::before,
body.sd-dark-mode .sdAccordion__toggle .icon-chevron-down::before,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::before,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__icon::after,
body.sd-dark-mode .emailconfig-card .emailconfig-big-option .emailconfig-big-option-icon-1 span::before,
body.sd-dark-mode .checkmark-icon--inactive .checkmark-icon__circle,
body.sd-dark-mode .appointment-schedule-pagination__arrow::before,
body.sd-dark-mode .sd-btn-add-actions,
body.sd-dark-mode .flow-chain .flow-chain-link button.toggle-link-btn i.icon::before,
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow::before,
body.sd-dark-mode .check-card .check-label:hover .check-card-wrapper,
body.sd-dark-mode .check-card .check-label:focus .check-card-wrapper {
  border-color: rgb(230, 237, 243);
}
body.sd-dark-mode.sidebar-dark .proposal_content .sidebar,
body.sd-dark-mode .panel-preview__head {
  background-color: #181823 !important;
}
body.sd-dark-mode #crm-goals-visibility-grid table tr,
body.sd-dark-mode .manage-top-bar-wrapper .manage-top-bar .left .back {
  border-color: #232332;
}
body.sd-dark-mode .manage-top-bar-wrapper .tabs-card .nav-tabs li.active .nav-link {
  color: #5B5F70 !important;
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .manage-top-bar-wrapper .tabs-card .nav-tabs li a:hover,
body.sd-dark-mode .manage-top-bar-wrapper .tabs-card .nav-tabs li a:focus,
body.sd-dark-mode .manage-top-bar-wrapper .tabs-card .nav-tabs li.active a:focus,
body.sd-dark-mode .manage-top-bar-wrapper .tabs-card .nav-tabs li.active a:hover {
  color: #474B5E !important;
  border-color: #474B5E !important;
}
body.sd-dark-mode .sd-warning,
body.sd-dark-mode .sd-alert,
body.sd-dark-mode .sd-info {
  border-color: #474B5E;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .bg-white {
  background-color: #313345;
  border-color: #313345;
}
body.sd-dark-mode .manage-container .right-sidebar-togler-container .right-sidebar-togler img {
  filter: invert(1) brightness(1000);
}
body.sd-dark-mode .editor-selection > div img {
  filter: invert(1);
}
body.sd-dark-mode .editor-selection:hover {
  background-color: rgba(91, 95, 112, 0.4);
}
body.sd-dark-mode .lms-sidebar,
body.sd-dark-mode .lms-sidebar__footer,
body.sd-dark-mode .lms-sidebar__header {
  background-color: #232332;
  border-color: #313345;
}
body.sd-dark-mode .lms-sidebar__header .close i {
  color: #5B5F70;
}
body.sd-dark-mode .pdf-body .item-body .invoice-billing-td .invoice-billing-td-summary .billing-load-items__summary-img,
body.sd-dark-mode .billing-load-items__actions-inner-wrapper .round-check input[type=checkbox]:checked + .label-text,
body.sd-dark-mode .sdAccordion__toggle:hover,
body.sd-dark-mode .sdAccordion__toggle:focus,
body.sd-dark-mode .box-nav.tabs li a:before,
body.sd-dark-mode .box-person-img, body.sd-dark-mode.branding-theme-mrclean .default-user-avatar,
body.sd-dark-mode .liveSupportSession__date,
body.sd-dark-mode .main-wrapper--contactCRM .bg-info,
body.sd-dark-mode .box-content + .box-head:before,
body.sd-dark-mode .lms-sidebar .save-message {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode.glass-background-effect:not(.lms-page.blank-layout) > div:not(.modal) .main-wrapper .info-col-content:before {
  box-shadow: none !important;
  background-color: rgba(91, 95, 112, 0.6) !important;
}
body.sd-dark-mode #cbe-add-block-popup .cbe-search-box__control,
body.sd-dark-mode .panel-preview__head .back {
  border-color: #232332 !important;
}
body.sd-dark-mode .no-results-img {
  filter: hue-rotate(180deg);
}
body.sd-dark-mode .pdf-body .item-body .invoice-billing-td .invoice-billing-td-summary .item-title,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button,
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button,
body.sd-dark-mode .cbe-add-block-item-title,
body.sd-dark-mode ul#tiles li h5 .expander::before,
body.sd-dark-mode .project-overview .card-header .actions a .text,
body.sd-dark-mode .lms-sidebar__subtitle {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .lessons-block {
  border: none;
}
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon img,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .right .type-icon img,
body.sd-dark-mode .lms-button img,
body.sd-dark-mode .manage-product-list .course-item .sorter img {
  filter: invert(1) brightness(1000) !important;
}
body.sd-dark-mode .close {
  text-shadow: none;
}
body.sd-dark-mode .sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item,
body.sd-dark-mode .flow-state-view .flow-state-header,
body.sd-dark-mode .contact-filter .contact-filter__card,
body.sd-dark-mode .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container,
body.sd-dark-mode .sidebar-dark .content-wrapper {
  background-color: #313345 !important;
}
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-primary, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button.btn-primary, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button.btn-primary {
  border-right: 1px solid #5B5F70 !important;
}
body.sd-dark-mode .billing-load-items__actions-inner-wrapper .checkbox label > input[type=checkbox] ~ span.label-tex,
body.sd-dark-mode .stylingOptionsBlock .inner-wrap .form-group .form-control,
body.sd-dark-mode .form .embed-wrapper,
body.sd-dark-mode .modal-header,
body.sd-dark-mode .box-nav.tabs li,
body.sd-dark-mode ul#tiles li .select2-container--default .select2-selection--multiple,
body.sd-dark-mode ul#tiles li .select2-container--default .select2-selection--single,
body.sd-dark-mode ul#tiles li input,
body.sd-dark-mode ul#tiles li,
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .targets-avatar,
body.sd-dark-mode .sd-component-config-option .sd-component-config-option__check-mark-icon.notActive::before,
body.sd-dark-mode .sd-component-config-option,
body.sd-dark-mode .box-logs li,
body.sd-dark-mode .box .box-badge:before,
body.sd-dark-mode .appointment-type__item.active .appointment-type__block,
body.sd-dark-mode .emailconfig-card .emailconfig-big-option {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .box--menu-placeholder::before {
  background: #232332;
}
body.sd-dark-mode .box-icons-list li {
  border-color: #5B5F70;
}
body.sd-dark-mode .box-icons-list li:before, body.sd-dark-mode .box-icons-list li:after,
body.sd-dark-mode .box-icons-list li a:before,
body.sd-dark-mode .box-icons-list li a:after {
  background-color: #5B5F70;
}
body.sd-dark-mode .cbe-add-block-item-out-wrap,
body.sd-dark-mode .configure-actions__item {
  background-color: #5B5F70;
}
body.sd-dark-mode .cbe-add-block-item-out-wrap .cbe-add-block-item,
body.sd-dark-mode .cbe-add-block-item-out-wrap button,
body.sd-dark-mode .configure-actions__item .cbe-add-block-item,
body.sd-dark-mode .configure-actions__item button {
  background-color: #232332;
}
body.sd-dark-mode .cbe-add-block-item-out-wrap:hover:not(.disabledItem)::before, body.sd-dark-mode .cbe-add-block-item-out-wrap:hover:not(.disabledItem)::after,
body.sd-dark-mode .cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::after,
body.sd-dark-mode .cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::before,
body.sd-dark-mode .cbe-add-block-item-out-wrap:hover:not(.disabledItem) button:before,
body.sd-dark-mode .cbe-add-block-item-out-wrap:hover:not(.disabledItem) button:after, body.sd-dark-mode .cbe-add-block-item-out-wrap:focus:not(.disabledItem)::before, body.sd-dark-mode .cbe-add-block-item-out-wrap:focus:not(.disabledItem)::after,
body.sd-dark-mode .cbe-add-block-item-out-wrap:focus:not(.disabledItem) .cbe-add-block-item::after,
body.sd-dark-mode .cbe-add-block-item-out-wrap:focus:not(.disabledItem) .cbe-add-block-item::before,
body.sd-dark-mode .cbe-add-block-item-out-wrap:focus:not(.disabledItem) button:before,
body.sd-dark-mode .cbe-add-block-item-out-wrap:focus:not(.disabledItem) button:after,
body.sd-dark-mode .configure-actions__item:hover:not(.disabledItem)::before,
body.sd-dark-mode .configure-actions__item:hover:not(.disabledItem)::after,
body.sd-dark-mode .configure-actions__item:hover:not(.disabledItem) .cbe-add-block-item::after,
body.sd-dark-mode .configure-actions__item:hover:not(.disabledItem) .cbe-add-block-item::before,
body.sd-dark-mode .configure-actions__item:hover:not(.disabledItem) button:before,
body.sd-dark-mode .configure-actions__item:hover:not(.disabledItem) button:after,
body.sd-dark-mode .configure-actions__item:focus:not(.disabledItem)::before,
body.sd-dark-mode .configure-actions__item:focus:not(.disabledItem)::after,
body.sd-dark-mode .configure-actions__item:focus:not(.disabledItem) .cbe-add-block-item::after,
body.sd-dark-mode .configure-actions__item:focus:not(.disabledItem) .cbe-add-block-item::before,
body.sd-dark-mode .configure-actions__item:focus:not(.disabledItem) button:before,
body.sd-dark-mode .configure-actions__item:focus:not(.disabledItem) button:after {
  background-color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .box-footer {
  background: #5B5F70;
}
body.sd-dark-mode .box-nav.tabs li a {
  color: #fff !important;
}
body.sd-dark-mode .box-nav.tabs li a:hover, body.sd-dark-mode .box-nav.tabs li a:focus {
  background: #5B5F70;
}
body.sd-dark-mode .box-nav.tabs li:hover,
body.sd-dark-mode .box-nav.tabs li:focus,
body.sd-dark-mode .box-nav.tabs li.active {
  background: #5B5F70;
}
body.sd-dark-mode .box-nav.tabs li:hover a,
body.sd-dark-mode .box-nav.tabs li:focus a,
body.sd-dark-mode .box-nav.tabs li.active a {
  color: #fff !important;
}
body.sd-dark-mode .dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button {
  border: none !important;
}
body.sd-dark-mode .box-content:empty:before,
body.sd-dark-mode .box-content.empty:before {
  border: 10px solid #5B5F70;
}
body.sd-dark-mode .box-content:empty .empty-block-text,
body.sd-dark-mode .box-content.empty .empty-block-text {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .box--menu-placeholder {
  border-bottom: 2px solid #5B5F70;
}
body.sd-dark-mode .box-icons-list li .box-icons-link:focus,
body.sd-dark-mode .box-icons-list li .box-icons-link:hover {
  background: #313345;
}
body.sd-dark-mode .box-icons-list li .box-icons-link svg {
  color: rgb(230, 237, 243);
  fill: rgb(230, 237, 243);
}
body.sd-dark-mode .entityColor,
body.sd-dark-mode .events-calendar__date-icon,
body.sd-dark-mode .events-calendar__event-icon {
  background-color: #232332;
}
body.sd-dark-mode .RightBar__header .close .close__icon:before,
body.sd-dark-mode .RightBar__header .close .close__icon:after {
  background: rgb(230, 237, 243);
}
body.sd-dark-mode .rightSidebar .box-icons-list .box-icon svg {
  fill: rgb(230, 237, 243);
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .emailconfig-sidebar-wrapper {
  background-color: #232332;
}
body.sd-dark-mode .impersonate-wrapper .select2-container--default span.select2-selection.select2-selection--single,
body.sd-dark-mode #appointmentFormWrapper #appointmentForm .intakeForm-modal-header,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-line,
body.sd-dark-mode .appointment-type__item.active .appointment-type__block,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-block-wrapper {
  border-color: #313345 !important;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-img > img.emailconfig-icon-invert {
  filter: invert(1) brightness(1000);
  -webkit-filter: invert(1) brightness(1000);
}
body.sd-dark-mode .emailconfig-sidebar-wrapper img.emailconfig-icon-invert-force,
body.sd-dark-mode .emailconfig-card img.emailconfig-icon-invert-force {
  filter: invert(1) brightness(1000);
  -webkit-filter: invert(1) brightness(1000);
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate > .emailconfig-act-img svg {
  stroke: transparent !important;
}
body.sd-dark-mode .ace-tm .ace_cursor,
body.sd-dark-mode .video-service-side-bar-content .video-service-side-bar-content__title,
body.sd-dark-mode .emailconfig-sidebar-wrapper .emailconfig-act-text,
body.sd-dark-mode .emailconfig-sidebar-wrapper .emailconfig-act-text span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .navbar-brand {
  background-color: #181823 !important;
}
body.sd-dark-mode .sidebar-nav {
  background-color: #232332 !important;
}
body.sd-dark-mode .box--menu-mobile-dropdown,
body.sd-dark-mode .box--menu-mobile .ml--wrapper,
body.sd-dark-mode .box--menu-mobile .ml ul,
body.sd-dark-mode .box--menu-mobile .ml--wrapper li a {
  background-color: #232332 !important;
}
body.sd-dark-mode .reporting__block,
body.sd-dark-mode .box--menu-mobile .ml--wrapper .ml--header,
body.sd-dark-mode .box--menu-mobile .ml--wrapper li a.active {
  background-color: #181823 !important;
}
body.sd-dark-mode .ml li.ml--dropdown > a:after {
  border-right: 1px solid rgb(230, 237, 243);
  border-bottom: 1px solid rgb(230, 237, 243);
}
body.sd-dark-mode .jump-to-btn {
  background-color: #232332;
}
body.sd-dark-mode .item.menu-item-has-children.active {
  background-color: #232332 !important;
}
body.sd-dark-mode .reporting__block__value__trend--none,
body.sd-dark-mode .reporting__block__value__current,
body.sd-dark-mode .reporting__block__title__text,
body.sd-dark-mode .inv-est-num-label,
body.sd-dark-mode .inv-est-duedate-label,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__details .price-item,
body.sd-dark-mode .data-table-item-mobile.mobile-card .mobile-card__details .link,
body.sd-dark-mode .sd-btn-wide-primary-add-36px:hover .material-icons, body.sd-dark-mode.sidebar-dark .proposal_content .proposal-content-wrapper .new-page-wrapper a,
body.sd-dark-mode .dvs-table .dvs-table-head .dvs-table-cell.cell-record > div i,
body.sd-dark-mode .dvs-table .dvs-table-row .dvs-table-cell.cell-record > div i,
body.sd-dark-mode .dvs-table .dvs-table-head .dvs-table-cell.cell-record > div span,
body.sd-dark-mode .dvs-table .dvs-table-row .dvs-table-cell.cell-record > div span,
body.sd-dark-mode pre {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .input-group-addon {
  border: 0 !important;
}
body.sd-dark-mode .site-sidebar .sidebar-nav svg,
body.sd-dark-mode .manage-container .manage-body .manage-product-content .manage-product-list .course-item .left .type-icon svg,
body.sd-dark-mode .portal-pages__title svg,
body.sd-dark-mode .emailconfig-act-img svg,
body.sd-dark-mode svg svg,
body.sd-dark-mode .invoice-source svg,
body.sd-dark-mode .task-view-wrap .head-block .options-block svg,
body.sd-dark-mode .add-recurring-profile svg {
  color: rgb(230, 237, 243) !important;
  fill: rgb(230, 237, 243) !important;
  stroke: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .flow-state-view .link-state-view .link-state-wrapper,
body.sd-dark-mode .add-recurring-profile-modal .add-recurring-profile .add-recurring-profile__item a:hover,
body.sd-dark-mode .add-proposal-modal .add-recurring-profile .add-recurring-profile__item a:hover {
  background-color: #313345 !important;
}
body.sd-dark-mode .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block-new,
body.sd-dark-mode .form-chain-builder .chain-links .links-list .chain-link .link-block-wrapper.config .link-block .config-block {
  border: none;
}
body.sd-dark-mode .entityColorBlock .badge-pill.badge-pill-counter,
body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons .btn:not(.cancel-button),
body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.cancel-button),
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons button:not(.cancel-button),
body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:not(.cancel-button),
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .addon-tab-content .addon-item .add-on-buttons button:not(.cancel-button),
body.sd-dark-mode #automation-template-grid .automation-count.badge,
body.sd-dark-mode .ribbon-notify__link:hover,
body.sd-dark-mode .sd-info,
body.sd-dark-mode .sd-alert,
body.sd-dark-mode .box .box-badge a,
body.sd-dark-mode .sd-btn-add-actions,
body.sd-dark-mode .ui-select-choices-row:hover,
body.sd-dark-mode .ui-select-bootstrap .ui-select-choices-row > span:hover,
body.sd-dark-mode .header-avatar-block .avatar .material-icons {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .ace-tm .ace_gutter-active-line,
body.sd-dark-mode .sd-sortable-list-wrapper .sd-sortable-list .sd-sortable-list-item .sort-number-wrapper .sort-number,
body.sd-dark-mode .btn.btn-success,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-success,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-success,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-success,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-success,
body.sd-dark-mode .task-view-wrap .complete-btn:hover,
body.sd-dark-mode .btn-action:hover,
body.sd-dark-mode .btn-action:focus,
body.sd-dark-mode #lms-lesson-form .manage-container .right-sidebar-togler-container .right-sidebar-togler:hover,
body.sd-dark-mode .manage-container .rightTabs:not(.rightTabs--react) .right-sidebar-togler:hover,
body.sd-dark-mode .cbe-block-signature-form-wrapper .sd-signature-pad .pad-wrapper canvas[one],
body.sd-dark-mode .ribbon-notify__link:hover,
body.sd-dark-mode .sd-btn-add-actions:hover,
body.sd-dark-mode .chain-link__options-dropdown .dropdown-menu.show .dropdown-item:hover,
body.sd-dark-mode .btn-secondary.active {
  background-color: #474B5E !important;
}
body.sd-dark-mode .chain-link .sd-placeholder-tag,
body.sd-dark-mode .sd-btn-add-actions:hover,
body.sd-dark-mode .sd-btn-add-actions:focus {
  border: none !important;
}
body.sd-dark-mode .select2-selection__choice__remove {
  color: #303030 !important;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle,
body.sd-dark-mode .btn-action:hover {
  background-color: #5B5F70;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle svg,
body.sd-dark-mode .btn-action:hover svg {
  fill: #181823;
}
body.sd-dark-mode .site-sidebar .jump-to-btn .btn, body.sd-dark-mode .site-sidebar .jump-to-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .site-sidebar .jump-to-btn button, body.sd-dark-mode .site-sidebar .jump-to-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .site-sidebar .jump-to-btn button,
body.sd-dark-mode .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .btn,
body.sd-dark-mode .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) button,
body.sd-dark-mode .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer:not(.modal-sticky-footer--colored) .form-actions:not(.justify-content-between, .justify-content-end) button,
body.sd-dark-mode .box-person-link svg {
  color: rgb(230, 237, 243) !important;
  fill: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .sd-checkmark-card-wrapper .sd-checkmark-card-item:hover .choose-items-card__label {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .logo-expand:not(.logo__dark-mode),
body.sd-dark-mode .logo-collapse:not(.logo__dark-mode) {
  display: none !important;
}
body.sd-dark-mode .logo-expand.logo__dark-mode,
body.sd-dark-mode .logo-collapse.logo__dark-mode {
  display: block !important;
}
@media (max-width: 960px) {
  body.sd-dark-mode .logo-expand.logo__dark-mode {
    display: none !important;
  }
}
body.sd-dark-mode .page-header-logo.checklist-standalone-header {
  background-color: #181823 !important;
}
body.sd-dark-mode .page-header-logo.checklist-standalone-header .logo-expand {
  position: static;
}
@media (max-width: 1200px) {
  body.sd-dark-mode .checklist-standalone-layout {
    background-color: transparent !important;
  }
  body.sd-dark-mode .checklist-standalone-layout .widget-bg {
    background-color: transparent !important;
  }
  body.sd-dark-mode checklist .card.checklist-card {
    background-color: transparent !important;
  }
  body.sd-dark-mode .checklist-item-container {
    background-color: #181823 !important;
  }
}

/* ------------------------------------------------- This is the end tag for the main body.sd-dark-mode -------------------------------------------------------------------------- */
body.sd-dark-mode.sidebar-dark .side-user {
  background-color: #232332 !important;
}
body.sd-dark-mode.sidebar-dark .side-menu li.active {
  background-color: #313345 !important;
}
body.sd-dark-mode.sidebar-dark .side-menu li:hover {
  background-color: #313345 !important;
}
body.sd-dark-mode.sidebar-dark aside.site-sidebar {
  background-color: #232332 !important;
}
body.sd-dark-mode.sidebar-dark .ribbon-notify__link:hover,
body.sd-dark-mode.sidebar-dark .site-sidebar {
  border-color: #232332;
}
body.sd-dark-mode.sidebar-dark .cbe-block-offer,
body.sd-dark-mode.sidebar-dark .manage-container .right-sidebar-togler-container .right-sidebar-togler,
body.sd-dark-mode.sidebar-dark .proposal_content .proposal-topbar,
body.sd-dark-mode.sidebar-dark .site-sidebar.site-sidebar--public-page .site-sidebar-header,
body.sd-dark-mode.sidebar-dark .site-sidebar.site-sidebar--public-page .sidebar-toggle {
  background-color: #181823 !important;
}
body.sd-dark-mode.sidebar-dark .box.box--menu::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #232332 65%);
}
body.sd-dark-mode.sidebar-dark .box-textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
body.sd-dark-mode.sidebar-dark .box-textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
body.sd-dark-mode.sidebar-dark .box-textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
body.sd-dark-mode.sidebar-dark .box-textarea:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

/* ------------------------------------------------- This is the end tag for the main body.sd-dark-mode.sidebar-dark -------------------------------------------------------------------------- */
body.sd-dark-mode.sd-redesign2020 .new-design .gridview-header .grid-title {
  border-color: #313345;
}
body.sd-dark-mode.sd-redesign2020 .new-design .dv-view .table tbody td {
  border-top: #181823 solid 1px;
}
body.sd-dark-mode.sd-redesign2020 .new-design .dv-view .table tbody tr:last-child td {
  border-bottom: #181823 solid 1px;
}
body.sd-dark-mode.sd-redesign2020 .title-wrapper {
  border-bottom: #181823 solid 1px;
}

body.sd-dark-mode.sidebar-dark.sidebar-collapse .side-menu .sub-menu li {
  background-color: #232332;
}

body.sd-dark-mode.header-light .navbar {
  background: #181823;
  box-shadow: none;
}

body.sd-dark-mode.header-light .navbar-nav > li > a .list-icon {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .btn.btn-primary, body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary, body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary {
  background-color: #5B5F70 !important;
  border-color: #5B5F70 !important;
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .btn.btn-primary:hover, body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary:hover, body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary:hover {
  background-color: #474B5E !important;
  border-color: #474B5E !important;
}

body.sd-dark-mode .btn.btn-primary:focus, body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary:focus, body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary:focus,
body.sd-dark-mode .btn.btn-primary.dropdown-toggle:focus,
body.sd-dark-mode .btn.btn-primary:active,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:active,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary:active,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary:active,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.btn-primary:active {
  background-color: #474B5E !important;
  border-color: #474B5E !important;
  box-shadow: none;
}

body.sd-dark-mode.header-light .navbar-nav > li > a:hover {
  background-color: #232332;
}

body.sd-dark-mode .dropdown-card-dark {
  background-color: #232332;
}

body.sd-dark-mode .dropdown-card-dark .card {
  background-color: #232332 !important;
}

body.sd-dark-mode.header-light .navbar-nav > li > a:focus {
  background: #232332;
}

body.sd-dark-mode .emailconfig-icon-invert {
  filter: invert(1);
  -webkit-filter: invert(1);
}
body.sd-dark-mode .emailconfig-sidebar-wrapper {
  background: #232332;
  border-left: 1px solid #232332;
  border-top: 2px solid #232332;
  box-shadow: -3px -3px 6px 0 #232332;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-block-wrapper {
  border-bottom: 3px #5B5F70 solid;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p.emailconfig-p-em, body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-p.emailconfig-p-em-alert {
  color: rgb(230, 237, 243);
  background-color: #181823;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form input[type=text][disabled],
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form input[type=password][disabled],
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form select[disabled],
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-form .emailconfig-custom-form textarea[disabled] {
  background-color: #3c3c3c !important;
  color: #ccc !important;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-activate + .emailconfig-sidebar-activate {
  border-top: 1px #5B5F70 solid;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-content .emailconfig-sidebar-line {
  border-bottom: 3px #5B5F70 solid;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #3c3c3c !important;
  color: #ccc !important;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper .input-group-addon {
  border: none !important;
}
body.sd-dark-mode .emailconfig-sidebar-wrapper pre {
  color: #aaaaaa;
}
body.sd-dark-mode .emailconfig-card .emailconfig-big-option {
  border: 3px #5B5F70 solid;
}
body.sd-dark-mode .dvs-table {
  border: 1px solid #5B5F70;
}
body.sd-dark-mode .dvs-table .dvs-table-head .dvs-table-cell {
  color: #aaaaaa;
}
body.sd-dark-mode .dvs-table .dvs-table-head:last-child .dvs-table-cell,
body.sd-dark-mode .dvs-table .dvs-table-row:last-child .dvs-table-cell {
  border-top: 1px solid #5B5F70;
}
body.sd-dark-mode .dvs-table .dvs-table-head:not(:first-child) .dvs-table-cell,
body.sd-dark-mode .dvs-table .dvs-table-row:not(:first-child) .dvs-table-cell {
  border-top: 1px solid #5B5F70;
}
body.sd-dark-mode .dvs-table .dvs-table-head .dvs-table-cell.cell-record > div i,
body.sd-dark-mode .dvs-table .dvs-table-row .dvs-table-cell.cell-record > div i {
  color: #ccc;
}
body.sd-dark-mode .dvs-table .dvs-table-head .dvs-table-cell.cell-record > div span,
body.sd-dark-mode .dvs-table .dvs-table-row .dvs-table-cell.cell-record > div span {
  color: #ccc;
}
body.sd-dark-mode .dvs-table .dvs-table-row.verified .dvs-table-cell.cell-record div i,
body.sd-dark-mode .dvs-table .dvs-table-row.verified .dvs-table-cell.cell-record div em {
  color: rgb(79, 188, 31);
}
body.sd-dark-mode .panel-preview .navbar-brand img.logo__dark-mode {
  display: block !important;
}
body.sd-dark-mode .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo img:not(.logo__dark-mode) {
  display: none !important;
}
@media (min-width: 600px) {
  body.sd-dark-mode .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo-collapse.logo__dark-mode {
    display: none !important;
  }
  body.sd-dark-mode .checklistStandaloneLayout .checklist-standalone-header .checklist-standalone-logo .logo-expand.logo__dark-mode {
    display: block !important;
  }
}

body.sd-dark-mode .notification-sidebar-wrapper {
  background: #232332;
  border-left: 5px solid #232332;
  border-top: 1px solid #232332;
}
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-block-wrapper .notification-icon-wrapper .notification-icon {
  background: #fff;
  color: #262626;
}
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-block-wrapper .notification-info .notification-mes-subject {
  color: #fff;
}

body.sd-dark-mode .notification-sidebar-wrapper .notification-tabs.sidebar-block-wrapper {
  border-bottom: 1px solid #181823;
}

body.sd-dark-mode .notification-sidebar-wrapper .notification-tabs .tab-item .tab-link.active,
body.sd-dark-mode .notification-sidebar-wrapper .notification-tabs .tab-item .tab-link:hover {
  border-bottom: 1px solid #5B5F70;
}

body.sd-dark-mode .sidebar-header .sidebar-block-wrapper h2 {
  color: white !important;
}

body.sd-dark-mode .tab-link {
  color: white !important;
}

body.sd-dark-mode .action-link {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .notification-sidebar-wrapper .sidebar-header > a {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .main-wrapper {
  background: #313345;
}

body.sd-dark-mode #sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip {
  background-color: #232332;
  border: none;
}

body.sd-dark-mode #sd-dashboard .sd-dashboard .sdd-widget-dock .widget-slip .slip .widget-wrapper > .widget-heading {
  border-bottom: 1px solid #313345;
}

body.sd-dark-mode .widget-bg {
  background: #232332;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .widget-bg pre {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .pm-calendar-block {
  background: #232332;
}

body.sd-dark-mode .card {
  background-color: #232332 !important;
  border-color: #313345 !important;
}

body.sd-dark-mode .card.import-items-table-card {
  border-color: #232332 !important;
}

body.sd-dark-mode h1,
body.sd-dark-mode h2,
body.sd-dark-mode h3,
body.sd-dark-mode h4,
body.sd-dark-mode h5,
body.sd-dark-mode h6,
body.sd-dark-mode p,
body.sd-dark-mode a {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .pdf-wrapper .pdf-body h1,
body.sd-dark-mode .pdf-wrapper .pdf-body h2,
body.sd-dark-mode .pdf-wrapper .pdf-body h3,
body.sd-dark-mode .pdf-wrapper .pdf-body h4,
body.sd-dark-mode .pdf-wrapper .pdf-body h5,
body.sd-dark-mode .pdf-wrapper .pdf-body h6,
body.sd-dark-mode .pdf-wrapper .pdf-body p,
body.sd-dark-mode .pdf-wrapper .pdf-body a,
body.sd-dark-mode .pdf-wrapper .pdf-body .company-info {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode.view-contract-page .pdf-wrapper {
  background: #232332;
  box-shadow: none;
  border: solid 1px #181823;
}

body.sd-dark-mode .pdf-wrapper.billing-pdf-wrapper {
  background: #313345;
  box-shadow: none;
  border: 1px solid #313345 !important;
}
body.sd-dark-mode .pdf-wrapper.billing-pdf-wrapper .ribbon {
  top: 0;
  left: 0;
  height: 125px;
}
body.sd-dark-mode .pdf-wrapper.billing-pdf-wrapper .ribbon .ribbon-inner {
  box-shadow: none;
  top: 31px;
}
body.sd-dark-mode .pdf-wrapper.billing-pdf-wrapper .company-info,
body.sd-dark-mode .pdf-wrapper.billing-pdf-wrapper .title {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .pdf-wrapper .pdf-body .item-totals > div:last-child {
  background: #232332;
}

body.sd-dark-mode .sd-btn-wide-primary-32px,
body.sd-dark-mode .sd-btn-wide-primary-add-36px {
  background-color: #313345;
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-btn-wide-primary-32px:hover,
body.sd-dark-mode .sd-btn-wide-primary-add-36px:hover {
  background-color: #313345;
  color: rgb(230, 237, 243);
  border-color: #181823 !important;
}

body.sd-dark-mode .sd-btn-wide-primary-32px:hover .fal,
body.sd-dark-mode .sd-btn-wide-primary-add-36px:hover .fal {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-btn-wide-action-24px,
body.sd-dark-mode .sd-btn-wide-primary-24px,
body.sd-dark-mode .sd-btn-util-24px {
  background-color: #313345;
  color: rgb(230, 237, 243);
  border: 1px solid #313345;
}

body.sd-dark-mode .sd-btn-wide-action-24px.active {
  background-color: #232332;
  color: rgb(230, 237, 243);
  border: 1px solid #181823;
}

body.sd-dark-mode .sd-btn-wide-action-24px:hover,
body.sd-dark-mode .sd-btn-wide-primary-24px:hover,
body.sd-dark-mode .sd-btn-util-24px:hover {
  background-color: #313345;
  color: rgb(230, 237, 243);
  border: 1px solid #181823;
}

body.sd-dark-mode .sd-btn-wide-action-24px:hover .fal,
body.sd-dark-mode .sd-btn-wide-action-24px:hover .fas,
body.sd-dark-mode .sd-btn-wide-primary-24px:hover .fal,
body.sd-dark-mode .sd-btn-wide-primary-24px:hover .fas,
body.sd-dark-mode .sd-btn-util-24px:hover .fal,
body.sd-dark-mode .sd-btn-util-24px:hover .fas,
body.sd-dark-mode .sd-btn-util-24px:hover .material-icons {
  color: rgb(230, 237, 243) !important;
}

/* Style directly below is for Deals card to make it "transparent" */
body.sd-dark-mode.sd-redesign2020 .dv-view.ng-scope {
  background-color: #313345 !important;
}

body.sd-dark-mode.sd-redesign2020 .sd-view-deal .view-card-block {
  background-color: #232332;
  border-color: #313345;
}
body.sd-dark-mode.sd-redesign2020 .sd-view-deal .view-card-block div.title {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode.sd-redesign2020 .sd-view-deal .view-card-block .category-value-wrapper,
body.sd-dark-mode.sd-redesign2020 .sd-view-deal .view-card-block .main-contact-data-wrapper,
body.sd-dark-mode.sd-redesign2020 .sd-view-deal .contact-followers-wrapper .followers-block .folowers > div {
  border-color: #313345;
}

body.sd-dark-mode .card .card-header {
  background-color: #232332;
}

body.sd-dark-mode span.gs-help-item {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .btn-secondary {
  background-color: #5B5F70 !important;
  color: rgb(230, 237, 243) !important;
  border: none !important;
  box-shadow: none !important;
}

body.sd-dark-mode.sidebar-dark .side-menu li.active > a:first-child {
  border-left: 3px solid #5B5F70 !important;
}

body.sd-dark-mode.sidebar-dark .side-menu > li.current-page > a {
  border-left: 3px solid #5B5F70 !important;
}

body.sd-dark-mode .site-sidebar .side-menu {
  border-color: #181823;
}

body.sd-dark-mode #contactDetails .profile-content .profile-btn {
  color: rgb(230, 237, 243) !important;
  border-color: #313345;
  background-color: #313345;
}

body.sd-dark-mode #contactDetails .profile-content .circle-wrap .circle-item {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode #contactDetails .profile-content i.material-icons {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .widget-body {
  border: 1px solid #313345;
}

body.sd-dark-mode span.fc-day-number {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .fc-day-header span {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .fc-unthemed td.fc-today {
  background: #313345 !important;
}

body.sd-dark-mode .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .select2-container--default .select2-selection--single {
  background-color: #313345 !important;
  border-color: #232332 !important;
}
body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow {
  border-color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: rgb(230, 237, 243) transparent transparent transparent;
}

body.sd-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .fc-state-default.fc-corner-right,
body.sd-dark-mode .fc-toolbar button,
body.sd-dark-mode .fc .fc-button-group > :first-child {
  background-color: #313345;
}

body.sd-dark-mode .fc-toolbar button {
  opacity: 1;
}

body.sd-dark-mode .fc-icon-left-single-arrow:after {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .fc-icon-right-single-arrow:after {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .fc-state-disabled {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .fc-state-default.fc-corner-right {
  background: #313345;
}

body.sd-dark-mode .fc-state-active {
  border: 1px solid #313345;
  background-color: #181823 !important;
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .fc-state-default {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sidebar-block-wrapper.ng-scope:hover,
body.sd-dark-mode .table.table-hover tbody tr:hover {
  background-color: #181823 !important;
}

body.sd-dark-mode .sd-grid-view .table thead th {
  background: #181823;
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-grid-view .table thead th,
body.sd-dark-mode .sd-grid-view .table thead th *:not([type=checkbox]):not([class=optionsContainer]):not([class=checkbox]) {
  background: #181823;
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-grid-view .table thead th {
  border-bottom: #232332 2px solid;
  border-top: #232332 2px solid;
}

body.sd-dark-mode .sd-grid-view .table thead th a:before,
body.sd-dark-mode .sd-grid-view .table thead th a:after {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .table th,
body.sd-dark-mode .table td {
  border-top: 1px solid #313345;
}

body.sd-dark-mode .btn-secondary:hover {
  background-color: #474B5E;
  color: rgb(230, 237, 243);
  border: none;
}

body.sd-dark-mode .card.functional-theme .card-header {
  background-color: #232332 !important;
  color: rgb(230, 237, 243);
  border-color: #181823;
}

body.sd-dark-mode .sidebar-menu .menu .menu-item.selected {
  background-color: #181823 !important;
}

body.sd-dark-mode .text-muted, body.sd-dark-mode .sd-file-browser .browser-list .entity .title .inner-title .entity-meta ul, .sd-file-browser .browser-list .entity .title .inner-title .entity-meta body.sd-dark-mode ul {
  color: #e6e8ea !important;
}

body.sd-dark-mode label {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar {
  background-color: #232332;
  border-left: #313345 1px solid;
}

body.sd-dark-mode i.material-icons {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .menu-item-add-url i.fal {
  color: #5B5F70;
}

body.sd-dark-mode .btn-link {
  color: rgb(230, 237, 243) !important;
  background-color: transparent;
}

body.sd-dark-mode div.title {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode span.title-label .ng-binding {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode #crm-goals-visibility-grid .title {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .pipeline-wrapper .pipeline-conitainer .pipeline-column {
  background-color: #181823 !important;
  border: 1px solid #181823;
}
body.sd-dark-mode .pipeline-wrapper .pipeline-conitainer .pipeline-card {
  background-color: #313345 !important;
}
body.sd-dark-mode .pipeline-wrapper .pipeline-conitainer .pipeline-card .dropdown {
  right: 7px;
}

body.sd-dark-mode .sd-file-browser .browser-list-header .select .checkbox .label-text .btn, body.sd-dark-mode .sd-file-browser .browser-list-header .select .checkbox .label-text .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .browser-list-header .select .checkbox .label-text button, body.sd-dark-mode .sd-file-browser .browser-list-header .select .checkbox .label-text .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .browser-list-header .select .checkbox .label-text button {
  background: #181818;
}

body.sd-dark-mode td.row-clickable {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode #sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu {
  background-color: #181823;
}

body.sd-dark-mode #sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu .dropdown-item {
  background-color: #232332;
}

body.sd-dark-mode .mailMenu .mailbox-menu-item.mailbox-menu-current {
  background: #181823;
}

body.sd-dark-mode .mailMenu .card .mailbox-menu .mailbox-menu-item.mailbox-menu-current > a {
  border-left: 5px solid #5B5F70;
}

body.sd-dark-mode .mailMenu .mailbox-menu-item:hover {
  background: #181823;
}

body.sd-dark-mode .unread.mailbox-card-view-item,
body.sd-dark-mode span.messagingMenuLabels,
body.sd-dark-mode .mailMenu .mailbox-menu-item .mail-link:hover {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .right-sidebar {
  background: #232332;
  border-left: 5px solid #232332;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .chat-tabs div.active,
body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .chat-tabs div:hover {
  border-bottom: 2px solid #5B5F70;
}

.sd-chat-wrapper .sd-chat .panels .chat-tabs div {
  border-bottom: 2px solid #313345;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .tab .tab-title {
  background: #eeeeee;
}

body.sd-dark-mode i.material-icons.fs-20.show-spin {
  color: #121212 !important;
}

body.sd-dark-mode .sd-chat .chat-user-card {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .dropdown-menu,
body.sd-dark-mode .mobile-tabs-dropdown .dropdown-menu .tabs .nav-tabs,
body.sd-dark-mode .mobile-tabs-dropdown .btn-secondary:active,
body.sd-dark-mode .mobile-tabs-dropdown .btn-secondary.active,
body.sd-dark-mode .mobile-tabs-dropdown.show > .btn-secondary.dropdown-toggle {
  background: #232332 !important;
}

body.sd-dark-mode .dropdown-menu {
  border-color: #313345 !important;
}

body.sd-dark-mode .grid-wrap-view .dataTableResp#form-submissions-grid {
  background-color: transparent;
}

body.sd-dark-mode .split-view-column .options-btns-wrap {
  min-width: 45px;
}

body.sd-dark-mode .split-view-column .options-btns-wrap .btn.btn-secondary.btn-sm, body.sd-dark-mode .split-view-column .options-btns-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary.btn-sm, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-column .options-btns-wrap button.btn-secondary.btn-sm, body.sd-dark-mode .split-view-column .options-btns-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary.btn-sm, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-column .options-btns-wrap button.btn-secondary.btn-sm {
  width: 40px;
  margin-right: 5px;
  height: 40px;
}

body.sd-dark-mode .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > span {
  border-color: #5B5F70 !important;
}

body.sd-dark-mode .liveSupportSession .liveSupportSession__header,
body.sd-dark-mode .navbar .create-new .dropdown-menu .dropdown-item .list-icon {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .dropdown-item:hover {
  background-color: #313345;
}

body.sd-dark-mode .chat-card .ng-scope {
  background-color: #232332 !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card .user-name {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .tab .chat-tab-content .chat-card:hover {
  background: #232332 !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .main-bar {
  background: #232332 !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container:hover {
  background: #232332 !important;
}

body.sd-dark-mode svg .contact-avatar-bg:hover {
  fill: #181823 !important;
}

body.sd-dark-mode textarea {
  color: rgb(230, 237, 243) !important;
  background: #232332 !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .message-bar {
  border-top: 1px solid #181823 !important;
  background-color: #313345 !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .bottom-bar {
  background: #232332 !important;
  border-top: #181823 1px solid !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .top-bar {
  background: #232332 !important;
  border-bottom: #313345 1px solid !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .main-bar .message-container .message-head {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode div.message-body.ng-binding {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations .btn .file-icon *, body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon *, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations button .file-icon *, body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button .file-icon *, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .operations button .file-icon * {
  fill: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .btn, body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar button, body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar button {
  background: #232332 !important;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .search input[type=search] {
  background-color: #313345 !important;
}

@media (max-width: 575px) {
  body.sd-dark-mode .toolbar-wrap .toolbar nav ul + ul li.nav-to span:not(.material-icons):before {
    color: rgb(230, 237, 243);
  }
}

body.sd-dark-mode .reminders-settings__forms-block select.form-control,
body.sd-dark-mode .reminders-settings__forms-block .form-control,
body.sd-dark-mode .form-control {
  background-color: #313345 !important;
  border: 1px solid #232332 !important;
}
body.sd-dark-mode .reminders-settings__email-notifications-day-number .reminders-settings__clarification .reminders-settings__clarification-small {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .btn-link:hover {
  border-color: transparent !important;
  background-color: #5B5F70;
}

body.sd-dark-mode input:not(.redactor-modal-body) {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .search:before {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .modal-content {
  background-color: #232332 !important;
  border-color: #181823;
}

body.sd-dark-mode .sd-chat-modal.modal .modal-dialog .modal-content {
  border: 2px solid #313345;
}

body.sd-dark-mode .tabs-to-dropdown .dropdown-card-tabs ul,
body.sd-dark-mode .tabs-to-dropdown .nav-item.has-child ul {
  background-color: #313345 !important;
}

body.sd-dark-mode .redactor-box.redactor-styles-on {
  background: #313345 !important;
}

body.sd-dark-mode .redactor-toolbar a {
  background: #232332 !important;
}

body.sd-dark-mode .redactor-toolbar a:hover {
  background: #232332 !important;
}

body.sd-dark-mode .swal2-popup {
  border: 1px solid #313345 !important;
  background: #313345 !important;
}

body.sd-dark-mode div.col-12 .notification-subject .ng-binding {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-info {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-text,
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-content .sidebar-block-wrapper .notification-options {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-chat .chat-user-card,
body.sd-dark-mode .sd-chat-modal .chat-user-card {
  display: grid;
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .room-modal .settings-bar {
  background: #232332 !important;
}

body.sd-dark-mode .vertical-form-group .col-md-3 label {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-oscar-file-upload-wrapper .drop-box {
  background: #313345 !important;
  border-color: #5B5F70 !important;
}

body.sd-dark-mode .select2-container--default .select2-selection--multiple {
  background-color: #313345 !important;
  border-color: #232332;
}

body.sd-dark-mode .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline:before {
  background: #232332;
}

body.sd-dark-mode .read td {
  background: #232332 !important;
  color: rgb(230, 237, 243) !important;
  border-top: #313345 1px solid !important;
}

body.sd-dark-mode #sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu .dropdown-item:hover {
  background-color: #313345 !important;
}

body.sd-dark-mode #sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu .dropdown-item:hover {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .dropdown-item:focus,
body.sd-dark-mode .dropdown-item:hover {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode button.modal-close-btn.btn-link {
  border-color: transparent !important;
}
body.sd-dark-mode button.modal-close-btn.btn-link:hover {
  background-color: transparent !important;
}

body.sd-dark-mode .select2-dropdown {
  background-color: #232332 !important;
  border-color: #5B5F70 !important;
}

body.sd-dark-mode .person-dropdown .client-options, body.sd-dark-mode.branding-theme-mrclean .select2-container--default.select2-container--open .select2-selection--single,
body.sd-dark-mode .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #5B5F70 !important;
}

body.sd-dark-mode li.select2-results__option.select2-results__message {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .tLight thead td {
  background: #181823 !important;
  color: rgb(230, 237, 243) !important;
  border-left: 1px solid #313345;
}

body.sd-dark-mode .tLight tbody td {
  color: rgb(230, 237, 243) !important;
  border-left: 1px solid #313345;
}

body.sd-dark-mode .tLight tbody tr {
  border-top: 1px solid #313345;
}

body.sd-dark-mode .switchery.switchery-active {
  background-color: #5B5F70 !important;
  border-color: #5B5F70 !important;
  box-shadow: #313345 0 0 0 0 inset !important;
}

body.sd-dark-mode .dropdown-card .card {
  border: none !important;
}

body.sd-dark-mode hr {
  border-top: 1px solid #313345 !important;
}

body.sd-dark-mode .logoCol .logo {
  background: none !important;
}

body.sd-dark-mode .tabs-wrap {
  background-color: #232332 !important;
  color: rgb(230, 237, 243) !important;
  border: 1px solid #232332 !important;
}

body.sd-dark-mode .crm-contact-tabs {
  border: 1px solid #232332 !important;
}

body.sd-dark-mode .nav-tabs .nav-item .nav-link.active {
  border-bottom-color: #5B5F70 !important;
}

body.sd-dark-mode .tabs-card .nav.nav-tabs .nav-item.active > .nav-link {
  border-bottom: 4px solid #5B5F70 !important;
}

body.sd-dark-mode .profile-header {
  border-top: 3px solid rgb(230, 237, 243) !important;
}

body.sd-dark-mode .nav-link.active {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .nav-tabs a {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .placeholder-tabs-container .tabs-head .placeholder-filter-container input {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .placeholder-tabs-container .tabs-head .placeholder-filter-container input:hover, body.sd-dark-mode .placeholder-tabs-container .tabs-head .placeholder-filter-container input:focus {
  background-color: #5B5F70 !important;
  color: rgb(230, 237, 243) !important;
  box-shadow: none !important;
  border-color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .placeholder-tabs-container .tabs-head .nav-tabs .nav-item .nav-link {
  color: #ddd !important;
}

body.sd-dark-mode .placeholder-tabs-container .tabs-head .nav-tabs .nav-item .nav-link.active {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .profile-header {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .label-col {
  color: #ddd !important;
}

body.sd-dark-mode body {
  color: #ddd !important;
}

body.sd-dark-mode .table tbody {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .dataTableResp .item .circle-user-item {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .info-wrap .userName {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode ul li .select-item {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode ul#tiles li,
body.sd-dark-mode .sd-sidebar-info {
  background-color: #313345;
}

body.sd-dark-mode #sdTranslation .menu .menu-item.active {
  background-color: unset;
}

body.sd-dark-mode .form-oscar .form-group {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .form-oscar.signatureDrowForm .form-group,
body.sd-dark-mode .form-oscar.signatureDrowForm label {
  color: inherit !important;
}

body.sd-dark-mode .sd-signature-pad .nav-tabs .nav-link.active {
  color: inherit !important;
}

body.sd-dark-mode ::placeholder {
  color: rgb(230, 237, 243);
  opacity: 1;
}

body.sd-dark-mode .select2-container--default .select2-results__group {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .select2-container--default .select2-results__option .select2-results__option {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .pagination .page-item.disabled .page-link {
  color: rgb(230, 237, 243);
  background-color: #313345;
  border-color: #181823;
}

body.sd-dark-mode .pagination .page-link {
  background-color: #313345;
  border: 1px solid #181823;
}

body.sd-dark-mode .pagination > li > button {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .pagination .page-item.active .page-link {
  background-color: #181823 !important;
  border-color: #181823 !important;
}

body.sd-dark-mode .sd-announcement-admin .new-ann-form {
  background-color: #232332;
}

body.sd-dark-mode .ng-scope .gray-options-block {
  background-color: #181823;
  border-color: #313345;
}

body.sd-dark-mode .card-block p.alert {
  background-color: #181823;
}

body.sd-dark-mode .p-0 .original-message {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .card-block .form-group p.sd-tip {
  background-color: #181823;
}

body.sd-dark-mode .appointment-schedule-day .pd-b-40 {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .appointment-schedule-day .appointment-schedule-no-availability {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .appointment-schedule-row .noUi-value {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .appointment-schedule-row .text-lg-right {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .card-block .sd-alert {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .form-builder .fields-list .field-block .label-block {
  background-color: #232332;
}

body.sd-dark-mode .form-chain-builder .chain-links .links-list .chain-link .link-block {
  background-color: #232332;
}

body.sd-dark-mode .form-chain-builder .chain-links .links-list .chain-link .link-block .config-block {
  background-color: #232332 !important;
  border-top: 1px solid #313345;
}

body.sd-dark-mode input {
  background-color: #313345;
}

body.sd-dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #181823;
}

body.sd-dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #313345 !important;
}

body.sd-dark-mode .sd-app-tags tags-input .tags {
  background-color: #313345;
  border-color: #313345;
}

body.sd-dark-mode .entity-action-widget .all-actions {
  background-color: #313345;
}

body.sd-dark-mode .form-chain-builder .dropdown-menu:hover {
  background-color: #181818;
}

body.sd-dark-mode .show button.dropdown-item {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-file-browser .browser-list .entity:hover .title {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode ul li.nav-home span {
  color: white;
}

body.sd-dark-mode .view-bar .form-control:focus {
  box-shadow: none;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar nav ul li {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .browser-wrap .browser-list li .entity .dropdown .btn-sm {
  background-color: unset;
  border: 1px solid rgb(230, 237, 243);
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .chat-tabs > div {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .sd-chat-wrapper .sd-chat .panels .tab .tab-title {
  color: rgb(230, 237, 243);
  background-color: #181823;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel.noop .noop-text span {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode i.material-icons.fs-20.show-spin {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode view-template .data-table-item-mobile {
  background: #181823 !important;
  box-shadow: none !important;
  border: solid 1px #313345 !important;
}

body.sd-dark-mode .data-table-item-mobile .card-details::before {
  background-color: #5B5F70 !important;
}

body.sd-dark-mode .profile-block .profile-content span {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode #contactDetails .profile-content.last-visit {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .card.functional-theme .tabs-wrap .nav-tabs .nav-item .nav-link.active {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .contact-view-page-head .contact-info .description .name {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .progress-bar-info {
  background-color: #03a9f3 !important;
}
body.sd-dark-mode .progress-fixed-label .progress-label {
  color: #fff;
}

body.sd-dark-mode .data-view-wrapper > table thead td {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .data-view-wrapper > table > tbody > tr > td {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .tabs-card .nav-item.has-child ul {
  background-color: #222;
}

body.sd-dark-mode .sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .search.focus,
.sd-file-browser .toolbar-wrap .toolbar .operations-panel .view-bar .search.input {
  border-color: #5B5F70 !important;
}

body.sd-dark-mode .form-oscar .form-control:focus {
  border-color: #5B5F70 !important;
  box-shadow: none !important;
}

body.sd-dark-mode .sd-widget-announcement .sticky-announcement {
  background-color: #232332 !important;
}

body.sd-dark-mode .sd-widget-announcement .announcement {
  background-color: #232332 !important;
}

body.sd-dark-mode .announcement-menu .sd-menu-button {
  opacity: 1 !important;
}

body.sd-dark-mode .sticky-announcement .menu-wrapper {
  background-color: #222 !important;
}

body.sd-dark-mode .invoice-form .invoice-header-wrapper {
  background-color: #313345;
  color: rgb(230, 237, 243);
  border: 1px solid #313345 !important;
  box-shadow: none;
}

body.sd-dark-mode .description {
  color: #ededed !important;
}

body.sd-dark-mode .back-btn-row .back-link {
  color: #ededed !important;
}
body.sd-dark-mode .back-btn-row .back-link:hover {
  color: #fafafa !important;
}

body.sd-dark-mode .configure-actions-widget .title {
  color: #fafafa !important;
}

body.sd-dark-mode .sd-widget-list .sd-widget {
  background-color: #232332 !important;
  border: solid 1px #313345;
}

body.sd-dark-mode .widget-wrapper .widget-heading .widget-content .sd-reporting-tabs .reporting-tabs .reporting-panes .report-card {
  background-color: #222 !important;
}

body.sd-dark-mode .close-dashboard-btn .btn-link {
  border: 0 !important;
}

body.sd-dark-mode .sd-dashboard .toolbar-wrap .toolbar.fixed {
  background-color: #232332 !important;
  top: 5.625rem;
}

body.sd-dark-mode .widget-content .ls-table .ls-row .ls-link {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .widget-content .ls-table .ls-row .ls-link:hover {
  color: #5B5F70 !important;
}
body.sd-dark-mode .widget-content .ls-table .ls-row .ls-link:active {
  color: #5B5F70 !important;
}

body.sd-dark-mode .sd-dashboard .save-status {
  color: #5B5F70 !important;
}

body.sd-dark-mode #sdReporting .reporting-panes .reporting-pane .report-card {
  background-color: #232332 !important;
}

body.sd-dark-mode .crm-contact-tabs .nav-link.has-dropdown-menu::before {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .crm-contact-tabs .dropdown-menu {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: 2px solid #313345 !important;
  border-top: none !important;
}
body.sd-dark-mode .crm-contact-tabs .dropdown-menu:hover {
  border-bottom: 2px solid #5B5F70 !important;
}

body.sd-dark-mode .widget-body .tabs .nav-tabs .nav-item.active .nav-link {
  background-color: #313345 !important;
}

body.sd-dark-mode .listDetailsLabel {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .sd-primary-star {
  color: gold !important;
}

body.sd-dark-mode span.required {
  color: lightsalmon;
}

body.sd-dark-mode #crm-contacts-form #existing-contact label {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .contact-view-page-head .contact-info .btn, body.sd-dark-mode .contact-view-page-head .contact-info .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .contact-view-page-head .contact-info button, body.sd-dark-mode .contact-view-page-head .contact-info .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .contact-view-page-head .contact-info button {
  border: none;
}

body.sd-dark-mode .contact-view-page-head .coordinator .btn, body.sd-dark-mode .contact-view-page-head .coordinator .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .contact-view-page-head .coordinator button, body.sd-dark-mode .contact-view-page-head .coordinator .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .contact-view-page-head .coordinator button {
  border: none;
}

body.sd-dark-mode .chosen-drop {
  background: #181823;
  border: none !important;
}

body.sd-dark-mode .chosen-results {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .chosen-results .active-result.highlighted {
  background-color: #5B5F70 !important;
}

body.sd-dark-mode .redactor-dropdown {
  background-color: #232332;
}

body.sd-dark-mode .redactor-dropdown-item-disabled {
  background: #181823;
  color: #ccc;
}

body.sd-dark-mode .redactor-toolbar a.redactor-button-active {
  color: #5fb8ff;
}

body.sd-dark-mode .redactor-modal {
  background: #313345;
  color: rgb(230, 237, 243);
  box-shadow: none;
  border: solid 1px #232332;
}

body.sd-dark-mode .redactor-modal-header {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .redactor-modal button:not(.redactor-button-unstyled) {
  background-color: #313345 !important;
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .redactor-modal button:not(.redactor-button-unstyled):hover {
  background-color: #232332 !important;
}

body.sd-dark-mode button.redactor-button-unstyled {
  color: rgb(230, 237, 243) !important;
  border: 1px solid #ccc !important;
}

body.sd-dark-mode .redactor-modal-body input {
  color: #333 !important;
}

body.sd-dark-mode #pm-tasks-form .assign-user-options .checkbox span.label-text {
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .bootstrap-tagsinput {
  background: #313345;
  border-color: #313345;
}
body.sd-dark-mode .bootstrap-tagsinput .twitter-typeahead input.tt-hint {
  background: none !important;
}

body.sd-dark-mode .task-history {
  background: inherit !important;
}

body.sd-dark-mode .event-item .type-indicator {
  background-color: #222 !important;
}
body.sd-dark-mode .event-item .type-indicator .material-icons {
  color: #5fb8ff !important;
}
body.sd-dark-mode .event-item .event-item-main {
  background-color: #111 !important;
  border: 1px solid #666666 !important;
}
body.sd-dark-mode .event-item .event-item-main .dropdown-menu .dropdown-item .dropdown-item-title {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .task-history-table .comment-wrap {
  background-color: #313345 !important;
  border: 1px solid #313345 !important;
}
body.sd-dark-mode .task-history-table .comment-wrap:after {
  border-right-color: #313345 !important;
}
body.sd-dark-mode .task-history-table .comment-wrap:before {
  border-right-color: #313345 !important;
}

body.sd-dark-mode .table-with-tabs-custom .table-with-tabs ul.tabs {
  box-shadow: none !important;
}
body.sd-dark-mode .table-with-tabs-custom .table-with-tabs ul.tabs li a {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .table-with-tabs-custom .table-with-tabs ul.tabs li a.active {
  border-color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .default-template,
body.sd-dark-mode .default-subject-field {
  background: #222222;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .project-overview .updates-title .search-updates {
  border: 0;
}
body.sd-dark-mode .dynamicProfileItems__title svg,
body.sd-dark-mode .configured-actions__decor-1 svg,
body.sd-dark-mode .invoice-card .invoice-card__icon svg,
body.sd-dark-mode .sd-btn-add-actions svg,
body.sd-dark-mode .project-overview ui-knob text {
  fill: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .comment-table .comment-data-cell .comment-wrap {
  background-color: #313345 !important;
  border-color: #5B5F70;
}
body.sd-dark-mode .comment-table .comment-data-cell .comment-wrap:before {
  border-left-color: #5B5F70 !important;
}
body.sd-dark-mode .comment-table .comment-data-cell .comment-wrap:after {
  border-left-color: #313345 !important;
}
body.sd-dark-mode .view-submission-modal .sd-form-response-value {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .view-submission-modal .form-group .row:nth-child(even) {
  background: #313345;
}
body.sd-dark-mode .flow-provide-help .provide-help-inner {
  background: #000;
}
body.sd-dark-mode .sd-signature-pad .pad-wrapper button.clear {
  background: #222;
}
body.sd-dark-mode .dynamicProfileItems .info-block,
body.sd-dark-mode .plans-jumbotron,
body.sd-dark-mode .form-info-block {
  background-color: #313345;
}
body.sd-dark-mode .stage-message .sd-tip {
  color: rgb(230, 237, 243);
  background: unset;
  border: 1px solid #5ca188;
  border-left: 5px solid #5ca188;
}
body.sd-dark-mode.new-card-view .data-table-item-mobile .header .title {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode.new-card-view .data-table-item-mobile .card-details,
body.sd-dark-mode.new-card-view .data-table-item-mobile .card-details .link {
  color: rgb(230, 237, 243);
  border-color: #313345;
}

body.sd-dark-mode .data-table-item-mobile.mobile-card .card-details {
  color: rgb(230, 237, 243);
  border-color: #313345;
}
body.sd-dark-mode .footer-actions-wrapper .actions-handler {
  background-color: #181823;
  border-radius: 8px 0 0 8px;
}
body.sd-dark-mode .footer-actions-wrapper .actions-handler:hover {
  background-color: #232332;
  color: rgb(230, 237, 243);
}

body.sd-dark-mode .proposal-tabs-wrapper .tabs-wrapper .tab-item,
body.sd-dark-mode .proposal-tabs-wrapper .tabs-wrapper .tab-item {
  color: #cccccc;
}
body.sd-dark-mode .proposal-tabs-wrapper .tabs-wrapper .tab-item.active, body.sd-dark-mode .proposal-tabs-wrapper .tabs-wrapper .tab-item:hover,
body.sd-dark-mode .proposal-tabs-wrapper .tabs-wrapper .tab-item.active,
body.sd-dark-mode .proposal-tabs-wrapper .tabs-wrapper .tab-item:hover {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .rightTabs:not(.rightTabs--react) .right-sidebar-togler {
  background-color: #181823;
}
body.sd-dark-mode .rightTabs:not(.rightTabs--react) .right-sidebar-togler:hover, body.sd-dark-mode .rightTabs:not(.rightTabs--react) .right-sidebar-togler.active {
  background: #232332;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .rightTabs:not(.rightTabs--react) .right-sidebar-togler svg path[stroke] {
  stroke: rgb(230, 237, 243);
}
body.sd-dark-mode .rightTabs:not(.rightTabs--react) .right-sidebar-togler svg path[fill] {
  fill: rgb(230, 237, 243);
}
body.sd-dark-mode .footer-actions-line,
body.sd-dark-mode .secondary-content {
  background-color: #181823;
  border-color: #5B5F70;
  border-radius: 8px 0 0 8px;
  border-left: none;
}
body.sd-dark-mode .footer-actions-wrapper .timer--action-wrapper .timer-form .timer-input {
  background-color: #181823;
}
body.sd-dark-mode .new-page-wrapper .btn, body.sd-dark-mode .new-page-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .new-page-wrapper button, body.sd-dark-mode .new-page-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .new-page-wrapper button {
  background-color: #5B5F70 !important;
  border: 1px solid #5B5F70 !important;
}
body.sd-dark-mode .new-page-wrapper .btn:hover, body.sd-dark-mode .new-page-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .new-page-wrapper button:hover, body.sd-dark-mode .new-page-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .new-page-wrapper button:hover {
  background-color: #474B5E !important;
}
body.sd-dark-mode #proposal-notification-form .reminder-field .reminder-label-days,
body.sd-dark-mode #proposal-settings-form .reminder-field .reminder-label-days,
body.sd-dark-mode #proposal-form .reminder-field .reminder-label-days {
  background: #181823;
  color: rgb(230, 237, 243);
  border-color: #232332;
}
body.sd-dark-mode .input-group-addon {
  background: #313345 !important;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .sdAccordion__icon {
  border-color: #313345 !important;
}
body.sd-dark-mode .sdAccordion__icon svg {
  fill: #fff;
  color: #fff;
}
body.sd-dark-mode .customization-sidebar-wrapper {
  background-color: #232332;
  border: 1px solid #181823;
}
body.sd-dark-mode .customization-sidebar-wrapper.lms-sidebar-wrapper {
  border-left-width: 0;
  background-color: transparent;
}
body.sd-dark-mode .customization-sidebar-wrapper.lms-sidebar-wrapper .lms-sidebar {
  background-color: #232332;
  border-left: 0.3125rem solid #5B5F70;
}
body.sd-dark-mode .customization-sidebar-wrapper label,
body.sd-dark-mode .customization-sidebar-wrapper .form-title {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .customization-sidebar-wrapper .btn, body.sd-dark-mode .customization-sidebar-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper button, body.sd-dark-mode .customization-sidebar-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper button {
  background: inherit !important;
  color: inherit !important;
}
body.sd-dark-mode .customization-sidebar-wrapper .form-actions {
  background-color: #232332 !important;
  border-top: 1px solid #313345 !important;
}
body.sd-dark-mode .customization-sidebar-wrapper .sidebar-header > a {
  background: #232332;
}
body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group .btn, body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group button, body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group button {
  color: #cccccc !important;
}
body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group .btn.btn-primary, body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group button.btn-primary, body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper .select2-form-group button.btn-primary {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .proposal_content .redactor-box.redactor-styles-on {
  background: inherit !important;
}
body.sd-dark-mode .proposal_content .sidebar-nav {
  background: none;
}
body.sd-dark-mode .redactor-placeholder:before {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .proposal-btn svg path {
  stroke: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .column1-portal-page .title-row .title {
  color: rgb(230, 237, 243);
  background: #232332;
}
body.sd-dark-mode .column1-portal-page .wysiwyg-content {
  background: #232332;
  border: none;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .column1-portal-page .wysiwyg-content table td,
body.sd-dark-mode .column1-portal-page .wysiwyg-content table th {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in address,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in main,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in section,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in header,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in footer,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in aside,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in article,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in pre,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in div,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in h1,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in h2,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in h3,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in h4,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in h5,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in h6,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in table,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in tbody,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in thead,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in tfoot,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in th,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in tr,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in td,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in ul,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in ol,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in li,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in blockquote,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in p,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in figure,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in figcaption,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in span,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in b,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in strong,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in del,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in i,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in em,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in u,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in a,
body.sd-dark-mode .column1-portal-page .wysiwyg-content address,
body.sd-dark-mode .column1-portal-page .wysiwyg-content main,
body.sd-dark-mode .column1-portal-page .wysiwyg-content section,
body.sd-dark-mode .column1-portal-page .wysiwyg-content header,
body.sd-dark-mode .column1-portal-page .wysiwyg-content footer,
body.sd-dark-mode .column1-portal-page .wysiwyg-content aside,
body.sd-dark-mode .column1-portal-page .wysiwyg-content article,
body.sd-dark-mode .column1-portal-page .wysiwyg-content pre,
body.sd-dark-mode .column1-portal-page .wysiwyg-content div,
body.sd-dark-mode .column1-portal-page .wysiwyg-content h1,
body.sd-dark-mode .column1-portal-page .wysiwyg-content h2,
body.sd-dark-mode .column1-portal-page .wysiwyg-content h3,
body.sd-dark-mode .column1-portal-page .wysiwyg-content h4,
body.sd-dark-mode .column1-portal-page .wysiwyg-content h5,
body.sd-dark-mode .column1-portal-page .wysiwyg-content h6,
body.sd-dark-mode .column1-portal-page .wysiwyg-content table,
body.sd-dark-mode .column1-portal-page .wysiwyg-content tbody,
body.sd-dark-mode .column1-portal-page .wysiwyg-content thead,
body.sd-dark-mode .column1-portal-page .wysiwyg-content tfoot,
body.sd-dark-mode .column1-portal-page .wysiwyg-content th,
body.sd-dark-mode .column1-portal-page .wysiwyg-content tr,
body.sd-dark-mode .column1-portal-page .wysiwyg-content td,
body.sd-dark-mode .column1-portal-page .wysiwyg-content ul,
body.sd-dark-mode .column1-portal-page .wysiwyg-content ol,
body.sd-dark-mode .column1-portal-page .wysiwyg-content li,
body.sd-dark-mode .column1-portal-page .wysiwyg-content blockquote,
body.sd-dark-mode .column1-portal-page .wysiwyg-content p,
body.sd-dark-mode .column1-portal-page .wysiwyg-content figure,
body.sd-dark-mode .column1-portal-page .wysiwyg-content figcaption,
body.sd-dark-mode .column1-portal-page .wysiwyg-content span,
body.sd-dark-mode .column1-portal-page .wysiwyg-content b,
body.sd-dark-mode .column1-portal-page .wysiwyg-content strong,
body.sd-dark-mode .column1-portal-page .wysiwyg-content del,
body.sd-dark-mode .column1-portal-page .wysiwyg-content i,
body.sd-dark-mode .column1-portal-page .wysiwyg-content em,
body.sd-dark-mode .column1-portal-page .wysiwyg-content u,
body.sd-dark-mode .column1-portal-page .wysiwyg-content a,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content address,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content main,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content section,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content header,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content footer,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content aside,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content article,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content pre,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content div,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content h1,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content h2,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content h3,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content h4,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content h5,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content h6,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content table,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content tbody,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content thead,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content tfoot,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content th,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content tr,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content td,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content ul,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content ol,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content li,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content blockquote,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content p,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content figure,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content figcaption,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content span,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content b,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content strong,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content del,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content i,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content em,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content u,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content a,
body.sd-dark-mode .project-description.wysiwyg-content address,
body.sd-dark-mode .project-description.wysiwyg-content main,
body.sd-dark-mode .project-description.wysiwyg-content section,
body.sd-dark-mode .project-description.wysiwyg-content header,
body.sd-dark-mode .project-description.wysiwyg-content footer,
body.sd-dark-mode .project-description.wysiwyg-content aside,
body.sd-dark-mode .project-description.wysiwyg-content article,
body.sd-dark-mode .project-description.wysiwyg-content pre,
body.sd-dark-mode .project-description.wysiwyg-content div,
body.sd-dark-mode .project-description.wysiwyg-content h1,
body.sd-dark-mode .project-description.wysiwyg-content h2,
body.sd-dark-mode .project-description.wysiwyg-content h3,
body.sd-dark-mode .project-description.wysiwyg-content h4,
body.sd-dark-mode .project-description.wysiwyg-content h5,
body.sd-dark-mode .project-description.wysiwyg-content h6,
body.sd-dark-mode .project-description.wysiwyg-content table,
body.sd-dark-mode .project-description.wysiwyg-content tbody,
body.sd-dark-mode .project-description.wysiwyg-content thead,
body.sd-dark-mode .project-description.wysiwyg-content tfoot,
body.sd-dark-mode .project-description.wysiwyg-content th,
body.sd-dark-mode .project-description.wysiwyg-content tr,
body.sd-dark-mode .project-description.wysiwyg-content td,
body.sd-dark-mode .project-description.wysiwyg-content ul,
body.sd-dark-mode .project-description.wysiwyg-content ol,
body.sd-dark-mode .project-description.wysiwyg-content li,
body.sd-dark-mode .project-description.wysiwyg-content blockquote,
body.sd-dark-mode .project-description.wysiwyg-content p,
body.sd-dark-mode .project-description.wysiwyg-content figure,
body.sd-dark-mode .project-description.wysiwyg-content figcaption,
body.sd-dark-mode .project-description.wysiwyg-content span,
body.sd-dark-mode .project-description.wysiwyg-content b,
body.sd-dark-mode .project-description.wysiwyg-content strong,
body.sd-dark-mode .project-description.wysiwyg-content del,
body.sd-dark-mode .project-description.wysiwyg-content i,
body.sd-dark-mode .project-description.wysiwyg-content em,
body.sd-dark-mode .project-description.wysiwyg-content u,
body.sd-dark-mode .project-description.wysiwyg-content a {
  color: rgb(230, 237, 243) !important;
  background-color: transparent !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder],
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder],
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder],
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder] {
  background: rgba(0, 125, 255, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-user,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-user,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-user,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-user,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-user,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-user,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-user,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-user {
  background: rgba(79, 188, 31, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-crmcompany,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-crmcompany,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-crmcompany,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-crmcompany,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-crmcompany,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-crmcompany,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-crmcompany,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-crmcompany {
  background: rgba(98, 61, 156, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-generalplaceholders,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-generalplaceholders,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-generalplaceholders,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-generalplaceholders,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-generalplaceholders,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-generalplaceholders,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-generalplaceholders,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-generalplaceholders {
  background: rgba(157, 157, 157, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-marketingcampaignsubscribers,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-marketingcampaignsubscribers,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-marketingcampaignsubscribers,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-marketingcampaignsubscribers,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-marketingcampaignsubscribers,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-marketingcampaignsubscribers,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-marketingcampaignsubscribers,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-marketingcampaignsubscribers {
  background: rgba(226, 78, 133, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-marketingusers,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-marketingusers,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-marketingusers,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-marketingusers,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-marketingusers,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-marketingusers,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-marketingusers,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-marketingusers {
  background: rgba(239, 128, 43, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-contracts,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-contracts,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-contracts,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-contracts,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-contracts,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-contracts,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-contracts,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-contracts {
  background: rgba(196, 24, 24, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-invoices,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-invoices,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-invoices,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-invoices,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-invoices,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-invoices,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-invoices,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-invoices {
  background: rgba(4, 173, 191, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-proposal,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-proposal,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-proposal,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-proposal,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-proposal,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-proposal,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-proposal,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-proposal {
  background: rgba(40, 186, 132, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-pmproject,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-pmproject,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-pmproject,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-pmproject,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-pmproject,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-pmproject,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-pmproject,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-pmproject {
  background: rgba(144, 86, 134, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-company,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-company,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-company,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-company,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-company,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-company,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-company,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-company {
  background: rgba(228, 34, 151, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-filetransfer,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-filetransfer,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-filetransfer,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-filetransfer,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-filetransfer,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-filetransfer,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-filetransfer,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-filetransfer {
  background: rgba(22, 123, 51, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.pl-category-form,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].pl-category-form,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.pl-category-form,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-form,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.pl-category-form,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-form,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.pl-category-form,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].pl-category-form {
  background: rgba(13, 65, 136, 0.75) !important;
}
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-variables-list span.redactor-component-active,
body.sd-dark-mode:not(.modal-proposal-preview) .redactor-styles.redactor-in .redactor-component[data-redactor-type=placeholder].redactor-component-active,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-variables-list span.redactor-component-active,
body.sd-dark-mode .column1-portal-page .wysiwyg-content .redactor-component[data-redactor-type=placeholder].redactor-component-active,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-variables-list span.redactor-component-active,
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .redactor-component[data-redactor-type=placeholder].redactor-component-active,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-variables-list span.redactor-component-active,
body.sd-dark-mode .project-description.wysiwyg-content .redactor-component[data-redactor-type=placeholder].redactor-component-active {
  outline: 0 !important;
  background-color: #ee698a !important;
}
body.sd-dark-mode .project-overview .history .update-row.active td {
  background-color: #484848;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .emailMarketingTitle {
  background-color: #232332;
  border: 1px solid #313345;
}
body.sd-dark-mode .project-description {
  margin-top: 10px;
  background-color: #313345;
  border: 1px solid #313345;
}

body.sd-dark-mode .mailMenu .card .mailbox-menu .mailbox-menu-item.mailbox-folder .mailbox-new-msgs,
body.sd-dark-mode .column1-portal-page #client-page-view #requiredMessage div.text-muted.required {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .article-container .arx-container {
  border: 1px solid #000000;
}
body.sd-dark-mode .article-container .arx-container .arx-top-container .arx-toolbar-container {
  background: #181823;
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .article-container .arx-container .arx-top-container .arx-button-toolbar {
  background: #181823;
  border-right: 1px solid #313345;
}
body.sd-dark-mode .article-container .arx-container .arx-top-container .arx-button-toolbar svg {
  fill: rgb(230, 237, 243);
}
body.sd-dark-mode .article-container .arx-container .arx-top-container .arx-path a:after {
  background: #181823;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container {
  background-color: #313345;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .st-note {
  color: #181823 !important;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content {
  background-color: #313345;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content p.st-accent {
  border-top: 4px solid #181823;
  border-bottom: 4px solid #181823;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content address,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content main,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content section,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content header,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content footer,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content aside,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content article,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content pre,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content div,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content h1,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content h2,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content h3,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content h4,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content h5,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content h6,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content table,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content tbody,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content thead,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content tfoot,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content th,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content tr,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content td,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content ul,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content ol,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content li,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content blockquote,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content p,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content figure,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content figcaption {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content kbd {
  color: rgb(230, 237, 243);
  border: 1px solid rgb(230, 237, 243);
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content blockquote {
  background: #181823;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content blockquote cite {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-content pre {
  background: #232332;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-editor .arx-empty-layer:before,
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-editor [data-placeholder]:empty:before {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-editor [data-arx-type].arx-active {
  outline: 3px dashed #181823 !important;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-editor [data-arx-type].arx-active:before {
  background-color: #232332;
}
body.sd-dark-mode .article-container .arx-container .arx-editor-container .arx-dragging {
  background-color: #232332;
}
body.sd-dark-mode .article-container .article-tools {
  bottom: 10px;
}
body.sd-dark-mode .arx-popup-container .arx-popup {
  background: #232332;
  border: 1px solid #181823;
}
body.sd-dark-mode .arx-popup-container .arx-popup.arx-popup-icons {
  min-width: 158px;
  max-width: 163px;
  border: none;
  border-left: 1px solid #181823;
  border-bottom: 1px solid #181823;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-body-alist > .arx-button-popup[data-name=mark] .arx-button-title span, body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-body-alist > .arx-button-popup[data-name=code] .arx-button-title span,
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-buttons-list .arx-button-popup[data-name=mark] .arx-button-title span,
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-buttons-list .arx-button-popup[data-name=code] .arx-button-title span {
  background: #5B5F70 !important;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-body-alist > .arx-button-popup.active, body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-body-alist > .arx-button-popup:hover,
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-buttons-list .arx-button-popup.active,
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-buttons-list .arx-button-popup:hover {
  background-color: #474B5E;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-tool .arx-popup-buttons-group-title {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-tool .arx-popup-buttons-group {
  border: 1px solid #5B5F70;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-tool .arx-popup-buttons-group .arx-button:hover, body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-tool .arx-popup-buttons-group .arx-button.active {
  background-color: #5B5F70;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-form .arx-form-input,
body.sd-dark-mode .arx-popup-container .arx-popup .arx-form .arx-form-input:focus {
  border: 1px solid #181823;
  background: #313345;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-body-addbar .arx-button-popup:hover {
  background: #313345;
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-body-addbar .arx-button-title {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .arx-popup-container .arx-popup .arx-popup-footer .arx-form-button {
  color: rgb(230, 237, 243);
  background-color: #232332;
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-variable .arx-button-popup {
  background-color: #181823;
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-variable .arx-button-popup:hover {
  background-color: #313345;
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-icons .arx-button-popup {
  border-left-color: #313345;
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-icons .arx-button-popup svg > g[fill] {
  fill: rgb(230, 237, 243);
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-icons .arx-button-popup svg > path {
  fill: rgb(230, 237, 243);
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-shortcuts {
  padding-bottom: 0;
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-shortcuts > div {
  border-bottom: 1px solid #181823;
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-shortcuts > div span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .arx-popup-container .arx-popup-body-shortcuts > div span.arx-shortcut-kbd span {
  background-color: #313345;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .modal.article-files-modal .sd-file-browser .browser-wrap .browser-list-header {
  background: #181823 !important;
}
body.sd-dark-mode .sd-file-browser .browser-wrap {
  background: #181823 !important;
}
body.sd-dark-mode .upload-progress-window {
  background-color: #232332;
  border: 1px solid #181823;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .actions-form .action-template-wrap {
  background: #313345;
}

body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-notes-wrapper p,
body.sd-dark-mode .pdf-wrapper .pdf-body .invoice-terms-wrapper p {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .pdf-wrapper .pdf-body .item-table td:before {
  color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .flow-modal header {
  background-color: #131313;
  border-bottom: 1px solid #000000;
}
body.sd-dark-mode .flow-modal .flow-wrapper aside {
  background-color: #131313;
  border: 1px solid #000000;
}
body.sd-dark-mode .flow-modal .flow-wrapper .flow-nav-list li:hover,
body.sd-dark-mode .flow-modal .flow-wrapper .flow-nav-list li.active {
  background-color: #333;
  border: 1px solid #000000;
}
body.sd-dark-mode .flow-modal .flow-wrapper .flow-nav-list li:hover i,
body.sd-dark-mode .flow-modal .flow-wrapper .flow-nav-list li.active i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .flow-modal .flow-wrapper .file-upload-flow-chain-link .selected-wrapper .selected {
  background-color: #181818;
  border: 1px solid #000000;
}
body.sd-dark-mode .flow-modal .flow-wrapper .file-upload-field-input .btn-list {
  background-color: #313345;
  border: 1px solid #181823;
  padding-right: 15px;
}
body.sd-dark-mode .flow-modal .flow-wrapper .file-upload-field-input:not(.view-only) {
  background: #313345 !important;
}
body.sd-dark-mode .flow-modal .flow-wrapper .file-upload-field-input:not(.view-only) .file-list li {
  background: #313345;
}
body.sd-dark-mode .flow-modal .flow-wrapper .content {
  background: #333;
}
body.sd-dark-mode .flow-modal .flow-wrapper .content button,
body.sd-dark-mode .flow-modal .flow-wrapper .content input,
body.sd-dark-mode .flow-modal .flow-wrapper .content select,
body.sd-dark-mode .flow-modal .flow-wrapper .content textarea {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .flow-modal .flow-wrapper .content span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .flow-modal .flow-wrapper .content .flow-header {
  background: #181818;
  border-bottom: 1px solid #000000;
}
body.sd-dark-mode .popover {
  background: #333333;
}
body.sd-dark-mode .popover .popover-header {
  background: #181818;
  border-bottom: 1px solid #000000;
}
body.sd-dark-mode .popover .popover-body {
  color: #fff;
}
body.sd-dark-mode .send-sms-container .redactor-box.redactor-styles-on .redactor-toolbar a span {
  color: #fff;
}

body.sd-dark-mode .fal.fa-chevron-down,
body.sd-dark-mode .split-view-head-block .btn.function-btn i,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-head-block button.function-btn i,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-head-block button.function-btn i,
body.sd-dark-mode .split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn i,
body.sd-dark-mode .split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn i,
body.sd-dark-mode .split-view-head-block .btn.function-btn img,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-head-block button.function-btn img,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-head-block button.function-btn img,
body.sd-dark-mode .split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn img,
body.sd-dark-mode .split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn img,
body.sd-dark-mode .split-view-head-block .btn.function-btn svg,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-head-block button.function-btn svg,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .split-view-head-block button.function-btn svg,
body.sd-dark-mode .split-view-head-block .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn svg,
body.sd-dark-mode .split-view-head-block .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .split-view-head-block button.function-btn svg,
body.sd-dark-mode .task-view-wrap .btn.function-btn i,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .task-view-wrap button.function-btn i,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .task-view-wrap button.function-btn i,
body.sd-dark-mode .task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn i,
body.sd-dark-mode .task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn i,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn i,
body.sd-dark-mode .task-view-wrap .btn.function-btn img,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .task-view-wrap button.function-btn img,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .task-view-wrap button.function-btn img,
body.sd-dark-mode .task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn img,
body.sd-dark-mode .task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn img,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn img,
body.sd-dark-mode .task-view-wrap .btn.function-btn svg,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .task-view-wrap button.function-btn svg,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .task-view-wrap button.function-btn svg,
body.sd-dark-mode .task-view-wrap .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn svg,
body.sd-dark-mode .task-view-wrap .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.function-btn svg,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .task-view-wrap button.function-btn svg,
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions .btn.btn-secondary,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions button.btn-secondary,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions button.btn-secondary,
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-secondary,
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-secondary,
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions .btn.btn-default,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions button.btn-default,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions button.btn-default,
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-default,
body.sd-dark-mode .modal .modal-dialog .modal-content .form-actions .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-default,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .modal .modal-dialog .modal-content .form-actions button.btn-default {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode #cbe-add-block-popup .cbe-add-block-item-icon,
body.sd-dark-mode .content-block-editor-wrapper .cbe-control-row-icon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(269deg) brightness(109%) contrast(101%) !important;
}
body.sd-dark-mode .iti__arrow {
  border-top-color: rgb(230, 237, 243);
  border-bottom-color: rgb(230, 237, 243);
}

body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .sdAccordion__toggle:hover, body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .sdAccordion__toggle:focus {
  background-color: #5B5F70 !important;
}
body.sd-dark-mode .content-block-view-wrapper .wysiwyg-content .choose-items-step .braintree-form__label {
  color: #181823 !important;
}
body.sd-dark-mode .main-wrapper .right-sidebar-togler-container .right-sidebar-togler {
  border-top-color: #5B5F70;
  border-bottom-color: #5B5F70;
}
body.sd-dark-mode .content-tabs .plans-tabs .nav-tabs {
  border-color: #5B5F70;
}
body.sd-dark-mode .content-tabs .plans-tabs .nav-tabs .nav-item .nav-link.active {
  background-color: #5B5F70;
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel {
  background-color: #232332;
  color: rgb(230, 237, 243);
  box-shadow: inset 0 0 0 3px #5B5F70;
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .panel-header,
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .panel-value .symbol,
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .panel-value .period,
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .panel-value .value,
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .plan-btn-container .submit-plan-btn span,
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .features-list li span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .features-header span {
  color: #5B5F70;
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .info-label {
  background: #5B5F70 !important;
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .info-label span {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .submit-plan-btn {
  background: #5B5F70;
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .submit-plan-btn:hover, body.sd-dark-mode .content-tabs .plan-tab-content .plan-panel .submit-plan-btn:focus {
  background: #181823 !important;
}

body.sd-dark-mode .rightPanel {
  background: #232332;
}
body.sd-dark-mode .rightPanel__header {
  background: #232332;
  border-bottom: #313345;
}
body.sd-dark-mode .rightPanel__title, body.sd-dark-mode .rightPanel__body,
body.sd-dark-mode .rightPanel .close,
body.sd-dark-mode .rightPanel .close i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .save-message {
  background: #313345;
  color: rgb(230, 237, 243);
  border-bottom: #313345;
}

body.sd-dark-mode .lms-sidebar,
body.sd-dark-mode .rightPanel,
body.sd-dark-mode .RightBar {
  background: #232332;
  border-left: 0.3125rem solid #5B5F70;
}
body.sd-dark-mode .lms-sidebar__header,
body.sd-dark-mode .rightPanel__header,
body.sd-dark-mode .RightBar__header {
  background: #232332;
  border-bottom-color: #313345;
}
body.sd-dark-mode .lms-sidebar__search,
body.sd-dark-mode .rightPanel__search,
body.sd-dark-mode .RightBar__search {
  background: #474B5E;
}
body.sd-dark-mode .lms-sidebar__title, body.sd-dark-mode .lms-sidebar__body,
body.sd-dark-mode .lms-sidebar .close,
body.sd-dark-mode .lms-sidebar .close i,
body.sd-dark-mode .rightPanel__title,
body.sd-dark-mode .rightPanel__body,
body.sd-dark-mode .rightPanel .close,
body.sd-dark-mode .rightPanel .close i,
body.sd-dark-mode .RightBar__title,
body.sd-dark-mode .RightBar__body,
body.sd-dark-mode .RightBar .close,
body.sd-dark-mode .RightBar .close i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .lms-sidebar .close:before, body.sd-dark-mode .lms-sidebar .close:after,
body.sd-dark-mode .rightPanel .close:before,
body.sd-dark-mode .rightPanel .close:after,
body.sd-dark-mode .RightBar .close:before,
body.sd-dark-mode .RightBar .close:after {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .lms-sidebar .close:focus:before, body.sd-dark-mode .lms-sidebar .close:focus:after,
body.sd-dark-mode .rightPanel .close:focus:before,
body.sd-dark-mode .rightPanel .close:focus:after,
body.sd-dark-mode .RightBar .close:focus:before,
body.sd-dark-mode .RightBar .close:focus:after {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .lms-sidebar .btn-outline-default,
body.sd-dark-mode .lms-sidebar .btn-primary,
body.sd-dark-mode .rightPanel .btn-outline-default,
body.sd-dark-mode .rightPanel .btn-primary,
body.sd-dark-mode .RightBar .btn-outline-default,
body.sd-dark-mode .RightBar .btn-primary {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .lms-sidebar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
body.sd-dark-mode .lms-sidebar .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.sd-dark-mode .rightPanel .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
body.sd-dark-mode .rightPanel .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.sd-dark-mode .RightBar .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
body.sd-dark-mode .RightBar .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .RightBar__footer-bar {
  background: #232332;
}
body.sd-dark-mode .save-message {
  background: #313345;
  color: rgb(230, 237, 243);
  border-bottom: #313345;
}
body.sd-dark-mode .reseller__box {
  border-top: 0.1875rem solid #5B5F70;
  border-bottom: 0.1875rem solid #5B5F70;
}
body.sd-dark-mode .reseller__head {
  border-bottom: 0.1875rem solid #5B5F70;
}
body.sd-dark-mode .customization-sidebar-wrapper,
body.sd-dark-mode .notification-sidebar-wrapper,
body.sd-dark-mode .emailconfig-sidebar-wrapper {
  border-left: 0.3125rem solid #5B5F70;
}
body.sd-dark-mode .customization-sidebar-wrapper .sidebar-header,
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-header,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-header {
  background: #232332;
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .customization-sidebar-wrapper .sidebar-header .close:before, body.sd-dark-mode .customization-sidebar-wrapper .sidebar-header .close:after,
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-header .close:before,
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-header .close:after,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-header .close:before,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-header .close:after {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .customization-sidebar-wrapper .sidebar-header .close:focus:before, body.sd-dark-mode .customization-sidebar-wrapper .sidebar-header .close:focus:after,
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-header .close:focus:before,
body.sd-dark-mode .notification-sidebar-wrapper .sidebar-header .close:focus:after,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-header .close:focus:before,
body.sd-dark-mode .emailconfig-sidebar-wrapper .sidebar-header .close:focus:after {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .customization-sidebar-wrapper .btn-outline-default,
body.sd-dark-mode .customization-sidebar-wrapper .btn-primary,
body.sd-dark-mode .customization-sidebar-wrapper .btn.btn-secondary,
body.sd-dark-mode .customization-sidebar-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper button.btn-secondary,
body.sd-dark-mode .customization-sidebar-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .customization-sidebar-wrapper button.btn-secondary,
body.sd-dark-mode .notification-sidebar-wrapper .btn-outline-default,
body.sd-dark-mode .notification-sidebar-wrapper .btn-primary,
body.sd-dark-mode .notification-sidebar-wrapper .btn.btn-secondary,
body.sd-dark-mode .notification-sidebar-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .notification-sidebar-wrapper button.btn-secondary,
body.sd-dark-mode .notification-sidebar-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .notification-sidebar-wrapper button.btn-secondary,
body.sd-dark-mode .emailconfig-sidebar-wrapper .btn-outline-default,
body.sd-dark-mode .emailconfig-sidebar-wrapper .btn-primary,
body.sd-dark-mode .emailconfig-sidebar-wrapper .btn.btn-secondary,
body.sd-dark-mode .emailconfig-sidebar-wrapper .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .emailconfig-sidebar-wrapper button.btn-secondary,
body.sd-dark-mode .emailconfig-sidebar-wrapper .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-secondary,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .emailconfig-sidebar-wrapper button.btn-secondary {
  border-color: #5B5F70 !important;
}
body.sd-dark-mode .conditionLogic {
  border-top: 1px solid #5B5F70;
  border-bottom: 1px solid #5B5F70;
}
body.sd-dark-mode .conditionLogic__body {
  border-top: 1px solid #5B5F70;
}
body.sd-dark-mode .conditionLogic__item:hover, body.sd-dark-mode .conditionLogic__item:focus {
  background: #474B5E;
}
body.sd-dark-mode .conditionLogic__number,
body.sd-dark-mode .conditionLogic__label {
  background-color: #313345 !important;
}
body.sd-dark-mode .conditionLogic__line i {
  background-color: #232332;
  color: rgb(230, 237, 243);
}
body.sd-dark-mode.branding-theme-mrclean .sd-nav-bar-add-button .sd-nav-bar-add-button__icon::before, body.sd-dark-mode.branding-theme-mrclean .sd-nav-bar-add-button .sd-nav-bar-add-button__icon::after,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span::before,
body.sd-dark-mode .navbar-nav .sidebar-toggle > a .sidebar-toggle__menu-icon span::after,
body.sd-dark-mode .mailMenu .mailbox-menu-item .btn-custom-wrapper .button-icon.icon-delete::before,
body.sd-dark-mode .mailMenu .mailbox-menu-item .btn-custom-wrapper .button-icon.icon-delete::after,
body.sd-dark-mode .chain-link__options-dropdown .add-link-btn.ripple .add-link-btn__cross-icon::before,
body.sd-dark-mode .chain-link__options-dropdown .add-link-btn.ripple .add-link-btn__cross-icon::after,
body.sd-dark-mode .conditionLogic__block:last-child:after {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .conditionLogic__close-btn {
  background-color: #232332;
}
body.sd-dark-mode .panel-preview .modules.side-menu .lessons .lesson-item a,
body.sd-dark-mode .panel-preview .module-title,
body.sd-dark-mode .panel-preview__sidebar {
  color: rgb(230, 237, 243) !important;
  background: #232332 !important;
}
body.sd-dark-mode .panel-preview__content {
  color: rgb(230, 237, 243) !important;
  background: #313345 !important;
}
body.sd-dark-mode .panel-preview__footer {
  color: rgb(230, 237, 243) !important;
  background: #181823 !important;
}
body.sd-dark-mode .lms-count,
body.sd-dark-mode .panel-preview__bottom-bar {
  color: rgb(230, 237, 243) !important;
  background: #5B5F70 !important;
}
body.sd-dark-mode .panel-preview__btn {
  color: rgb(230, 237, 243) !important;
  background: #5B5F70 !important;
  border-color: rgb(230, 237, 243) !important;
}

body.sd-dark-mode .lms-panel .btn-outline-default,
body.sd-dark-mode .lms-panel .redactor-button-unstyled,
body.sd-dark-mode .manage-container .btn-outline-default,
body.sd-dark-mode .manage-container .redactor-button-unstyled {
  border-color: #313345;
}
body.sd-dark-mode .lms-sidebar .form-oscar .form-control,
body.sd-dark-mode .lms-sidebar .form-control,
body.sd-dark-mode .lms-sidebar .select2-container--default .select2-selection--multiple,
body.sd-dark-mode .lms-sidebar .select2 .select2-selection--single,
body.sd-dark-mode .lms-sidebar .sd-app-tags tags-input .tags {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .lms-sidebar .form-control::placeholder,
body.sd-dark-mode .lms-sidebar .select2-search__field::placeholder {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .bg-white.form-oscar {
  background-color: #313345 !important;
}
body.sd-dark-mode .form-actions .btn-outline-default,
body.sd-dark-mode .form-actions .btn-secondary {
  border-color: #313345;
}
body.sd-dark-mode [data-command=save],
body.sd-dark-mode [data-command=remove],
body.sd-dark-mode [data-command=cancel],
body.sd-dark-mode .btn.light,
body.sd-dark-mode .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.light,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.light,
body.sd-dark-mode .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.light,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode button.light,
body.sd-dark-mode .redactor-modal button.redactor-button-danger,
body.sd-dark-mode .redactor-modal button.redactor-button-unstyled {
  border: 1px solid rgb(230, 237, 243) !important;
}

body.sd-dark-mode .common-back {
  background-color: #232332 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link {
  background-color: #5B5F70 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link .arrow:after {
  border-top: 2px solid rgb(230, 237, 243);
  border-left: 2px solid rgb(230, 237, 243);
}

body.sd-dark-mode .common-back {
  background-color: #232332 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link {
  background-color: #5B5F70 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link .arrow:after {
  border-top: 2px solid rgb(230, 237, 243);
  border-left: 2px solid rgb(230, 237, 243);
}
body.sd-dark-mode .common-back {
  background-color: #232332 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link {
  background-color: #5B5F70 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link .arrow:after {
  border-top: 2px solid rgb(230, 237, 243);
  border-left: 2px solid rgb(230, 237, 243);
}

body.sd-dark-mode .common-back {
  background-color: #232332 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link {
  background-color: #5B5F70 !important;
  border-color: #313345 !important;
}
body.sd-dark-mode .common-back__link .arrow:after {
  border-top: 2px solid rgb(230, 237, 243);
  border-left: 2px solid rgb(230, 237, 243);
}

body.sd-dark-mode .form .embed-wrapper {
  background-color: #313345;
}

html.intake-form.sd-dark-mode-main-bg {
  background-color: #313345 !important;
}
html.intake-form.sd-dark-mode-main-bg body {
  background-color: #313345 !important;
}

body.sd-dark-mode .manual-form-select-wrapper {
  background-color: #232332;
  border-left-color: #181823 !important;
  border-right-color: #181823 !important;
}

body.sd-dark-mode .form.form-fixed-header .form-fixed-header-top,
body.sd-dark-mode .table-fixed-header thead {
  background: #313345;
}
body.sd-dark-mode .table-fixed-header thead {
  box-shadow: -1px 0px 0px 1px #474b5e;
}
body.sd-dark-mode .sd-subsettings-label {
  color: rgb(230, 237, 243);
}
@media screen and (max-width: 768px) {
  body.sd-dark-mode .table-mobile-responsive tr {
    border-color: #474B5E;
    background: #232332;
  }
  body.sd-dark-mode .table-mobile-responsive td {
    border-color: #474B5E;
  }
  body.sd-dark-mode .card.data-table-wrap.grid-wrap-view.bg-white {
    background-color: transparent !important;
  }
  body.sd-dark-mode .checklist-item-container {
    background-color: #181823 !important;
  }
  body.sd-dark-mode .checklist-header {
    background-color: #181823 !important;
  }
}

body.sd-dark-mode.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current, body.sd-dark-mode.with-right-sidebar .main-wrapper .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler {
  border-color: #7c829b !important;
  border-left-color: #7c829b !important;
}
body.sd-dark-mode .sd-subsettings-label {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode.pace-custom-loader.pace-bg-NO_ANIMATION .pace, body.sd-dark-mode.pace-custom-loader.pace-bg-fade .pace, body.sd-dark-mode.pace-custom-loader.pace-bg-slide-left .pace, body.sd-dark-mode.pace-custom-loader.pace-bg-slide-right .pace, body.sd-dark-mode.pace-custom-loader.pace-bg-slide-up .pace, body.sd-dark-mode.pace-custom-loader .pace:before, body.sd-dark-mode.pace-custom-loader .pace:after {
  background-color: #232332 !important;
}
body.sd-dark-mode .pace .pace-activity:before {
  border-right-color: #5B5F70 !important;
}
body.sd-dark-mode .pace .pace-activity:after {
  border-left-color: #5B5F70 !important;
}
body.sd-dark-mode .reseller-lifetime {
  background: none;
}
body.sd-dark-mode .tableContainer.bg-white {
  background-color: #181823 !important;
}

body.sd-dark-mode .dashboard-introducing {
  background-color: #232332 !important;
}
body.sd-dark-mode .dashboard-box .dashboard-anns__item {
  background-color: #232332 !important;
}

body.sd-dark-mode .styling-options-content.card-block {
  background-color: #232332;
  border-color: transparent !important;
}
body.sd-dark-mode .preview-content-wrapper .sd-warning {
  color: #fff !important;
}

body.sd-dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #232332 !important;
}
body.sd-dark-mode .table-bordered,
body.sd-dark-mode .table-bordered > tbody > tr > td,
body.sd-dark-mode .table-bordered > tbody > tr > th,
body.sd-dark-mode .table-bordered > thead > tr > th {
  border-color: #313345 !important;
}
body.sd-dark-mode .table-danger, body.sd-dark-mode .table-danger > td, body.sd-dark-mode .table-danger > th {
  background-color: #313345 !important;
}

body.sd-dark-mode.glass-background-effect:not(.lms-page.blank-layout) > div:not(.modal) .main-wrapper:before, body.sd-dark-mode.glass-background-effect:not(.lms-page.blank-layout) > div:not(.modal) .main-wrapper .info-col-content:before {
  background-image: none;
}
@media (min-width: 960px) {
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky {
    background-color: #313345 !important;
    box-shadow: 0 -1px 3px 0 rgba(124, 130, 155, 0.5);
  }
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button,
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-primary,
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-secondary {
    color: rgb(230, 237, 243) !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn:hover, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button:hover, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:hover, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button:hover, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn:focus, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button:focus, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:focus, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button:focus,
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-primary:hover,
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-primary:focus,
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-secondary:hover,
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-secondary:focus {
    background: transparent !important;
  }
  body.sd-dark-mode .form-actions.form-actions--bottom-sticky .btn.btn-primary, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button.btn-primary, body.sd-dark-mode .form-actions.form-actions--bottom-sticky .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.btn-primary, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .form-actions.form-actions--bottom-sticky button.btn-primary {
    border-right: 1px solid #5B5F70 !important;
  }
}

body.sd-dark-mode .modal-sticky-footer .form-actions-btn {
  color: white !important;
  border-right: 1px solid #fff !important;
}
body.sd-dark-mode .modal-sticky-footer .form-actions-btn input[type=button],
body.sd-dark-mode .modal-sticky-footer .form-actions-btn input[type=submit] {
  border: 0;
}
body.sd-dark-mode .modal-sticky-footer .form-actions-btn i,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn input[type=submit],
body.sd-dark-mode .modal-sticky-footer .form-actions-btn input[type=button],
body.sd-dark-mode .modal-sticky-footer .form-actions-btn button,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn a,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn .btn,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn button,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn button,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn .btn.btn-primary {
  color: white !important;
}
body.sd-dark-mode .modal-sticky-footer .form-actions-btn .btn:before, body.sd-dark-mode .modal-sticky-footer .form-actions-btn .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn button:before, body.sd-dark-mode .modal-sticky-footer .form-actions-btn .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn button:before,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn .btn.btn-primary:before {
  display: none !important;
}
body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover, body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus {
  background-color: transparent !important;
  border-color: white !important;
}
body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover .btn, body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover button, body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover button,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn:hover .btn.btn-primary, body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus .btn, body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus button, body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus button,
body.sd-dark-mode .modal-sticky-footer .form-actions-btn:focus .btn.btn-primary {
  color: white !important;
  background-color: transparent !important;
}
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .form-actions.form-actions--bottom-sticky .form-actions-btn i {
  color: rgb(230, 237, 243) !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions.btn-list,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions.btn-list {
  border-top-color: #474B5E !important;
  background-color: #313345 !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer button,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer a,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .btn,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer button,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer button,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer button,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer a,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .btn,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer button,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer button {
  color: #fff !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer button:before,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer a:before,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .btn:before,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer button:before,
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer button:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer button:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer a:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .btn:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer button:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button:before,
.contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer button:before {
  opacity: 0;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions-btn i,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions-btn i {
  color: white !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions-btn:hover:before, body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions-btn:focus:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions-btn:hover:before,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions-btn:focus:before {
  background: #474B5E !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions.btn-list .form-actions-btn,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions.btn-list .form-actions-btn {
  border-right-color: #474B5E !important;
}
body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions.btn-list.justify-content-between .form-actions-btn:last-child, body.sd-dark-mode .modal .modal-dialog .modal-sticky-footer .form-actions.btn-list.justify-content-end .form-actions-btn:last-child,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions.btn-list.justify-content-between .form-actions-btn:last-child,
body.sd-dark-mode .custom-fields-modal-overlay .modal-sticky-footer .form-actions.btn-list.justify-content-end .form-actions-btn:last-child {
  border-left-color: white !important;
  border-right-color: transparent !important;
}

body.sd-dark-mode .commentsArea {
  background-color: #313345 !important;
  border: 1px solid #232332 !important;
}
body.sd-dark-mode .infoRow .name strong {
  color: rgb(230, 237, 243);
}

@media (max-width: 768px) {
  body.sd-dark-mode .card.checklist-card {
    background-color: transparent !important;
  }
}
body.sd-dark-mode .slidesArrows li {
  color: white;
}
body.sd-dark-mode .slidesArrows li.active, body.sd-dark-mode .slidesArrows li:hover, body.sd-dark-mode .slidesArrows li:focus {
  cursor: pointer;
  border: 1px solid white;
  background: #313345;
}
body.sd-dark-mode .slidesConf-item {
  border-top: 1px solid #313345;
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .slidesConf-item__content {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .step-order {
  background: #313345;
}

body.sd-dark-mode .sliderTypeSvg .selected-icon svg,
body.sd-dark-mode .emailconfig-card .emailconfig-big-option .emailconfig-big-option__icon svg {
  fill: #fff !important;
  stroke: #fff;
  color: #fff;
}
body.sd-dark-mode .color-picker-wrapper .color-picker-panel {
  background: #181823;
  border: 1px solid #313345;
}
body.sd-dark-mode .color-picker-wrapper .color-picker-panel .color-picker-actions {
  background: #232332;
}
body.sd-dark-mode .color-picker-wrapper .color-picker-panel .color-picker-actions button {
  border: 1px solid #313345;
  color: white;
  background: #181823;
}

body.sd-dark-mode .webhook-sidebar-header {
  background: #232332;
}
body.sd-dark-mode .webhook-endpoint-list .webhook-actions-btn:hover {
  background: #313345 !important;
}
body.sd-dark-mode .webhook-endpoint-list .webhook-actions-btn.copyClipboard .auto-select-copy i {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .webhook-endpoint-list .webhook-actions-btn.copyClipboard .auto-select-copy i:hover {
  background: #313345 !important;
}
body.sd-dark-mode .webhook-endpoint-line {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .webhook-card {
  border: 1px solid #313345;
}
body.sd-dark-mode .webhook-card:has(.switchery-active) {
  border: 1px solid #fff;
  background: #181823;
}
body.sd-dark-mode .portal-bank .portal-bank__balance-text {
  color: #fff;
}
body.sd-dark-mode .portal-bank .portal-bank__balance-text > span {
  color: inherit;
}
body.sd-dark-mode .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:hover,
body.sd-dark-mode .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:focus {
  box-shadow: inset 0 -0.6em 0 rgba(255, 255, 255, 0.15) !important;
}
body.sd-dark-mode .fontOptions__header {
  background: #232332;
  border: 1px solid #313345;
}
body.sd-dark-mode .fontOptions__body {
  background: #181823;
}
body.sd-dark-mode .fontOptions__type {
  border: 1px solid #313345;
  border-top: 0;
}

body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) {
  background-color: transparent;
}
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fal, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fas,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-light,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler .fa-solid, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler i {
  color: #fff;
}
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler svg {
  stroke: #fff;
  fill: #fff;
}
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current {
  background: #474B5E;
}
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fal, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fas,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover .fa-solid, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover i, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus .fal, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus .fas,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus .fa-light,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus .fa-solid, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus i, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fal, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fas,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active .fa-solid, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active i, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fal, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fas,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current .fa-solid, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current i {
  color: #fff;
}
body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:hover svg, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler:focus svg, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.active svg, body.sd-dark-mode.with-right-sidebar .rightTabs:not(.rightTabs--react) .right-sidebar-togler-container .right-sidebar-togler.current svg {
  stroke: #fff;
  fill: #fff;
}
body.sd-dark-mode .rightTabs-toggler {
  background-color: #181823;
  border-color: #5B5F70;
}
body.sd-dark-mode .rightTabs-toggler .fal,
body.sd-dark-mode .rightTabs-toggler .fa-light,
body.sd-dark-mode .rightTabs-toggler i {
  color: #fff;
}
@media (min-width: 768px) {
  body.sd-dark-mode .rightTabs.rightTabs--react {
    background-color: #181823 !important;
  }
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container {
  background-color: #232332 !important;
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler .fal,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler i {
  color: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler svg {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active:before, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:before, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover:before, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus:before {
  background: #474B5E !important;
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active .fal,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active i, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current .fal,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current i, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover .fal,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover i, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus .fal,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus i {
  color: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active svg, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current svg, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover svg, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus svg {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:hover, body.sd-dark-mode .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:focus {
  background: transparent !important;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler {
  background-color: #313345;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler .fal,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler i {
  color: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler svg {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.active, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:hover, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:focus {
  background: #5B5F70;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.active:before, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current:before, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:hover:before, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:focus:before {
  background: #fff !important;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.active .fal,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.active .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.active i, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current .fal,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current i, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:hover .fal,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:hover .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:hover i, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:focus .fal,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:focus .fa-light,
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:focus i {
  color: #fff;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.active svg, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current svg, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:hover svg, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler:focus svg {
  color: #fff;
  fill: #fff;
  stroke: #fff;
  filter: none;
}
body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current:hover, body.sd-dark-mode .rightTabs.rightTabs--lms .right-sidebar-togler.current:focus {
  background: transparent !important;
}

body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react {
  background: transparent;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .rightTabs-toggler {
  background-color: #181823;
  border-color: #5B5F70;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .rightTabs-toggler .fal,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .rightTabs-toggler .fa-light,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .rightTabs-toggler i {
  color: #fff;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container {
  background-color: transparent;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler {
  background-color: #313345 !important;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler .fal,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler .fa-light,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler i {
  color: #fff;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler svg {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active:before, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:before, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover:before, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus:before {
  background: #474B5E !important;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active .fal,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active .fa-light,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active i, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current .fal,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current .fa-light,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current i, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover .fal,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover .fa-light,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover i, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus .fal,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus .fa-light,
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus i {
  color: #fff;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active svg, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current svg, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:hover svg, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler:focus svg {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:hover, body.sd-dark-mode.modal-proposal-preview .rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:focus {
  background: transparent !important;
}

body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items:last-child {
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-container > .drag-row {
  color: #fff;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .billing-load-items__summary-img {
  background: rgb(230, 237, 243);
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title,
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-description {
  margin-bottom: 0;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-title {
  color: #333;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-description {
  color: #555;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-package-list li {
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-package-list li a:before {
  background: #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-package-list li a:first-child {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-package-list li:last-child {
  border-bottom: 0;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items.billing-load-items .billing-load-items__summary .item-package-list li .item-package__img {
  background: rgb(230, 237, 243);
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .drag-row,
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.item_name,
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.description_item {
  color: #fff;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_name:not(:focus) {
  background: transparent !important;
  border-color: transparent !important;
  color: #333;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_name:not(:focus):hover {
  border-color: #313345 !important;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_name:focus {
  transition: all 0.25s ease-in-out;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.description_item:not(:focus) {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #fff;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.description_item:not(:focus):hover {
  border-color: #313345 !important;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_qty:not(:focus), body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_price:not(:focus), body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_discountValue:not(:focus) {
  background-color: transparent;
  border-color: transparent !important;
  box-shadow: none;
  color: #555;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_qty:not(:focus):hover, body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_price:not(:focus):hover, body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.form-control.item_discountValue:not(:focus):hover {
  cursor: pointer;
  border-color: #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) .select2-selection.select2-selection--single {
  border-color: transparent;
  box-shadow: none;
  color: #555;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) .select2-selection.select2-selection--single .select2-selection__rendered {
  color: #555;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .item_field.item_tax + .select2.select2-container:not(:focus) .select2-selection.select2-selection--single:hover {
  border-color: #313345 !important;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary thead tr td,
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td {
  background: transparent;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) {
  border-top: 0;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody tr.invoice_items.billing-load-items:not(.selectedRow) td:not(:first-child):not(:last-child.row_del) {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary thead tr td {
  border-top: 3px solid #313345;
  border-bottom: 1px solid #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody tr {
  border-top: 1px solid #313345;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody tr .sd-billing-ledger-values {
  color: #555;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items td .tipS.remove-row:before, body.sd-dark-mode .invoiceTable.invoiceTableSummary .invoice_items td .tipS.remove-row:after {
  background-color: #fff;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary .sortable-placeholder {
  border: 2px dashed #555 !important;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems .selectedRow {
  border: 2px solid #555 !important;
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems .selectedRow .item_field {
  background: transparent;
}
body.sd-dark-mode .pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .billing-load-items__summary-img {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .pdf-body .invoice .invoice-billing-td .invoice-billing-td-summary .item-title {
  color: rgb(230, 237, 243);
}
body.sd-dark-mode .pdf-body .invoice .invoice-billing-td .item-package-list li a {
  border-bottom-color: #181823;
}
body.sd-dark-mode .pdf-body .invoice .invoice-billing-td .item-package-list li a:first-child {
  border-top-color: #181823;
}
body.sd-dark-mode .item-package-list .item-package__img {
  background-color: rgb(230, 237, 243);
}
body.sd-dark-mode .invoiceTable.invoiceTableSummary tbody tr td:not(.row_del):before {
  color: rgb(230, 237, 243);
}

.sd-pdf-editor-wrap {
  width: 100%;
  height: calc(100vh - 200px);
  min-height: 250px;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  background-color: #f1f3f5;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 0 0 310px;
  color: #333333;
  font-size: 17px;
  line-height: 21px;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-bar {
  height: 36px;
  padding: 7px 16px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 600;
  color: #444444;
  width: 100%;
  background-color: #f8f9fa;
  border-bottom: 1px #cfd4da solid;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-bar ~ .editor-bar {
  border-top: 1px #cfd4da solid;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields {
  padding: 5px;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields .editor-field {
  cursor: pointer;
  user-select: none;
  width: auto;
  height: 40px;
  margin: 9px;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row nowrap;
  border-radius: 5px;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields .editor-field:last-child {
  margin-bottom: 16px;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields .editor-field span {
  margin-left: 10px;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields .editor-field .editor-field-icon {
  color: var(--appTopBarIconsColor, white);
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--appTopBarColor, #1A4971);
  text-align: center;
  line-height: 40px;
  font-size: 24px;
}
.sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields .editor-field.active, .sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-fields .editor-field:hover {
  background-color: var(--appTopBarColor, #1A4971);
  color: var(--appTopBarTextColor, #FFFFFF);
}
.sd-pdf-editor-wrap .sd-pdf-editor {
  flex: 1 0 500px;
}

.sd-pdf-editor-v2-wrap .sd-pdf-editor-buttons .editor-bar {
  height: 33px;
  padding: 6px 16px;
  line-height: 20px;
  background-color: #f9f9fa;
  border-bottom: 1px #b8b8b8 solid;
}
body.sd-dark-mode .sd-pdf-editor-wrap {
  background-color: #2a2a2e;
}
body.sd-dark-mode .sd-pdf-editor-wrap .sd-pdf-editor-buttons {
  color: #f9f9fa;
}
body.sd-dark-mode .sd-pdf-editor-wrap .sd-pdf-editor-buttons .editor-bar {
  background-color: #38383d;
  border-bottom: 1px #0c0c0d solid;
  color: #f9f9fa;
}
.platformBrandingFormInputsContainer .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.tooltipBlock {
  font-style: italic;
}

.schedules__scheduleDetail .gridview-header {
  overflow: hidden;
  padding: 0 1rem 2px 1rem;
}
.schedules__scheduleDetail .real-payment-data-element {
  position: absolute;
}
.schedules__scheduleDetail .grid-title {
  gap: 0;
}
.schedules__scheduleDetail .marketingListDetailsTabHeaders .tabs {
  margin-bottom: 0;
  margin-left: -1rem;
  height: auto;
}
.schedules__scheduleDetail .marketingListDetailsTabHeaders .tabs .nav-tabs {
  border: none;
}
.schedules__scheduleDetail .marketingListDetailsTabHeaders .tabs .nav-link {
  padding: 18px 0 !important;
}
.schedules__scheduleDetail .marketingListDetailsTabHeaders .tabs .nav-link:hover {
  border: none;
  border-color: transparent;
  background-color: transparent;
}
.schedules__scheduleDetail .marketingListDetailsTabHeaders .tabs .nav-link:focus-visible {
  outline: none;
}
.schedules__scheduleDetail .dataTableResp .grid-card-view.dv-view {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.sd-marketing-layout-card .sd-grid-view .table thead th:last-child .sort-link {
  justify-content: center;
}
.sd-marketing-layout-card .sd-grid-view .table thead th:last-child.sort-link-leftAligned .sort-link {
  justify-content: flex-start;
}

.mobile-gridview-header .marketingListDetailsTabHeaders .tabs .nav-link {
  gap: 0;
  font-size: 0;
}
.mobile-gridview-header .marketingListDetailsTabHeaders .tabs .nav-link svg {
  height: 24px;
}

.calendar-schedules .form-group {
  margin-top: 16px;
  padding: 0 24px;
}

#schedules-grid .type-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#schedules-grid .type-icon svg {
  width: 25px;
  height: 25px;
  fill: #555;
}

.public-page-layout .wrapper {
  max-height: none;
  height: auto;
}

.public-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: auto;
  overflow-x: hidden;
}
.public-page .site-sidebar-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  width: 100%;
  position: relative;
}
.public-page .site-sidebar-header .sidebar-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: transparent;
  color: #fff;
  margin-left: auto;
}
.public-page .site-sidebar-header .sidebar-toggle__menu-icon {
  display: block;
  color: #fff;
}
.public-page .site-sidebar-header .navbar {
  position: relative;
  background: transparent;
  padding: 0;
  height: 60px;
}
.public-page .site-sidebar-header .navbar .navbar-header {
  height: 100%;
  width: 100%;
  max-width: 260px;
}
.public-page .site-sidebar-header .navbar .navbar-brand {
  height: 100%;
}
.public-page .site-sidebar.site-sidebar--public-page {
  display: flex;
  position: absolute;
  overflow: hidden;
}
.public-page .public-page-content {
  width: 100%;
}

.sidebar-focused:not(.blank-layout) .content-wrapper .site-sidebar.site-sidebar--public-page,
.sidebar-collapse:not(.blank-layout) .content-wrapper .site-sidebar.site-sidebar--public-page,
.sidebar-expand:not(.blank-layout) .content-wrapper .site-sidebar.site-sidebar--public-page {
  top: 0;
  height: 100%;
}

.sidebar-collapse .content-wrapper .site-sidebar.site-sidebar--public-page {
  top: 0;
  height: 100%;
  left: -100%;
}
@media (min-width: 960px) {
  .sidebar-collapse .content-wrapper .site-sidebar.site-sidebar--public-page {
    left: -60px;
  }
}
.sidebar-collapse .content-wrapper .site-sidebar.site-sidebar--public-page .site-sidebar-header .sidebar-toggle {
  position: fixed;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper #web-site-content {
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .sidebar-collapse .content-wrapper #web-site-content {
    margin: 0 70px;
  }
}

.sidebar-expand .content-wrapper .site-sidebar.site-sidebar--public-page {
  top: 0;
  height: 100%;
  left: 0;
  max-width: 100%;
}
@media (min-width: 768px) {
  .sidebar-expand .content-wrapper .site-sidebar.site-sidebar--public-page {
    max-width: 320px;
  }
}
.sidebar-expand .content-wrapper .site-sidebar.site-sidebar--public-page .site-sidebar-header .sidebar-toggle i:before {
  content: "\f061";
}
.sidebar-expand .content-wrapper #web-site-content {
  max-width: 100%;
}
@media (min-width: 768px) {
  .sidebar-expand .content-wrapper #web-site-content {
    max-width: calc(100% - 320px);
  }
}

body.font-theme,
body.font-theme.glass-background-effect {
  font-family: var(--font-theme-font-family);
}
body.font-theme .ann-date,
body.font-theme.glass-background-effect .ann-date {
  display: none;
}
body.font-theme p span:not(.redactor-component),
body.font-theme p sd-tr,
body.font-theme.glass-background-effect p span:not(.redactor-component),
body.font-theme.glass-background-effect p sd-tr {
  line-height: inherit;
}
body.font-theme p span .redactor-component,
body.font-theme.glass-background-effect p span .redactor-component {
  line-height: 1rem;
}
body.font-theme p,
body.font-theme p *:not(i),
body.font-theme .re-button-tooltip,
body.font-theme .badge,
body.font-theme .category-pill,
body.font-theme .tags .tag-item,
body.font-theme tags-input,
body.font-theme tags-input .tags .input,
body.font-theme tags-input .autocomplete .suggestion-item,
body.font-theme tags-input .autocomplete .suggestion-item em,
body.font-theme tags-input .autocomplete .suggestion-item span,
body.font-theme a,
body.font-theme label,
body.font-theme input,
body.font-theme ::placeholder,
body.font-theme select,
body.font-theme textarea,
body.font-theme td,
body.font-theme div,
body.font-theme button,
body.font-theme ul li,
body.font-theme ul li *:not(i),
body.font-theme a.dropdown-menu,
body.font-theme #sd-dropdown-wrapper .dropdown-item,
body.font-theme .ext-menu,
body.font-theme .select2-container.select2-container--open,
body.font-theme .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.font-theme .translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .l-name,
body.font-theme.glass-background-effect p,
body.font-theme.glass-background-effect p *:not(i),
body.font-theme.glass-background-effect .re-button-tooltip,
body.font-theme.glass-background-effect .badge,
body.font-theme.glass-background-effect .category-pill,
body.font-theme.glass-background-effect .tags .tag-item,
body.font-theme.glass-background-effect tags-input,
body.font-theme.glass-background-effect tags-input .tags .input,
body.font-theme.glass-background-effect tags-input .autocomplete .suggestion-item,
body.font-theme.glass-background-effect tags-input .autocomplete .suggestion-item em,
body.font-theme.glass-background-effect tags-input .autocomplete .suggestion-item span,
body.font-theme.glass-background-effect a,
body.font-theme.glass-background-effect label,
body.font-theme.glass-background-effect input,
body.font-theme.glass-background-effect ::placeholder,
body.font-theme.glass-background-effect select,
body.font-theme.glass-background-effect textarea,
body.font-theme.glass-background-effect td,
body.font-theme.glass-background-effect div,
body.font-theme.glass-background-effect button,
body.font-theme.glass-background-effect ul li,
body.font-theme.glass-background-effect ul li *:not(i),
body.font-theme.glass-background-effect a.dropdown-menu,
body.font-theme.glass-background-effect #sd-dropdown-wrapper .dropdown-item,
body.font-theme.glass-background-effect .ext-menu,
body.font-theme.glass-background-effect .select2-container.select2-container--open,
body.font-theme.glass-background-effect .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.font-theme.glass-background-effect .translations-page-container .customization-sidebar-wrapper.languages-sidebar .languages-list ul li .l-name {
  font-family: var(--font-theme-font-family) !important;
  font-weight: var(--font-theme-font-weight) !important;
  font-style: var(--font-theme-font-style) !important;
}
body.font-theme .select2-container.select2-container--open .select2-results__group,
body.font-theme.glass-background-effect .select2-container.select2-container--open .select2-results__group {
  font-family: var(--font-theme-font-family) !important;
  font-style: var(--font-theme-font-style) !important;
}
body.font-theme p b,
body.font-theme p strong,
body.font-theme b,
body.font-theme strong,
body.font-theme .select2-container.select2-container--open .select2-results__group,
body.font-theme.glass-background-effect p b,
body.font-theme.glass-background-effect p strong,
body.font-theme.glass-background-effect b,
body.font-theme.glass-background-effect strong,
body.font-theme.glass-background-effect .select2-container.select2-container--open .select2-results__group {
  font-weight: 700 !important;
}
body.font-theme .chosen-container-multi .chosen-choices li.search-field input[type=text],
body.font-theme.glass-background-effect .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-family: var(--font-theme-font-family) !important;
}
body.font-theme .ace_editor,
body.font-theme .ace_editor *,
body.font-theme.glass-background-effect .ace_editor,
body.font-theme.glass-background-effect .ace_editor * {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.font-theme.ft--primary h1, .font-theme.ft--primary h2,
.font-theme.ft--primary .h1, .font-theme.ft--primary .h2,
.ft--primary h1,
.ft--primary h2,
.ft--primary .h1,
.ft--primary .h2 {
  font-family: var(--primary-header-font-family) !important;
  font-weight: var(--primary-header-font-weight) !important;
  font-style: var(--primary-header-font-style) !important;
}

.font-theme.ft--secondary h3, .font-theme.ft--secondary h4, .font-theme.ft--secondary h5, .font-theme.ft--secondary h6,
.font-theme.ft--secondary .h3, .font-theme.ft--secondary .h4, .font-theme.ft--secondary .h5, .font-theme.ft--secondary .h6,
.font-theme.ft--secondary .sidebar-nav li a,
.font-theme.ft--secondary .hide-menu,
.font-theme.ft--secondary .item,
.font-theme.ft--secondary .nav.nav-tabs .nav-item .nav-link,
.font-theme.ft--secondary .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > span,
.font-theme.ft--secondary .box--menu-container .box-nav li a,
.font-theme.ft--secondary .dataTableResp .table th .header-tooltip,
.font-theme.ft--secondary .ml .ml--title,
.ft--secondary h3,
.ft--secondary h4,
.ft--secondary h5,
.ft--secondary h6,
.ft--secondary .h3,
.ft--secondary .h4,
.ft--secondary .h5,
.ft--secondary .h6,
.ft--secondary .sidebar-nav li a,
.ft--secondary .hide-menu,
.ft--secondary .item,
.ft--secondary .nav.nav-tabs .nav-item .nav-link,
.ft--secondary .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > span,
.ft--secondary .box--menu-container .box-nav li a,
.ft--secondary .dataTableResp .table th .header-tooltip,
.ft--secondary .ml .ml--title {
  font-family: var(--secondary-header-font-family) !important;
  font-weight: var(--secondary-header-font-weight) !important;
  font-style: var(--secondary-header-font-style) !important;
}

.slidesConf {
  display: flex;
  flex-direction: column;
  width: 100%;
  counter-reset: fieldcounter;
}
.slidesConf-item {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.slidesConf-item + .slidesConf-item {
  border-top: 0;
}
.slidesConf-item__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  padding: 12px 0;
}
.slidesConf-item__content {
  display: flex;
  flex-direction: column;
  height: auto;
  border-top: 1px solid #ddd;
  padding: 1rem 0;
}
.slidesConf-item__content.ng-hide {
  height: 0;
  padding: 0;
  border-top: 0;
  margin-top: -1px;
}
.slidesConf-item__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.slidesConf-item__title .title {
  font-size: 18px;
  border-bottom: 1px dotted;
}
.slidesConf-item__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.slidesConf-item__btns .btn, .slidesConf-item__btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .slidesConf-item__btns button, .slidesConf-item__btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .slidesConf-item__btns button {
  font-size: 21px;
}
.slidesConf-item__btns .btn i, .slidesConf-item__btns .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .slidesConf-item__btns button i, .slidesConf-item__btns .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button i, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .slidesConf-item__btns button i {
  font-size: inherit;
}
.slidesConf .drugging-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: unset;
  font-size: 32px;
  margin-right: 8px;
}
.slidesConf .drugging-icon i {
  font-size: inherit;
}
.slidesConf .step-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  color: white;
  background: #4583b3;
  font-size: 14px;
  position: relative;
  counter-increment: fieldcounter;
}
.slidesConf .step-order:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: counter(fieldcounter);
}
.slidesConf .toggle-link-btn.active {
  transform: rotate(180deg);
}

.slidesArrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.slidesArrows li + li {
  margin-left: 0.5rem;
}
.slidesArrows li {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  border: 1px solid transparent;
  color: #333;
  transition: all 0.2s ease-in-out;
}
.slidesArrows li i {
  font-size: 32px;
}
.slidesArrows li.active, .slidesArrows li:hover, .slidesArrows li:focus {
  cursor: pointer;
  border: 1px solid #4583b3;
  transition: all 0.2s ease-in-out;
}

.login .panel.login-panel-left {
  max-width: 100%;
  flex: 2 2 100%;
}
@media (min-width: 992px) {
  .login .panel.login-panel-left {
    max-width: 45%;
    flex: 2 2 45%;
  }
}
@media (min-width: 1200px) {
  .login .panel.login-panel-left {
    max-width: 50%;
    flex: 2 2 50%;
  }
}
@media (min-width: 1340px) {
  .login .panel.login-panel-left {
    max-width: 55%;
    flex: 2 2 55%;
  }
}
.login .panel.login-panel-right {
  display: none;
  padding: 0;
}
@media (min-width: 992px) {
  .login .panel.login-panel-right {
    display: flex;
    max-width: 55%;
    flex: 1 1 55%;
  }
}
@media (min-width: 1200px) {
  .login .panel.login-panel-right {
    max-width: 50%;
    flex: 2 2 50%;
  }
}
@media (min-width: 1340px) {
  .login .panel.login-panel-right {
    max-width: 45%;
    flex: 1 1 45%;
  }
}

.login-layout {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.login-layout.login-layout--gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.login-layout {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-layout .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  width: 400.925px;
  height: calc(309.575px + 38px);
}
@media (min-width: 1340px) {
  .login-layout .swiper {
    width: 470.05px;
    height: calc(362.95px + 76px);
  }
}
@media screen and (min-width: 1600px) {
  .login-layout .swiper {
    width: 553px;
    height: calc(427px + 76px);
  }
}
.login-layout .swiper-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  cursor: pointer;
  color: #fff;
}
.login-layout .swiper-arrow i {
  font-size: inherit;
}
.login-layout .swiper-arrow-prev {
  left: -15%;
}
.login-layout .swiper-arrow-next {
  right: -15%;
}
.login-layout .swiper-arrow.swiper-button-disabled {
  opacity: 0.15;
}
.login-layout .swiper-pagination.swiper-pagination-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 125%;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100% !important;
  transform: none;
  overflow: inherit;
  z-index: 100;
}
.login-layout .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  width: 16px;
  height: 16px;
  opacity: 0.4;
  top: auto !important;
}
.login-layout .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.login-layout .swiper.swiper-autoheight .swiper-slide {
  height: auto !important;
  min-height: 427px;
}
.login-layout .swiper.swiper-3d .swiper-slide-shadow {
  border-radius: 15px;
}
.login-layout .swiper.swiper-cards.swiper-3d {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-layout .swiper.swiper-cards.swiper-3d .swiper-slide {
  padding-top: 38px;
  overflow: hidden;
  opacity: 0;
}
@media (min-width: 1340px) {
  .login-layout .swiper.swiper-cards.swiper-3d .swiper-slide {
    padding-top: 114px;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout .swiper.swiper-cards.swiper-3d .swiper-slide {
    padding-top: 76px;
  }
}
.login-layout .swiper.swiper-cards.swiper-3d .swiper-slide:has(+ .swiper-slide-prev) {
  opacity: 0.125;
}
.login-layout .swiper.swiper-cards.swiper-3d .swiper-slide.swiper-slide-prev {
  opacity: 0.25;
}
.login-layout .swiper.swiper-cards.swiper-3d .swiper-slide.swiper-slide-next {
  opacity: 0.25;
}
.login-layout .swiper.swiper-cards.swiper-3d .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 20 !important;
}
.login-layout .swiper.swiper-cards.swiper-3d .swiper-arrow {
  top: calc(50% + 38px);
}
.login-layout .loginSlide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 38px 1rem 1rem 1rem;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}
@media screen and (min-width: 1600px) {
  .login-layout .loginSlide {
    padding: 76px 1rem 1rem 1rem;
  }
}
.login-layout .loginSlide-img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 76px;
  height: 76px;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #ddd;
  transform: translateX(-50%);
  overflow: hidden;
}
@media (min-width: 1340px) {
  .login-layout .loginSlide-img {
    width: 114px;
    height: 114px;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout .loginSlide-img {
    width: 152px;
    height: 152px;
  }
}
.login-layout .loginSlide-img img {
  width: 100%;
  height: 100%;
  display: block;
}
.login-layout .loginSlide-head {
  margin: 1rem auto;
}
.login-layout .loginSlide-title {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 5px 0 0 0;
  color: #333 !important;
}
@media (min-width: 1340px) {
  .login-layout .loginSlide-title {
    font-size: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout .loginSlide-title {
    font-size: 21px;
  }
}
.login-layout .loginSlide-subtitle {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  margin-top: 20px;
  color: #888 !important;
}
@media (min-width: 1340px) {
  .login-layout .loginSlide-subtitle {
    font-size: 16px;
    line-height: 1.25em;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout .loginSlide-subtitle {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.login-layout .loginSlide-body {
  text-align: center;
  font-size: 12px;
  line-height: 1.8em;
  font-weight: 400;
  margin-top: 5px;
  padding: 0 20px;
  color: #888 !important;
}
.login-layout .loginSlide-body p {
  line-height: inherit;
}
@media (min-width: 1340px) {
  .login-layout .loginSlide-body {
    font-size: 12px;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout .loginSlide-body {
    font-size: 13px;
  }
}

.login-layout--gallery .swiper-gallery-top {
  position: relative;
  overflow: visible;
  width: 400.925px;
  height: 309.575px;
}
@media (min-width: 1340px) {
  .login-layout--gallery .swiper-gallery-top {
    width: 470.05px;
    height: 362.95px;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout--gallery .swiper-gallery-top {
    width: 553px;
    height: 427px;
  }
}
@media screen and (min-width: 1920px) {
  .login-layout--gallery .swiper-gallery-top {
    width: 622.125px;
    height: 480.375px;
  }
}
.login-layout--gallery .swiper-gallery-top .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.login-layout--gallery .swiper-gallery-top.swiper-cards.swiper-3d .swiper-slide {
  overflow: hidden;
  border-radius: 15px;
  padding-top: 0;
}
.login-layout--gallery .swiper-gallery-top.swiper-3d .swiper-slide {
  border-radius: 15px;
}
.login-layout--gallery .swiper-gallery-bottom {
  height: 200px;
  margin-top: 50px;
  box-sizing: border-box;
  padding: 10px 0;
  overflow: hidden;
}
.login-layout--gallery .swiper-gallery-bottom .swiper-pagination.swiper-pagination-horizontal {
  top: calc(100% - 25px);
}
.login-layout--gallery .swiper-gallery-bottom .swiper-slide-thumb-active {
  opacity: 1;
  background: rgba(0, 0, 0, 0.15);
}
.login-layout--gallery .slide-captions {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  margin: auto;
}
.login-layout--gallery .slide-captions .current-title,
.login-layout--gallery .slide-captions .current-subtitle {
  color: inherit;
}
.login-layout--gallery .slide-captions .current-title {
  font-size: 18px;
}
@media (min-width: 1340px) {
  .login-layout--gallery .slide-captions .current-title {
    font-size: 24px;
  }
}
.login-layout--gallery .slide-captions .current-subtitle {
  font-size: 14px;
}
@media (min-width: 1340px) {
  .login-layout--gallery .slide-captions .current-subtitle {
    font-size: 16px;
  }
}

.login-layout--quote {
  padding: 10%;
}
.login-layout--quote .swiper {
  margin-top: -76px;
}
.login-layout--quote .loginSlide {
  position: relative;
}
.login-layout--quote .loginSlide-img {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.login-layout--quote .loginSlide-img i {
  font-size: 38px;
  color: #ddd;
}
@media (min-width: 1340px) {
  .login-layout--quote .loginSlide-img i {
    font-size: 110.2px;
  }
}
.login-layout--quote .loginSlide-body {
  z-index: 5;
  overflow: visible;
}
.login-layout--quote .loginSlide-body:after {
  content: "\f10d";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 152px;
  line-height: 1;
  color: #ddd;
  opacity: 0.2;
  position: absolute;
  top: 1rem;
  z-index: -1;
  display: block;
}
.login-layout--quote .swiper-slide {
  padding-top: 76px;
}
.login-layout--quote .swiper-arrow {
  top: calc(50% + 38px);
}

.login-layout--announce .swiper {
  margin-top: -38px;
}
@media (min-width: 1340px) {
  .login-layout--announce .swiper {
    margin-top: -76px;
  }
}
.login-layout--announce .loginSlide {
  position: relative;
}
.login-layout--announce .loginSlide-img {
  background: #4583b3;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.login-layout--announce .loginSlide-img svg {
  fill: white;
  color: white;
  stroke: white;
  width: 50%;
  height: 50%;
}
@media (min-width: 1340px) {
  .login-layout--announce .loginSlide-img svg {
    width: 50%;
    height: 50%;
  }
}
@media screen and (min-width: 1600px) {
  .login-layout--announce .loginSlide-img svg {
    width: 50%;
    height: 50%;
  }
}
.login-layout--announce .swiper-slide {
  padding-top: 76px;
}
.login-layout--announce .swiper-arrow {
  top: calc(50% + 38px);
}

.sliderTypeSvg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem 0;
}
.sliderTypeSvg .selected-icon {
  display: inline-flex;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
.sliderTypeSvg .selected-icon svg {
  fill: #333;
  color: #333;
  stroke: #333;
  width: 100%;
  height: 100%;
}
.sliderTypeSvg .btn, .sliderTypeSvg .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sliderTypeSvg button, .sliderTypeSvg .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .sliderTypeSvg button {
  display: inline-flex;
}

.webhook-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 1rem;
  column-gap: 1rem;
}
@media (min-width: 1200px) {
  .webhook-list {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (min-width: 1340px) {
  .webhook-list {
    padding-left: 3rem;
  }
}

.webhook-card {
  display: flex;
  flex-direction: row;
  border: 1px solid #f4f4f4;
  border-radius: 9px;
  padding: 1rem 4rem 1rem 1rem;
  width: 100%;
  position: relative;
  min-height: 70px;
}
@media (min-width: 1200px) {
  .webhook-card {
    max-width: calc(50% - 0.5rem);
  }
}
.webhook-card-switcher {
  width: 50px;
  padding-top: 2px;
  margin-right: 1rem;
}
.webhook-card-text {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
}
.webhook-card-text .title {
  font-weight: 700;
  margin: 0;
  color: #444;
}
.webhook-card-text .note {
  font-size: 12px;
  line-height: 1.2;
  padding-top: 0.5rem;
}
.webhook-card-arrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.webhook-card-arrow i {
  font-size: 21px;
}

.webhook-endpoint-list {
  display: flex;
  flex-direction: column;
  margin: 1.5rem auto;
}
.webhook-endpoint-list .webhook-endpoint-line {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #dfdfdf;
}
.webhook-endpoint-list .webhook-endpoint-line--left {
  width: 100%;
}
@media (min-width: 1200px) {
  .webhook-endpoint-list .webhook-endpoint-line--left {
    width: calc(100% - 120px);
  }
}
.webhook-endpoint-list .webhook-endpoint-line--left.row {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .webhook-endpoint-list .webhook-endpoint-line--left.row {
    flex-wrap: nowrap;
  }
}
.webhook-endpoint-list .webhook-endpoint-line--right {
  width: 100px;
}
@media (max-width: 1339px) {
  .webhook-endpoint-list .webhook-endpoint-line .sd-switchery-wrapper {
    flex-wrap: wrap;
    flex-direction: row !important;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .webhook-endpoint-list .webhook-endpoint-line .sd-switchery-wrapper .switchery.switchery-small + label {
    margin-top: 0;
    padding-right: 0;
    padding-left: 0.5rem;
  }
}
.webhook-endpoint-list .webhook-endpoint-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
@media (min-width: 1200px) {
  .webhook-endpoint-list .webhook-endpoint-row {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.webhook-endpoint-list .webhook-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: auto;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 0;
  right: -8px;
}
@media (min-width: 1200px) {
  .webhook-endpoint-list .webhook-actions {
    position: static;
    top: auto;
    right: auto;
  }
}
.webhook-endpoint-list .webhook-actions-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 30px;
  height: 30px;
  background: transparent;
  border: 0;
  border-radius: 3px;
}
@media (min-width: 1200px) {
  .webhook-endpoint-list .webhook-actions-btn {
    font-size: 24px;
    width: 42px;
    height: 42px;
  }
}
.webhook-endpoint-list .webhook-actions-btn:hover {
  background: #F2F2F2;
}
.webhook-endpoint-list .webhook-actions-btn.webhook-actions-btn--red {
  color: #E6614F;
}
.webhook-endpoint-list .webhook-actions-btn.copyClipboard .auto-select-copy i {
  border: 0;
  background: transparent;
  width: 100%;
}
.webhook-endpoint-list .webhook-actions-btn.copyClipboard .auto-select-copy i:hover {
  background: #F2F2F2;
}

.webhook-sidebar {
  position: relative;
}
.webhook-sidebar-header {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 100;
}

.form-group.rounded-0 .form-control {
  border-radius: 0;
}
.form-group.rounded-1 .form-control {
  border-radius: 3px;
}
.form-group.rounded-2 .form-control {
  border-radius: 6px;
}
.form-group.rounded-3 .form-control {
  border-radius: 20px;
}
.form-group.form-row-left, .form-group.form-row-right {
  display: flex;
  vertical-align: center;
}
.form-group.form-row-left label, .form-group.form-row-right label {
  width: 25%;
}
.form-group.form-row-left .form-control, .form-group.form-row-right .form-control {
  width: 75%;
}
.form-group.form-row-left {
  flex-direction: row;
}
.form-group.form-row-right {
  flex-direction: row-reverse;
  text-align: right;
}
.form-group.form-group-left .form-control,
.form-group.form-group-left label {
  width: 100%;
  text-align: left !important;
}
.form-group.form-group-center .form-control,
.form-group.form-group-center label {
  width: 100%;
  text-align: center !important;
}
.form-group.form-group-right .form-control,
.form-group.form-group-right label {
  width: 100%;
  text-align: right !important;
}
.form-group.only-border-bottom .form-control {
  border: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
}
.form-group.only-border-bottom .form-control:focus {
  box-shadow: none;
}
.form-group.animated-form-label {
  position: relative;
  display: flex;
  flex-direction: column;
}
.form-group.animated-form-label input::placeholder {
  opacity: 0;
  transition: all 0.2s linear;
}
.form-group.animated-form-label label {
  position: absolute;
  top: 10px;
  left: 10px;
  margin-bottom: 0 !important;
  transition: all 0.2s linear;
  color: var(--frm-color-primary) !important;
}
.form-group.animated-form-label.active > label {
  top: -10px;
  background: var(--frm-color-primary);
  font-size: 12px;
  transition: all 0.2s linear;
}
.form-group.animated-form-label .label-subtext {
  display: flex;
  order: 3;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0 10px;
}
.form-group.animated-form-label input:focus::placeholder {
  opacity: 1;
  transition: all 0.2s linear;
}
.form-group.animated-form-label.active label, .form-group.animated-form-label:focus label, .form-group.animated-form-label:focus-within label {
  top: -10px;
  border-radius: 3px;
  padding: 0 5px;
  background: white;
  font-size: 12px !important;
  transition: all 0.2s linear;
}
.form-group.animated-form-label.form-group-sm label {
  top: 6px;
}
.form-group.animated-form-label.form-group-lg label {
  top: 14px;
}
.form-group-lg label {
  font-size: 18px;
}
.form-group-lg input[type=text].form-control:not([size]):not([multiple]),
.form-group-lg input[type=email].form-control:not([size]):not([multiple]),
.form-group-lg input[type=password].form-control:not([size]):not([multiple]),
.form-group-lg textarea.form-control:not([size]):not([multiple]) {
  height: calc(3rem + 2px) !important;
}
.form-group-sm label {
  font-size: 14px;
}
.form-group-sm input[type=text].form-control:not([size]):not([multiple]),
.form-group-sm input[type=email].form-control:not([size]):not([multiple]),
.form-group-sm input[type=password].form-control:not([size]):not([multiple]),
.form-group-sm textarea.form-control:not([size]):not([multiple]) {
  height: calc(2rem + 2px) !important;
}

.portal-bank__title {
  display: block;
  text-align: center;
  font-size: 1rem;
}
.portal-bank__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.portal-bank__left, .portal-bank__right {
  display: flex;
  width: 100%;
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .portal-bank__left, .portal-bank__right {
    padding: 2rem 0;
    max-width: 50%;
  }
}
.portal-bank__left {
  align-items: center;
}
@media (min-width: 992px) {
  .portal-bank__left {
    align-items: flex-start;
  }
}
.portal-bank__right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .portal-bank__right {
    justify-content: flex-end;
  }
}
.portal-bank__balance {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .portal-bank__balance {
    justify-content: flex-start;
  }
}
.portal-bank__balance-val {
  font-size: 28px;
  color: #7FCA85;
  font-weight: 400;
}
@media (min-width: 992px) {
  .portal-bank__balance-val {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .portal-bank__balance-val {
    font-size: 52px;
  }
}
.portal-bank__balance-val--red {
  color: #FF0000;
}
.portal-bank__balance-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  color: #333;
}
@media (min-width: 992px) {
  .portal-bank__balance-text {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .portal-bank__balance-text {
    font-size: 21px;
  }
}
.portal-bank__balance-text > span {
  color: #888;
  font-size: 10px;
}
.portal-bank__balance-text > input.portal-bank__balance-val-updated {
  border: 0;
  padding: 0;
  text-align: right;
  outline: 0;
  background: transparent;
  font-size: 10px;
}
.portal-bank__balance-text > input.portal-bank__balance-val-updated:focus, .portal-bank__balance-text > input.portal-bank__balance-val-updated:hover {
  border: 0;
  outline: 0;
  cursor: pointer;
}
.portal-bank__btn {
  border-radius: 7px !important;
  height: 42px;
}
.portal-bank .form-control.number-input {
  border-radius: 7px;
  margin-right: 1rem;
  padding-right: 1.5rem;
  text-align: right;
  max-width: 250px;
}
.portal-bank .form-control.number-input::-webkit-inner-spin-button, .portal-bank .form-control.number-input::-webkit-outer-spin-button {
  opacity: 1;
  transform: translateX(0.5rem);
}
.portal-bank__card {
  width: 100%;
  margin: 1rem auto;
}
@media (min-width: 992px) {
  .portal-bank__card {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .portal-bank__card {
    max-width: 60%;
  }
}
@media (min-width: 1340px) {
  .portal-bank__card {
    max-width: 50%;
  }
}

.choose-items-block .portal-bank__card {
  max-width: 100% !important;
}

.fontOptions {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.fontOptions__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.fontOptions__header {
  background: #FAFAFA;
  width: 100%;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  position: relative;
}
.fontOptions__header .btn[data-toggle=collapse], .fontOptions__header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[data-toggle=collapse], .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .fontOptions__header button[data-toggle=collapse], .fontOptions__header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[data-toggle=collapse], .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .fontOptions__header button[data-toggle=collapse] {
  border: 0;
  background: transparent;
  color: inherit;
  width: 40px;
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: none;
}
.fontOptions__header .btn[data-toggle=collapse][aria-expanded=true], .fontOptions__header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[data-toggle=collapse][aria-expanded=true], .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .fontOptions__header button[data-toggle=collapse][aria-expanded=true], .fontOptions__header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[data-toggle=collapse][aria-expanded=true], .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .fontOptions__header button[data-toggle=collapse][aria-expanded=true] {
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  .fontOptions__header .btn[data-toggle=collapse], .fontOptions__header .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[data-toggle=collapse], .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .fontOptions__header button[data-toggle=collapse], .fontOptions__header .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button[data-toggle=collapse], .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons .fontOptions__header button[data-toggle=collapse] {
    display: none;
  }
}
.fontOptions__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
.fontOptions__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: white;
}
.fontOptions__body.collapse {
  display: none;
}
.fontOptions__body.collapse.show {
  display: flex;
}
@media (min-width: 992px) {
  .fontOptions__body.collapse {
    display: flex;
  }
}
.fontOptions__type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #ddd;
  border-top: 0;
}
@media (min-width: 992px) {
  .fontOptions__type {
    flex-wrap: nowrap;
  }
}
.fontOptions__type + .fontOptions__type {
  padding-top: 1rem;
}
.fontOptions__left {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
}
.fontOptions__left .title {
  font-weight: 700;
}
.fontOptions__left .description {
  font-style: italic;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .fontOptions__left {
    max-width: 25%;
    justify-content: center;
  }
}
.fontOptions__right {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
@media (min-width: 992px) {
  .fontOptions__right {
    max-width: 75%;
    padding: 1rem;
  }
}
.fontOptions__right .form-group > label {
  font-weight: 700;
  font-style: italic;
}

body.lifetime-page-suiteDreams {
  background: #fbfbfb;
}
body.lifetime-page-suiteDreams .main-wrapper {
  height: calc(100% - 150px);
}
body.lifetime-page-suiteDreams .appsumo-container {
  max-width: 1200px;
}
body.lifetime-page-suiteDreams sd-suite-dreams {
  text-align: center;
}
body.lifetime-page-suiteDreams .lifetime-header-logo {
  padding: 10px 0;
}
body.lifetime-page-suiteDreams .lifetime-header-logo img {
  width: 100%;
  max-width: 120px;
}
body.lifetime-page-suiteDreams .lifetime__img-wrap {
  margin: 5px auto 2rem;
  max-width: 300px;
}
body.lifetime-page-suiteDreams .lifetime-description {
  margin: 18px auto;
}
@media (min-width: 576px) {
  body.lifetime-page-suiteDreams .lifetime-description {
    margin: 33px auto;
  }
}
body.lifetime-page-suiteDreams .lifetime__email-input-block {
  max-width: 400px;
  margin: 0 auto 34px;
}
body.lifetime-page-suiteDreams .lifetime__email-input-block input.form-control {
  border-radius: 10px;
  font-family: "Montserrat", sans-serif !important;
  color: #333 !important;
}
body.lifetime-page-suiteDreams .lifetime__email-input-block input::placeholder {
  color: #BBBBBB !important;
  font-size: inherit !important;
  font-family: inherit !important;
}
body.lifetime-page-suiteDreams h1,
body.lifetime-page-suiteDreams .h1 {
  font-size: 24px;
  line-height: 1.5;
}
body.lifetime-page-suiteDreams h2, body.lifetime-page-suiteDreams .h2 {
  font-size: 20px;
  line-height: 1.5;
}
body.lifetime-page-suiteDreams h3, body.lifetime-page-suiteDreams .h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.54;
}
body.lifetime-page-suiteDreams .suitedream-font {
  font-family: "Montserrat", sans-serif;
}
body.lifetime-page-suiteDreams .btn.suitedreams-btn, body.lifetime-page-suiteDreams .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.suitedreams-btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.lifetime-page-suiteDreams button.suitedreams-btn, body.lifetime-page-suiteDreams .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.suitedreams-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.lifetime-page-suiteDreams button.suitedreams-btn {
  background: #E91764;
  border-radius: 45px;
  font-weight: 400 !important;
  margin: 0 auto 20px;
}
body.lifetime-page-suiteDreams .suitedream-primary {
  color: #E91763;
}
body.lifetime-page-suiteDreams .suitedream-secondary {
  color: #197374;
}
body.lifetime-page-suiteDreams .suitedream-dots {
  width: 100%;
  max-width: 200px;
  margin: 12px auto 23px;
}
body.lifetime-page-suiteDreams .suitedream-text {
  font-size: 12px;
  color: #197374;
}
body.lifetime-page-suiteDreams .suitedream-text > a {
  color: #197374;
}
@media (min-width: 1536px) {
  body.lifetime-page-suiteDreams .lifetime-header-logo img {
    max-width: 486px;
  }
  body.lifetime-page-suiteDreams .lifetime__img-wrap {
    max-width: 400px;
  }
  body.lifetime-page-suiteDreams h1, body.lifetime-page-suiteDreams .h1 {
    font-size: 30px;
  }
  body.lifetime-page-suiteDreams h2, body.lifetime-page-suiteDreams .h2 {
    font-size: 25px;
  }
  body.lifetime-page-suiteDreams h3, body.lifetime-page-suiteDreams .h3 {
    font-size: 20px;
  }
  body.lifetime-page-suiteDreams .lifetime__email-input-block input {
    height: 68px !important;
    padding: 5px 24px;
    font-size: 22px;
  }
  body.lifetime-page-suiteDreams .btn.suitedreams-btn, body.lifetime-page-suiteDreams .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.suitedreams-btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.lifetime-page-suiteDreams button.suitedreams-btn, body.lifetime-page-suiteDreams .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.suitedreams-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.lifetime-page-suiteDreams button.suitedreams-btn {
    font-size: 29px;
    padding: 21px 33px;
  }
}
@media (min-width: 1280px) {
  body.lifetime-page-suiteDreams .lifetime-header-logo img {
    max-width: 340px;
  }
  body.lifetime-page-suiteDreams .lifetime__img-wrap {
    max-width: 320px;
  }
  body.lifetime-page-suiteDreams h1, body.lifetime-page-suiteDreams .h1 {
    font-size: 25px;
  }
  body.lifetime-page-suiteDreams h2, body.lifetime-page-suiteDreams .h2 {
    font-size: 20px;
  }
  body.lifetime-page-suiteDreams h3, body.lifetime-page-suiteDreams .h3 {
    font-size: 16px;
  }
  body.lifetime-page-suiteDreams .lifetime__email-input-block input {
    height: 52px !important;
    padding: 5px 24px;
    font-size: 18px;
  }
  body.lifetime-page-suiteDreams .btn.suitedreams-btn, body.lifetime-page-suiteDreams .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.suitedreams-btn, .contact-forms.create-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.lifetime-page-suiteDreams button.suitedreams-btn, body.lifetime-page-suiteDreams .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons button.suitedreams-btn, .contact-forms.edit-form #formFieldsSortable .field-block .label-block label .editable-container .form-inline > .control-group > div .editable-buttons body.lifetime-page-suiteDreams button.suitedreams-btn {
    font-size: 21px;
    padding: 16px 24px;
  }
}
@media (min-width: 992px) {
  body.lifetime-page-suiteDreams .lifetime__img-wrap {
    max-width: 30%;
  }
  body.lifetime-page-suiteDreams .lifetime__email-input-block input {
    padding: 5px 20px;
  }
  body.lifetime-page-suiteDreams .suitedream-text {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  body.lifetime-page-suiteDreams .lifetime-header-logo {
    padding: 18px 0;
  }
  body.lifetime-page-suiteDreams .lifetime-header-logo img {
    max-width: 30%;
  }
  body.lifetime-page-suiteDreams .lifetime__img-wrap {
    max-width: 40%;
  }
  body.lifetime-page-suiteDreams .lifetime__email-input-block input {
    padding: 5px 16px;
  }
  body.lifetime-page-suiteDreams .suitedream-text {
    font-size: 14px;
  }
  body.lifetime-page-suiteDreams .suitedream-dots {
    max-width: 400px;
  }
}
@media (min-width: 600px) {
  body.lifetime-page-suiteDreams .lifetime__img-wrap {
    max-width: 50%;
  }
}
@media (min-width: 430px) {
  body.lifetime-page-suiteDreams .lifetime-header-logo img {
    max-width: 30%;
  }
}

.suite-dreams__title {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ddd;
}

.suite-dreams-logo.lifetime__img-wrap {
  margin-bottom: 16px;
}
.suite-dreams-logo.lifetime__img-wrap img {
  height: 160px;
}

.suite-dreams-counter {
  margin-bottom: 18px;
}
.suite-dreams-counter img {
  height: 130px;
  object-fit: contain;
}

.suite-dreams__festive-text {
  margin-bottom: 0;
  font-size: 25px;
  color: #E91763;
}

.suite-dreams__secondary-text {
  margin-bottom: 1rem;
  font-size: 18px;
  color: #197374;
  line-height: 1;
}

.suite-dreams-upgrade {
  gap: 18px;
}
.suite-dreams-upgrade .suite-dreams__upgrade-btn {
  padding: 0 25px;
  height: 60px;
  color: #ffffff;
  font-size: 24px;
  background-color: #E91763;
  border-radius: 50px;
  border: 4px solid #fff;
}
.suite-dreams-upgrade .suite-dreams__upgrade-btn:hover {
  background-color: #2B969E;
  border: 4px solid #63BEC9;
}
.suite-dreams-upgrade .suite-dreams__upgrade-text {
  font-size: 17px;
  color: #197374;
}

.suite-dreams-pricing .suite-dreams-pricing-item.text-right .suite-dreams-upgrade {
  margin-left: auto;
}
.suite-dreams-pricing .suite-dreams-pricing-item.text-left .suite-dreams-upgrade {
  margin-right: auto;
}
.suite-dreams-pricing .suite-dreams-pricing-item.mx-auto {
  text-align: center !important;
}
.suite-dreams-pricing .suite-dreams-pricing-item.mx-auto .suite-dreams-upgrade {
  margin-left: auto;
  margin-right: auto;
}

.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__flexible-fields {
  gap: 16px;
  justify-content: flex-start;
}
.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__field-group {
  display: flex;
  flex-direction: column;
  max-width: 318px;
  min-width: 318px;
}
.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error {
  text-align: left;
}
.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__field-group:first-child,
.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__field-group:nth-child(2) {
  flex: 1 1 auto;
  max-width: unset;
}
.suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__notice-of-collection {
  width: 100%;
}
.suite-dreams-main .address-form-block .form-input-wrap {
  text-align: left;
}

.braintree-form__field-group {
  display: flex;
}

@media (max-width: 768px) {
  .suite-dreams-logo.lifetime__img-wrap {
    margin-bottom: 1rem;
  }
  .suite-dreams-logo.lifetime__img-wrap img {
    height: 160px;
  }
  .suite-dreams-counter {
    margin-bottom: 10px;
  }
  .suite-dreams-counter img {
    height: 60px;
  }
  .suite-dreams__festive-text {
    margin-bottom: 1rem;
    font-size: 22px;
    line-height: 1.4;
  }
  .suite-dreams__secondary-text {
    margin-bottom: 1rem;
    font-size: 14px;
  }
  .suite-dreams-upgrade {
    gap: 12px;
  }
  .suite-dreams-upgrade .suite-dreams__upgrade-btn {
    padding: 0 32px;
    height: 54px;
    font-size: 20px;
  }
  .suite-dreams-upgrade .suite-dreams__upgrade-text {
    font-size: 12px;
  }
  .suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form {
    gap: 0;
  }
  .suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__flexible-fields {
    gap: 0;
  }
  .suite-dreams-main .braintree-sheet__content.braintree-sheet__content--form .braintree-form__field-group {
    max-width: 100%;
    min-width: 100%;
  }
  .suite-dreams-pricing .suite-dreams-upgrade {
    gap: 12px;
  }
  .suite-dreams-pricing .suite-dreams-upgrade .suite-dreams__upgrade-btn {
    padding: 0 8px;
    height: 42px;
    font-size: 16px;
  }
}
.dashboard-organize-box {
  position: relative;
  container-type: inline-size;
  margin: 1rem 0.5rem;
  min-height: 535px;
  z-index: 999;
}
.dashboard-organize-box .dashboard-organize-box__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: -1px;
  padding: 1rem;
  width: 100%;
  border-bottom: 1px solid #E2E8F0;
}
@container (max-width: 480px) {
  .dashboard-organize-box .dashboard-organize-box__header {
    flex-direction: column;
    justify-content: center;
  }
  .dashboard-organize-box .dashboard-organize-box__header-title {
    text-align: center;
    max-width: 90% !important;
    min-width: 90% !important;
  }
}
.dashboard-organize-box .dashboard-organize-box__header-title {
  position: relative;
  flex: 1 1 auto;
  margin: 0;
  min-width: 75px;
  max-width: 27ch;
  white-space: nowrap;
  overflow: hidden;
}
.dashboard-organize-box .dashboard-organize-box__header-title::after {
  content: ""; /* Empty content */
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3ch; /* Adjust the fade width */
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
  pointer-events: none; /* Allow text selection */
}
.dashboard-organize-box .dashboard-organize-box__header-filters {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-width: 268px;
  max-width: 100%;
}
.dashboard-organize-box .dashboard-organize-box__header-filters button.filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
}
.dashboard-organize-box .dashboard-organize-box__header-filters button.filter-button svg {
  width: 15px;
  height: 15px;
  fill: #444;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dropdown-menu {
  width: auto;
  max-width: min-content;
  min-width: fit-content;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-right: 1rem;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dropdown-menu .dropdown-item svg {
  flex: 0 0 auto;
  margin-right: 0.25rem;
  width: 14px;
  height: 14px;
  fill: #777;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-inputs-wrap {
  gap: 0.25rem;
  min-width: 214px;
  max-width: calc(100% - 54px);
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item {
  flex: 1 1 auto;
  min-width: 105px;
  max-width: 100%;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item * {
  max-width: 100%;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item.dateRange {
  max-width: 105px;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item input,
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item .select2-container--default .select2-selection--single {
  max-height: 100% !important;
  min-height: 100% !important;
  height: 26px !important;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item .select2-container--default,
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item .select2-container--default .selection .select2-selection--multiple {
  padding: 0 !important;
  min-height: 26px !important;
  height: auto;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item .select2-container--default .selection .select2-selection--multiple .select2-selection__rendered {
  display: flex;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item input::placeholder {
  font-size: 12px;
  color: #a0a0a0 !important;
  line-height: 1.2;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dashboard-organize-box__filters-item .select2-selection__placeholder {
  font-size: 12px;
  color: #3d3d3d !important;
  line-height: 1.2;
}
.dashboard-organize-box .dashboard-organize-box__header-filters .dropdown.sort .dropdown-menu {
  right: -0.5rem;
  left: unset !important;
  width: auto;
  max-width: 350px;
  min-width: 16rem;
  transform: none !important;
}
.dashboard-organize-box .dashboard-organize-box__content {
  display: flex;
  flex-direction: column;
}
.dashboard-organize-box .dashboard-organize-box__content .no-results svg {
  width: 150px;
}
.dashboard-organize-box .dashboard-organize-box__content .no-results .no-results-img {
  width: 150px;
  height: 150px;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 10px 1rem 1rem;
  border-top: 1px solid #E2E8F0;
  overflow: hidden;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item:hover {
  cursor: pointer;
}
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox span {
  position: relative;
  width: 21px;
  height: 24px;
}
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox span::before {
  content: "";
  position: absolute;
  left: 5.5px;
  top: 2px;
  width: 10px;
  height: 14px;
  background-color: transparent;
  border: 1px solid #ddd;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  transition: border-color 0.3s;
}
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox:hover:not(.complete) span::before,
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox:hover:not(.complete),
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox.active:not(.complete) span::before,
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox.active:not(.complete) {
  border-color: #54A356;
}
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox.complete {
  background-color: #DCF0DB;
  border-color: #54A356;
}
.dashboard-organize-box .dashboard-organize-box__content .complete-task-checkbox.complete span::before {
  border-color: #54A356;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: calc(100% - (38px + 2rem + 92px));
  min-height: 58px;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__info {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  max-width: 100%;
  transition: all 0.25s ease-in-out;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__title {
  margin: 0;
  max-width: 100%;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}
.dashboard-organize-box .dashboard-organize-box__content .first-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  font-size: 11px;
}
.dashboard-organize-box .dashboard-organize-box__content .first-row a,
.dashboard-organize-box .dashboard-organize-box__content .first-row span {
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999 !important;
  line-height: 1;
}
.dashboard-organize-box .dashboard-organize-box__content .first-row .dot-divider {
  align-self: center;
  margin: 0;
  width: 3px;
  height: 3px;
  line-height: 4px;
  border: none;
  border-radius: 50%;
  background-color: #999;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__statuses {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__statuses .category-pill {
  margin: 0;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__statuses-icons {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__statuses-icons .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__statuses-icons .icon svg {
  width: 100%;
  height: 100%;
  fill: #999;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__actions .button {
  padding: 0.25rem 0.5rem;
  font-size: 10px;
  border-radius: 3px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__actions .complete {
  border: 1px solid #eee;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__actions .cancel {
  color: #CA1700;
  background-color: #FFEBE9;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.25rem;
  margin-left: auto;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .timing {
  font-size: 11px;
  color: #999;
  line-height: 1;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .due-date {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  line-height: 1;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .due-date.completed {
  color: #2A9E92;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .due-date.pastDue {
  color: #940C00;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 6px;
  height: 18px;
  font-size: 8px;
  line-height: 1;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button span.text {
  margin-top: 1px;
  line-height: 1;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .button svg {
  width: 7px;
  height: 8px;
}
.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .counter {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding: 3px 5px;
  height: 100%;
  width: auto;
  background-image: none;
  line-height: 1;
}
.dashboard-organize-box .dashboard-organize-box__content .targets-avatar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
  cursor: pointer;
  overflow: hidden;
}
.dashboard-organize-box .dashboard-organize-box__content .targets-avatar figure {
  margin: 0;
  width: 100%;
  height: 100%;
}
.dashboard-organize-box .dashboard-organize-box__footer {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding: 10px 1rem;
  border-top: 1px solid #E2E8F0;
}
.dashboard-organize-box .dashboard-organize-box__footer .tasks-number {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dashboard-organize-box .dashboard-organize-box__footer .tasks-number span {
  font-size: 10px;
  color: #a0a0a0;
  font-weight: 300;
}
.dashboard-organize-box .dashboard-organize-box__footer .tasks-number svg {
  width: 11px;
  height: 10px;
  fill: #a0a0a0;
}
.dashboard-organize-box .dashboard-organize-box__footer .dashboard-organize-box__footer-btn {
  display: block;
  margin-left: auto;
  font-size: 10px;
  white-space: nowrap;
  color: #a0a0a0;
  background-color: transparent !important;
}
.dashboard-organize-box .dashboard-item {
  transition: border-right 0.1s, border-top 0.1s, font-weight 0.1s;
}
.dashboard-organize-box .dashboard-item .dashboard-item__title {
  color: #555;
  font-weight: 400;
  transition: color 0.1s, font-weight 0.1s;
}
.dashboard-organize-box .dashboard-item:hover {
  border-right: 3px solid #ccc;
  border-top: 1px solid #ddd;
  font-weight: 600 !important;
}
.dashboard-organize-box .dashboard-item:hover .dashboard-item__title {
  color: #333;
  font-weight: 600 !important;
}
.dashboard-organize-box .dashboard-item:hover .dashboard-item__title .dashboard-item__role {
  font-weight: 500;
}

.dashboard-organize-box .dashboard-organize-box__footer .dashboard-organize-box__footer-btn:hover {
  color: #444 !important;
  border-color: #bbb !important;
}

.defaultFilters {
  gap: 0.5rem;
}

.defaultFilters__item.dateRange {
  flex: 1 1 auto;
}

.defaultFilters__inputs-wrap {
  gap: 0.5rem;
}
.defaultFilters__inputs-wrap .defaultFilters__item:not(.dateRange) {
  width: 100%;
}

.dashboard-organize-box--invoices .dashboard-organize-box__content .dashboard-item__data .button {
  padding: 0 6px;
}

.reporting__export-format {
  width: auto;
}
.reporting__export-format .reporting__export-format-link svg {
  flex: 0 0 auto;
  fill: #888;
}
.reporting__export-format .reporting__export-format-link span {
  flex: 1 1 auto;
}

@media (max-width: 600px) {
  .dashboard-item__content.contact2-filter__info .contact2-filter__circles {
    display: flex;
    gap: 0.3rem;
  }
}
.sd-component-config-option {
  display: flex;
  align-items: center;
  gap: 25px;
  margin: 10px 0;
  padding: 0 1rem;
  height: 60px;
  border: 3px solid #e8e8e8;
  border-radius: 6px;
  cursor: pointer;
}
.sd-component-config-option .sd-component-config-option__titles {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.sd-component-config-option h5,
.sd-component-config-option p {
  margin: 0;
  line-height: 1;
}
.sd-component-config-option p {
  font-size: 10px;
  color: #555;
}
.sd-component-config-option .sd-component-config-option__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sd-component-config-option .sd-component-config-option__icon svg {
  width: 30px;
  height: 30px;
  fill: #333;
}
.sd-component-config-option .sd-component-config-option__check-mark-icon {
  position: relative;
  flex: 0 0 auto;
  margin-left: auto;
  width: 32px;
  height: 32px;
}
.sd-component-config-option .sd-component-config-option__check-mark-icon.active {
  border: 2px solid #2A780F;
  border-radius: 50%;
}
.sd-component-config-option .sd-component-config-option__check-mark-icon.active::before {
  content: "";
  position: absolute;
  opacity: 1;
  top: 45%;
  left: 22%;
  width: 12px;
  height: 18px;
  background-color: transparent;
  border: 4px solid #2A780F;
  border-left: none;
  border-top: none;
  transform: rotate(45deg) translate(-50%, -50%);
}
.sd-component-config-option .sd-component-config-option__check-mark-icon.notActive::before {
  content: "";
  position: absolute;
  display: block;
  top: 9px;
  right: 10px;
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 2px solid #333;
  border-radius: 2px;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg) skew(3deg, 3deg);
}
.sd-component-config-option[aria-expanded=true] .notActive::before {
  transform: rotate(135deg) skew(3deg, 3deg);
}

@media (max-width: 768px) {
  .sd-component-config-option {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }
}
.mobileMenu {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1501;
  background-color: #fff;
}
.mobileMenu .ml--header {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.75em 2.5em;
  height: 60px;
}
.mobileMenu .ml--header .ml--back {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(100%, -50%);
  opacity: 0;
  transition: all 0.3s ease;
}
.mobileMenu .ml--header .ml--back:after {
  left: 32%;
}
.mobileMenu .ml--header .ml--title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 1rem;
  right: auto;
  padding: 0;
  font-size: 1.2rem;
}
.mobileMenu .ml--header .ml--title svg {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
  fill: #fff;
  stroke: #fff;
}
.mobileMenu .ml--header .ml--title span {
  font-size: 1rem;
}
.mobileMenu .ml--header .ml--close {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.mobileMenu .ml--header .ml--close:before, .mobileMenu .ml--header .ml--close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #fff;
}
.mobileMenu .ml--header .ml--close:before {
  transform: translateY(-50%) rotate(45deg);
}
.mobileMenu .ml--header .ml--close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.mobileMenu .ml--wrapper .ml--title {
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.mobileMenu .ml--wrapper.ml--wrapper-activated .ml--back {
  transform: translate(0, -50%);
  transition: all 0.3s ease;
  opacity: 1;
}
.mobileMenu .ml--wrapper.ml--wrapper-activated .ml--title {
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.mobileMenu .ml--menu {
  max-height: 100svh;
  padding-top: 60px;
}
.mobileMenu .ml ul {
  padding-top: 60px;
}
.mobileMenu .ml .ml--dropdown.ml--dropdown-open.ml--dropdown-active li a:not(.menu-item-add-url) {
  padding-left: 1em;
}
.mobileMenu .ml li {
  width: 100%;
}
.mobileMenu .ml li > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  padding-left: 55px;
  padding-right: 2.5em;
}
.mobileMenu .ml li > a.ripple:after {
  position: absolute;
  top: 50%;
  right: 1em;
  left: auto;
  width: 9px;
  height: 9px;
  opacity: 1;
  background: transparent;
}
.mobileMenu .ml li > a:hover svg, .mobileMenu .ml li > a:focus svg {
  color: #fff;
  stroke: #fff;
  fill: #fff;
}
.mobileMenu .ml li > a:hover .menu-item-add-url, .mobileMenu .ml li > a:focus .menu-item-add-url {
  color: #fff;
}
.mobileMenu .ml li > a svg {
  position: absolute;
  left: 1rem;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  transform: translateY(-50%);
}
.mobileMenu .ml li > a span.hide-menu {
  display: inline;
}
.mobileMenu .ml .item-add-url {
  position: relative;
}
.mobileMenu .ml .item-add-url:hover .menu-item-add-url, .mobileMenu .ml .item-add-url:focus .menu-item-add-url {
  color: #fff;
}
.mobileMenu .ml .item-add-url > a:not(.menu-item-add-url) {
  padding: 0.7em 1em;
}
.mobileMenu .ml .item-add-url .menu-item-add-url {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
  background: transparent;
  font-size: 20px;
}
.mobileMenu .ml .item-add-url .menu-item-add-url:hover, .mobileMenu .ml .item-add-url .menu-item-add-url:focus {
  background: transparent;
  color: #333;
}

.navbar-nav .mobileMenuToggle a {
  font-size: 21px;
  color: #333;
  padding: 0 1em;
}
.navbar-nav .mobileMenuToggle a i {
  font-size: inherit;
  color: inherit;
}
@media (max-width: 374px) {
  .navbar-nav .mobileMenuToggle a {
    padding: 0 0.5em;
  }
}

body {
  -webkit-overflow-scrolling: touch;
}

.see-more-block {
  max-width: 100%;
  gap: 1rem;
}
.see-more-block .see-more-preview {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.see-more-block .see-more-preview::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgb(255, 255, 255) 50%);
  z-index: 5;
}

.see-more-btn {
  flex: 0 0 auto;
  gap: 6px;
  padding: 0 10px 0 0;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  border: none;
  border-radius: 10px;
  background-color: #ededed;
}
.see-more-btn svg {
  width: 16px;
  height: 16px;
  fill: #333;
  transition: all 0.3s ease;
}
.see-more-btn[aria-expanded=true] svg {
  transform: rotate(180deg);
}
/*# sourceMappingURL=mpa-style.css.map */