/* @group TYPOGRAPHY */

body {
	font-size: 16px;
	font-family: 'Rubik', Helvetica, sans-serif;
	color: #4c4c4c;
}

h1, h2, h3, h4, h5, h6 {
	color: #4c4c4c;
	font-family: "Montserrat", Helvetica, sans-serif;
	margin-bottom: 20px;
}

h1 {
	font-size: 1.875rem;
	font-weight: bold;
}

h2 {
	font-size: 1.5rem;
	font-weight: bold;
}

h3 {
	font-size: 1.25rem;
	font-weight: normal;
}

h4 {
	font-size: 1.0rem;
	font-weight: normal;
}

h5 {
	font-size: 0.875rem;
	font-weight: bold;
}

h6 {
	font-size: 0.75rem;
	font-weight: bold;
}

@media all and (max-width: 768px) {
	
	h1 {
		font-size: 1.5rem;
		font-weight: bold;
	}
	
	h2 {
		font-size: 1.25rem;
		font-weight: bold;
	}
	
	h3 {
		font-size: 1.125rem;
		font-weight: normal;
	}
	
	p {
		font-size: 0.85rem;
	}
}

p {
	margin-bottom: 20px;
}

.lead-insights-content h1 {
	font-size: 1.50rem !important;
	font-weight: bold !important;
	color: #4c4c4c !important;
	margin-bottom: 12px !important;
}

.lead-insights-content h2 {
	font-size: 1.25rem !important;
	font-weight: bold !important;
	color: #4c4c4c !important;
	margin-bottom: 12px !important;
}

.lead-insights-content h3 {
	font-size: 1.125rem !important;
	font-weight: bold !important;
	color: #4c4c4c !important;
	margin-bottom: 12px !important;
}

.lead-insights-content strong {
	font-weight: 500;
}

.lead-insights-content blockquote {
    margin: 0 0 1rem;
    border-left: 5px solid #FF7E00;
    padding: 10px 16px;
    font-size: 1.125rem;
}

.tooltip {
	z-index: 1101;
}

.text-balance {
	text-wrap: balance;
}

.text-wrap {
	white-space: normal !important;
}

.heading-lines {
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* text-align: center; */
}

.heading-lines:before,
.heading-lines:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 49%;
    height: 1px;
    content: '\a0';
    background-color: #cccccc;
    margin-left: 1%;
}

.heading-lines:before {
    margin-left: -50%;
    text-align: right;
}

pre {
	font-size: 0.75rem;
	white-space: pre-wrap;
}

.bg-md-light audio::-webkit-media-controls-play-button,
.bg-md-light audio::-webkit-media-controls-panel {
	background-color: #ffffff;
}

.text-underline {
	text-decoration: underline !important;
}

.z-index-top {
	z-index: 2147483647;
}

.font-weight-md {
	font-weight: 500;
}

.font-xs {
	font-size: 0.75rem;
}

.font-small {
	font-size: 0.85rem;
}

.font-standard {
	font-size: 1rem !important;
}

.font-large {
	font-size: 1.125rem !important;
}

.font-xlarge {
	font-size: 1.5rem !important;
}

.font-medium i {
	font-size: 1.5rem;
}

i.font-medium {
	font-size: 1.5rem;
}

.font-large i {
	font-size: 2rem;
	line-height: 3rem;
}

.font-xlarge i {
	font-size: 3rem;
	line-height: 4rem;
}

.font-60 {
	font-size: 60px;
	line-height: 1;
}

.font-heading {
	font-family: "Montserrat", Helvetica, sans-serif;
}

.font-body {
	font-family: 'Rubik', Helvetica, sans-serif;
}

.gap-1 {
	gap: 4px;
}

.gap-2 {
	gap: 8px;
}

.gap-3 {
	gap: 12px;
}

.gap-4 {
	gap: 16px;
}

.gap-5 {
	gap: 20px;
}

.gap-10 {
	gap: 40px;
}

.gap-20 {
	gap: 80px;
}

.m-45 {
  margin: 2.125rem !important;
}

.mt-45,
.my-45 {
  margin-top: 2.125rem !important;
}

.mr-45,
.mx-45 {
  margin-right: 2.125rem !important;
}

.mb-45,
.my-45 {
  margin-bottom: 2.125rem !important;
}

.ml-45,
.mx-45 {
  margin-left: 2.125rem !important;
}

.m-6 {
  margin: 3.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 3.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 3.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 3.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 3.5rem !important;
}

.m-7 {
  margin: 4rem !important;
}

.mt-7,
.my-7 {
  margin-top: 4rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 4rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 4rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 4rem !important;
}

.m-8 {
  margin: 5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 5rem !important;
}

.m-9 {
  margin: 5.5rem !important;
}

.mt-9,
.my-9 {
  margin-top: 5.5rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 5.5rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 5.5rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 5.5rem !important;
}

.m-10 {
  margin: 6rem !important;
}

.mt-10,
.my-10 {
  margin-top: 6rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 6rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 6rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 6rem !important;
}

.gutter {
	cursor: col-resize;
	height: 100%;
	width: 100%;
	background:#f2f2f2;
}

.gutter:hover {
	background: #eaeaea;
}

.star-1 { color: #F9C727; } /* hard red */
.star-2 { color: #F9C727; } /* pink/light red */
.star-3 { color: #F9C727; } /* yellow */
.star-4 { color: #F9C727; } /* light green */
.star-5 { color: #F9C727; } /* hard red again */

.rating-stars i {
	font-size: 24px;
}

.text-color-body {
	color: #4c4c4c;
}

.text-color-primary {
	color: #1c547a !important;
}

.text-color-secondary,
.text-color-secondary h1,
.text-color-secondary h2,
.text-color-secondary h3,
.text-color-secondary h4,
.text-color-secondary h5 {
	color: #ff7e00 !important;
}

.text-color-lt-blue {
	color: #2c84bf !important;
}

.text-color-white {
	color: #ffffff;
}

.text-color-faded {
	color: #888888 !important;
}

.text-color-success {
	color: #27A745 !important;
}

.text-color-danger {
	color: #eb5757 !important;
}

.text-color-warning {
	color: #f9c727 !important;
}

.text-color-positive {
	color: #27A745 !important;
}

.text-color-negative {
	color: #aaaaaa !important;
}

.text-color-inactive {
	color: #aaaaaa !important;
}

.text-color-star-active {
	color: #f9c727 !important;
}

.text-color-star-inactive {
	color: #cccccc !important;
}


.color-emoryday-light {
	color: #2A7EB7;
}

.color-red {
	color: #D50000;
}

.bg-red {
	background-color: #D50000;
}

.color-ruby {
	color: #ed7673;
}

.bg-ruby {
	background-color: #ed7673;
}

.color-purple {
	color: #ba68c8;
}

.bg-purple {
	background-color: #ba68c8;
}

.color-aqua {
	color: #26c6da;
}

.bg-aqua {
	background-color: #26c6da;
}

.color-ocean {
	color: #00acc1;
}

.bg-ocean {
	background-color: #00acc1;
}

.color-teal {
	color: #26a69a;
}

.bg-teal {
	background-color: #26a69a;
}

.color-lime {
	color: #66bb6a;
}

.bg-lime {
	background-color: #66bb6a;
}

.color-sky {
	color: #039be5;
}

.bg-color-sky {
	background-color: #039be5;
}

.color-blue {
	color: #337fff;
}

.bg-blue {
	background-color: #337fff;
}

.color-lavender {
	color: #7886cb;
}

.bg-lavender {
	background-color: #7886cb;
}

.color-yellow {
	color: #e4c440;
}

.bg-yellow {
	background-color: #e4c440;
}

.color-gold {
	color: #ffb300;
}

.bg-gold {
	background-color: #ffb300;
}

.color-orange {
	color: #fb8c00;
}

.bg-orange {
	background-color: #fb8c00;
}

.color-gray {
	color: #607d8b;
}

.bg-gray {
	background-color: #607d8b;
}

.color-forest {
	color: #43A047;
}

.bg-forest {
	background-color: #43A047;
}

.color-moss {
	color: #AFB42B;
}

.bg-moss {
	background-color: #AFB42B;
}

.color-magenta-dark {
	color: #AB47BC;
}

.bg-magenta-dark {
	background-color: #AB47BC;
}

.color-pink {
	color: #F06292;
}

.bg-pink {
	background-color: #F06292;
}

.color-cobalt {
	color: #1976D2;
}

.bg-cobalt {
	background-color: #1976D2;
}

.color-sky {
	color: #039be5;
}

.icon-boxed.bg-sky {
	background-color: #039be5;
}


.or-separator {
    display:table;
    width:100%;
}

.or-separator span {
	color: #aaaaaa;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:1.0em;
    white-space:nowrap;
    padding: .125em .375em;
}

.or-separator::before,
.or-separator::after {
    content:"";
    display:table-cell;
    width:50%;
    vertical-align:middle;
background:-webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(0,0,0,0)), color-stop(44%, rgba(0,0,0,1)), color-stop(45%, rgba(221,221,221,1)), color-stop(46%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
}


.pp-color-active {
	color: #1c547a;
}

.pp-color-in-progress {
	color: #ff7e00;
}

.pp-color-completed {
	color: #27a745;
}

.pp-color-cancelled {
	color: #aaaaaa;
}

.pp-color-overdue {
	color: #eb5757;
}

.text-billing-overdue,
.text-billing-refund,
.text-account-overdue,
.text-account-closed {
	color: #eb5757;
	font-weight: 500;
}

.text-billing-paid,
.text-billing-payment,
.text-account-current,
.text-account-open {
	color: #27a745;
	font-weight: 500;
}

.text-account-hold {
	color: #ff7e00;
	font-weight: 500;
}

.text-billing-unpaid {
	color: #2c84bf;
	font-weight: 500;
}

.text-billing-void,
.text-account-inactive,
.text-account-archived {
	color: #b1b1b1;
	font-weight: 500;
}

.text-website-status-live,
.text-website-tracking-present,
.text-website-plugin-activated,
.text-website-contact-enabled-live {
	color: #27A745;
}

.text-website-status-dev,
.text-website-contact-enabled-draft {
	color: #ff7e00;
}

.text-website-status-suspend,
.text-website-tracking-missing,
.text-website-plugin-deactivated {
	color: #eb5757;
}

.text-website-status-delete,
.text-website-tracking-unavailable,
.text-website-plugin-unable-install,
.text-website-contact-disabled {
	color: #b1b1b1;
}

.text-website-tracking-js-exception {
	color: #f9c727;
}

.text-time-under {
	color: #27a745 !important;
}

.text-time-warning {
	color: #ff7e00 !important;
}

.text-time-over {
	color: #eb5757 !important;
}

.text-support {
	color: #ff7e00 !important;
}

.text-reward {
	color: #27a745 !important;
}

.text-top-up {
	color: #2c84bf !important;
}

a {
	color: #ff7e00;
}

a:hover, a.active {
	color: #cc6600;
	text-decoration: none;
}

a:focus {outline: none;}

.link-primary {
	color: #1c547a !important;
}

.link-primary:hover {
	color: #12354d !important;
}

.link-primary-lt-blue {
	color: #1c547a !important;
}

.link-primary-lt-blue:hover {
	color: #2c84bf !important;
}

.link-secondary {
	color: #ff7e00 !important;
}

.link-secondary:hover {
	color: #cc6600 !important;
}

.link-primary-secondary {
	color: #1c547a !important;
}

.link-primary-secondary:hover {
	color: #ff7e00 !important;
}

.link-faded-secondary {
	color: #888888 !important;
}

.link-faded-secondary:hover {
	color: #ff7e00 !important;
}

.link-light-primary {
	color: #aaaaaa !important;
}

.link-light-primary:hover {
	color: #1C547A !important;
}

.link-light-secondary {
	color: #aaaaaa !important;
}

.link-light-secondary:hover {
	color: #ff7e00 !important;
}

.link-success {
	color: #27a745 !important;
}

.link-inactive {
	color: #aaaaaa !important;
}

.link-inactive-success {
	color: #aaaaaa !important;
}

.link-inactive-success:hover {
	color: #27a745 !important;
}

.link-inactive-success:hover i {
	font-weight: 900;
}

.link-inactive-danger {
	color: #aaaaaa !important;
}

.link-inactive-danger:hover {
	color: #eb5757 !important;
}

.link-danger-inactive {
	color: #eb5757 !important;
}

.link-danger-inactive:hover {
	color: #aaaaaa !important;
}

li.active > a {
	color: #ff7e00;
}

small a,
small a i {
	color: #858585 !important;
}

small a:hover {
	color: #ff7e00 !important;
}

a.link-faded {
	color: #858585;
}

a.link-faded:hover {
	color: #ff7e00;
}

a.link-inactive {
	color: #aaaaaa;
}

a.link-inactive:hover {
	color: #ff7e00;
}

a.link-interface-secondary {
	color: #8a8a8a;
}

a.link-interface-secondary:hover {
	color: #ff7e00;
}

a.link-interface-secondary i {
	font-size: 20px;
}

.link-lt-blue {
	color: #2c84bf !important;
}

.link-lt-blue:hover {
	color: #1c547a !important;
}

/* @end */

/* @group HELPER CLASSES */

.position-left {
	position: absolute;
	left: 0;
}

.position-right {
	position: absolute;
	right: 0;
}

.w-5 {
	width:5%!important;
}

.w-10 {
	width:10%!important;
}

.w-20 {
	width:20%!important;
}

.w-30 {
	width:30%!important;
}

.w-33 {
	width:33.33%!important;
}

.w-40 {
	width:40%!important;
}

.w-60 {
	width:60%!important;
}

.w-70 {
	width:70%!important;
}

.w-80 {
	width:80%!important;
}

.w-90 {
	width:90%!important;
}

@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-90 {
        width: 90% !important;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-10 {
        width: 10% !important;
    }

	.w-sm-auto {
		width: auto !important;
	}
}

@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-90 {
        width: 90% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }
	.w-md-auto {
		width: auto !important;
	}
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

	.w-lg-auto {
		width: auto !important;
	}
}

@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }
    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

	.w-xl-auto {
		width: auto !important;
	}
}

.h-50 {
	height: 50% !important;
}

.h-60 {
	height: 60% !important;
}

.h-70 {
	height: 70% !important;
}

.h-75 {
	height: 75% !important;
}

.h-80 {
	height: 80% !important;
}

.h-90 {
	height: 90% !important;
}

.h-100 {
	height: 100% !important;
}

.contain-to-xxs {
	max-width: 480px !important;
}

.contain-to-xs {
	max-width: 576px !important;
}

.contain-to-sm {
	max-width: 768px !important;
}

.contain-to-md {
	max-width: 992px;
}

.contain-to-lg {
	max-width: 1200px !important;
}

.contain-to-xl {
	max-width: 1400px !important;
}

.contain-to-account-switch {
	max-width: 610px !important;
}

@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}

@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}

@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}

@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}

.top-0 {
	top: 0;
}

.thin-scrollbar {
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(76, 76, 76, 0.35) transparent;
}

.thin-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.thin-scrollbar::-webkit-scrollbar {
	width: 10px;
}

.thin-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(76, 76, 76, 0.28) !important;
	background-clip: padding-box;
}

.thin-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(76, 76, 76, 0.42) !important;
}

.border-light {
	border-color: #dddddd !important;
}

.border-form-control {
	border-color: #ced4da !important;
}

.bg-primary {
	background-color: #1c547a !important;
}

.bg-secondary {
	background-color: #ff7e00 !important;
}

.bg-md-light {
	background: #f5f5f5;
}

.bg-md-gray {
	background: #eaeaea !important;
}

.bg-form-control {
	background: #f5f5f5 !important;
}

.bg-danger {
	background-color: #eb5757;
}

.bg-inactive {
	background-color: #aaaaaa;
}

.bg-archive {
	background-color: #cccccc;
}


.bg-lt-blue {
	background-color: #2c84bf !important;
}

.bg-sky {
	background-color: #F3F8FC;
}

.modal-backdrop.show,
.modal-backdrop.fade  {
	opacity: 0.8;
}

.pagination-styled a {
    font-size: 14px;
    padding: 6px 12px;
    margin: auto 1px;
    text-align: center;
    color: #4c4c4c;
    border-radius: 3px;
}

.pagination-styled a:hover,
.pagination-styled a.active {
    color: #ffffff;
    background: #ff7e00;
}

.table-sm {
	font-size: 85%;
}

.table th {
	color: #1c547a;
	background: #ffffff;
	font-weight: 500;
	border-bottom: 1px solid #cccccc !important;
}

.table-sm th {
	border-top: none;
}

.table-striped {
	border-bottom: 1px solid #dee2e6;
}

.table-striped tbody tr:nth-child(odd) {
	background: #f5f5f5;
}

.table.table-subtle thead th {
	font-weight: 400;
	font-size: 0.85rem;
	color: #4c4c4c;
}

.table td {
	vertical-align: middle;
}

.table.table-close {
	border-bottom: 1px solid #dee2e6;
}

.table-dropdown .dropdown-menu {
	max-height: 400px;
	overflow-y: auto;
}

.tbl-modal {
	font-size: 14px;
}

.tbl-modal th {
	font-weight: 400;
	padding: 8px 12px;
}

.tbl-modal td {
	vertical-align: top;
}

.tbl-modal th:first-child,
.tbl-modal td:first-child {
	text-align: left;
}

ul.list-table,
ul.list-table-xs,
ul.list-table-sm,
ul.list-table-md,
ul.list-table-lg,
ul.list-table-xl {
	list-style-type: none;
	padding: 0;
}

ul.list-table-xs li span {
	width: 50px;
	display: inline-block;
}

ul.list-table-sm li span {
	width: 100px;
	display: inline-block;
}

ul.list-table-md li span {
	width: 130px;
	display: inline-block;
}

ul.list-table-lg li span {
	width: 150px;
	display: inline-block;
}

ul.list-table-xl li span {
	width: 200px;
	display: inline-block;
}

.hide {
	display: none !important;
}

.loading {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.loading > div {
  width: 12px;
  height: 12px;
  background-color: #ff7e00;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: ed-bouncedelay 1.4s infinite ease-in-out both;
  animation: ed-bouncedelay 1.4s infinite ease-in-out both;
}

.loading .loading-bounce-1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading .loading-bounce-2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes ed-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes ed-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


.search-expand {
	position: relative;
}

#search-expand-toggle {
	transition: opacity 0.2s ease;
}

.search-expand.is-open #search-expand-toggle {
	opacity: 0;
	width: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	pointer-events: none;
}

.search-expand-field {
	width: 0;
	opacity: 0;
	overflow: hidden;
	margin-left: 0;
	position: relative;
	pointer-events: none;
	transition: width 0.2s ease, opacity 0.2s ease, margin-left 0.2s ease;
	background: #f2f2f2;
	border: none !important;
	border-radius: 9999px;
	
}

.search-expand.is-open .search-expand-field {
	width: 220px;
	opacity: 1;
	margin-left: 0.5rem;
	pointer-events: auto;
}

.search-expand-field .fa-search {
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	color: #9aa0a6;
	pointer-events: none;
}

#search-expand-input.form-control {
	/* height: 37px; */
	border: none !important;
	background: transparent;
	padding: 10px 8px 10px 2.15rem;
}

#search-expand-input.form-control:focus {
	box-shadow: none;
}

.field-element {
	color: #999999;
	background: #ffffff;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #ced4da;
	border-radius: 3px;
}

.progress-steps-container::before {
	content: "";
	background: #e0e0e0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 4px;
	width: 100%;
	z-index: -1;
}

.progress-steps-container {
	position: relative;
	display: flex;
	justify-content: space-between;
	max-width: 399px;
	margin: auto auto 30px auto;
}

.progress-steps {
	background: #b1b1b1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 4px;
	width: 0%;
	z-index: -1;
	transition: 0.4s ease;
}

.onboarding-progress-circle {
	background: #ffffff;
	color: #ffffff;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #e0e0e0;
	transition: .4s ease;
}

.onboarding-progress-circle.active {
	background: #1c547a;
	border-color: #1c547a;
}

.onboarding-progress-circle.complete {
	border-color: #b1b1b1;
	background: #b1b1b1;
}

.fa-stack-adjust {
	position:absolute;
	left: 0;
	top: -1px;
}

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

i.fas.active {
	color: #F9C727;
}

i.fas.inactive {
	color: #c1c1c1;
}

i.fa-arrow-up.positive,
i.fa-arrow-down.positive,
i.fa-arrow-circle-down.positive,
i.fa-arrow-circle-up.positive {
	color: #27A745 !important;
}

i.fa-arrow-up.negative,
i.fa-arrow-down.negative,
i.fa-arrow-circle-up.negative
i.fa-arrow-circle-down.negative {
	color: #aaaaaa !important;
}

.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.embed-responsive-9by16 {
	position: relative;
	padding-bottom: 177.7777777778%;
	height: 0;
	overflow: hidden;
}

.tox-editor-header {
	top: 59px !important;
}

.tox-tbtn--select[title='Blocks'] {
	width: 115px !important;
}

.tox-tbtn--select[title='Font sizes'] {
	width: 60px !important;
}

.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: 0.25em 0;
  position: relative;
}

.tox-checklist > li:not(.tox-checklist--hidden)::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: 0.125em;
  position: absolute;
  width: 1em;
}

.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.selectize-control .option .img img {
	width: 30px;
	height: 30px;
	border-radius: 999em;
	margin-right: 12px;
}

.selectize-control.multi .selectize-input>div {
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	margin: 0 3px 3px 0;
	padding: 1px 5px;
	background: #ff7e00;
}

.selectize-control.multi .selectize-input>div.active {
	color: #ffffff;
	background: #cc6600;
	border: none;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
	color: #333333 !important;
	border-radius: 3px;
	background: #f5f5f5;
	font-size: 15px;
}

.form-control.light .selectize-input {
	background: #ffffff !important;
}

.selectize-input.input-focus {
	border-color: #ff7e00 !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 126, 0, 0.4) !important;
	outline: 0 none !important;
}

.selectize-input.focus {
	border-color: #ff7e00;
	box-shadow: none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
	opacity: 1;
}

/* @end */

/* @group FORMS */

.alert {
	border-radius: 3px;
}

span.sys-feedback {
	font-size: 14px;
	font-family: 'Rubik', Helvetica, sans-serif;
	margin-left: 8px;
	color: #28a745;
}

input.rounded,
.btn.rounded {
	border-radius: 3px !important;
}

textarea.form-control:focus {
	box-shadow: none;
	border: 1px solid #ff7e00;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: #ff7e00;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 126, 0, 0.4);
	outline: 0 none !important;
}

select:focus,
select.form-control:focus {
	border-color: #ff7e00 !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 126, 0, 0.4) !important;
	outline: 0 none !important;
}

.form-control {
	color: #333333 !important;
	border-radius: 3px;
	background: #f5f5f5;
	font-size: 15px;
}

.form-control[readonly].flatpickr-input {
	background-color: #f5f5f5;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
	background: #ff7e00;
	border-color: #ff7e00;
}

.form-control.light {
	background: #ffffff;
}

input[type="text"].form-control.label {
	background: #ffffff;
	padding: 6px 12px;
	border: 1px solid #ffffff;
	border-radius: 3px !important;
}

input[type="text"].form-control.label.text-color-primary:hover {
	cursor: pointer;
	border: 1px solid #ff7e00;
}

input[type="text"].form-control.label:focus,
input[type="text"].form-control.label:active {
	background: #ffffff;
	border-color: #ff7e00;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 126, 0, 0.4) !important;
	outline: 0 none !important;
	cursor: text;
}

.form-control.label.text-color-primary {
	color: #1c547a !important;
}

.form-control.label:focus {
	box-shadow: none;
}

.form-control::-webkit-input-placeholder {
	color: #999999;
}

.form-control::-moz-placeholder {
	color: #999999;
}

.form-control:-ms-input-placeholder {
	color: #999999;
}

.input-group-append .btn {
	box-shadow: none;
}

.input-group-text {
	font-size: 15px;
}

.input-group select,
.input-group-prepend-select,
.input-group-append-select {
	height: 37px;
}

.input-group input[type=text],
.input-group input[type=email],
.input-group-append,
.input-group-prepend {
	height: 37px;
}

label {
	font-size: 0.85rem;
}

.no-shadow,
.no-shadow i {
	box-shadow: none !important;
}

@media screen and (max-width: 768px) {
	.btn.full-width {
		width: 100% !important;
	}
}

.btn {
	font-size: 15px;
}

.btn-group .btn {
	box-shadow: none;
}

.btn-pill {
	border-radius: 500px !important;
}

.btn-group-pill .btn:first-child {
  border-top-left-radius: 50rem;
  border-bottom-left-radius: 50rem;
}

.btn-group-pill .btn:last-child {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
}

.btn-xs {
	font-size: 12px;
	padding: 2px 8px;
}

.btn-sm-text {
	font-size: 13.6px;
}

.btn-xl {
	font-size: 18px;
	padding: 1rem;
}

.btn-ghost {
	font-weight: normal;
	background: none;
	border: none;
	padding: 0;
	box-shadow: none;
}

.btn-ghost.ghost-rounded:hover {
	background: #efefef;
	border-radius: 5px;
}
.btn-ghost.ghost-rounded.white.fa-beat:hover {
	background: #ffffff;
	border-radius: 5px;
}

.btn-ghost.ghost-circle.btn:hover {
	background: #efefef;
	border-radius: 9999px;
}

.btn-ghost.ghost-circle.white:hover {
	background: #ffffff;
	border-radius: 9999px;
}

.btn-ghost:focus {
	outline: 0;
	box-shadow: none;
}

.btn-ghost.lt-blue {
	color: #2c84bf;
}

.btn-ghost.lt-blue:hover {
	color: #226795;
}

/* TINYMCE BUTTON STYLES */
.tox .tox-button {
	color: #ffffff;
	background: #ff7e00 !important;
	border-color: #ff7e00 !important;
	transition: 0.3s;
}

.tox .tox-button:hover {
	color: #ffffff;
	background: #cc6600 !important;
	border-color: #cc6600 !important;
}

.tox .tox-button--secondary {
	background: #f0f0f0 !important;
	border-color: #f0f0f0 !important;
}

.tox .tox-button--secondary:hover {
	background: #e3e3e3 !important;
	border-color: #e3e3e3 !important;
}

.tox .tox-button--naked {
	color: #222f3e;
	background-color: transparent !important;
	border-color: transparent !important;
	transition: 0.3s;
}

.tox .tox-button--naked:hover {
	color: #222f3e !important;
	background: #e3e3e3 !important;
	border-color: #e3e3e3 !important;
}

/* END TINYMCE BUTTON STYLES */

/* START FROALA STYLES */

.fr-basic .fr-wrapper {
	z-index: 2 !important;
}

.fr-toolbar .fr-btn-grp {
    display: inline-block !important;
    margin: 0 !important;
}

.fr-toolbar .fr-command.fr-btn {
	height: 30px !important;
}

.fr-toolbar .fr-command.fr-btn svg,
.fr-toolbar .fr-command.fr-btn i {
	margin: 4px 2px !important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i {
	margin-right: 10px !important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
	top: 12px !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a i {
	text-align: center;
	width: 24px;
	margin: 8px 4px;
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
	height: 36px !important;
}

/* .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
	width: 40px;
} */

.fr-element[contenteditable]:focus {
	cursor: auto;
	outline: 0 !important;
	box-shadow: none !important;
}

/* END FROALA STYLES */

[contenteditable]:hover {
	cursor: pointer;
}

[contenteditable]:focus {
	cursor: auto;
	outline: 1px solid #ff7e00;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.editable-padding-md {
	padding: 6px;
}

.editable {
    cursor: pointer;
	transition: 0.3s ease;
}

.editable:not(.editing):hover {
    background-color: #fff6ed;
	border-radius: 3px;
}

.btn-primary:disabled {
	color: #ffffff;
	background: #1c547a !important;
	border-color: #1c547a !important;
	cursor: default;
	opacity: 0.3;
}

.btn-primary {
	color: #ffffff;
	text-transform: uppercase;
	background: #1c547a;
	border-color: #1c547a;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #ffffff;
	background: #12354d;
	border-color: #12354d;
}

.btn-primary i {
	margin-right: 0.75rem;
}

.btn-outline-primary {
	color: #1c547a !important;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #1c547a;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	color: #ffffff !important;
	background: #1c547a;
	border-color: #1c547a;
}

.btn-outline-primary i {
	margin-right: 0.75rem;
}

.btn-no-outline-primary {
	color: #1c547a !important;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-primary:hover,
.btn-no-outline-primary:active,
.btn-no-outline-primary:focus,
.btn-no-outline-primary:not(:disabled):not(.disabled):active,
.btn-no-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-primary.dropdown-toggle {
	color: #ffffff !important;
	background: #1c547a;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-primary i {
	margin-right: 0.75rem;
}

.btn-secondary {
	color: #ffffff;
	text-transform: uppercase;
	background: #ff7e00;
	border-color: #ff7e00;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
	color: #ffffff;
	background: #cc6600 !important;
	border-color: #cc6600 !important;
}

.btn-secondary i {
	margin-right: 0.75rem;
}

.btn-primary-secondary {
	color: #ffffff;
	text-transform: uppercase;
	background: #1c547a;
	border-color: #1c547a;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-primary-secondary:hover,
.btn-primary-secondary:active,
.btn-primary-secondary.active,
.btn-primary-secondary:focus,
.btn-primary-secondary:not(:disabled):not(.disabled).active,
.show > .btn-primary-secondary.dropdown-toggle {
	color: #ffffff;
	background: #ff7e00 !important;
	border-color: #ff7e00 !important;
}

.btn-primary-secondary i {
	margin-right: 0.75rem;
}

.btn-outline-secondary {
	color: #ff7e00;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #ff7e00;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
	color: #ffffff;
	background: #ff7e00;
	border-color: #ff7e00;
}

.btn-outline-secondary i {
	margin-right: 0.75rem;
}

.btn-no-outline-secondary {
	color: #1c547a !important;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-secondary-to-secondary {
	color: #ff7e00 !important;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-white-to-secondary {
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-secondary:hover,
.btn-no-outline-secondary:active,
.btn-no-outline-secondary:focus,
.btn-no-outline-secondary:not(:disabled):not(.disabled):active,
.btn-no-outline-secondary:not(:disabled):not(.disabled).active,
.btn-no-outline-secondary-to-secondary:hover,
.btn-no-outline-secondary-to-secondary:active,
.btn-no-outline-secondary-to-secondary:focus,
.btn-no-outline-white-to-secondary:hover,
.btn-no-outline-white-to-secondary:active,
.btn-no-outline-white-to-secondary:focus,
.show > .btn-no-outline-secondary.dropdown-toggle {
	color: #ffffff !important;
	background: #ff7e00;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-secondary i {
	color: inherit !important;
	margin-right: 0.75rem;
}

.btn-interface {
	color: #ffffff;
	text-transform: uppercase;
	background: #b1b1b1;
	border-color: #b1b1b1;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-interface:hover,
.btn-interface:active,
.btn-interface:focus,
.btn-interface:not(:disabled):not(.disabled):active,
.btn-interface:not(:disabled):not(.disabled).active,
.show > .btn-interface.dropdown-toggle {
	color: #ffffff;
	background: #8a8a8a;
	border-color: #8a8a8a;
}

.btn-interface i {
	margin-right: 0.75rem;
}

.btn-outline-interface {
	color: #b1b1b1;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #b1b1b1;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-interface:hover,
.btn-outline-interface:active,
.btn-outline-interface:focus,
.btn-outline-interface:not(:disabled):not(.disabled):active,
.btn-outline-interface:not(:disabled):not(.disabled).active,
.show > .btn-outline-interface.dropdown-toggle {
	color: #ffffff;
	background: #b1b1b1;
	border-color: #b1b1b1;
}

.btn-outline-interface i {
	margin-right: 0.75rem;
}

.btn-no-outline-interface {
	color: #8a8a8a;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-interface:hover,
.btn-no-outline-interface:active,
.btn-no-outline-interface:focus,
.btn-no-outline-interface:not(:disabled):not(.disabled):active,
.show > .btn-no-outline-interface.dropdown-toggle {
	color: #ffffff;
	background: #8a8a8a;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-faded i {
	margin-right: 0.75rem;
}

.btn-outline-warning:hover,
.btn-outline-warning:active,
.btn-outline-warning:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
	color: #ffffff !important;
	background: #f9c727;
	border-color: #f9c727;
}

.btn-outline-warning i {
	margin-right: 0.75rem;
}

.btn-light {
	color: #212529;
	text-transform: uppercase;
	background: #f8f9fa;
	border-color: #f8f9fa;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-light:hover,
.btn-light:active,
.btn-light.active,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
	color: #212529;
	background: #dae0e5 !important;
	border-color: #dae0e5 !important;
}

.btn-light i {
	margin-right: 0.75rem;
}

.btn-success {
	background: #27A745 !important;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-success:hover {
	background: #218838 !important;
}

.btn-success:disabled:hover {
	cursor: default;
}

.btn-success i {
	margin-right: 0.75rem;
}

.btn-outline-success {
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-no-outline-success {
	color: #1c547a !important;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-success:hover,
.btn-no-outline-success:active,
.btn-no-outline-success.active,
.btn-no-outline-success:focus,
.btn-no-outline-success:not(:disabled):not(.disabled):active,
.btn-no-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-success.dropdown-toggle {
	color: #ffffff !important;
	background: #27a745;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-success i {
	margin-right: 0.75rem;
}

.btn-danger {
	background: #eb5757;
	border-color: #eb5757;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-danger:disabled:hover {
	cursor: default;
}

.btn-danger i {
	margin-right: 0.75rem;
}

.btn-outline-danger {
	color: #eb5757;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #eb5757;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
	color: #ffffff;
	background: #eb5757;
	border-color: #eb5757;
}

.btn-outline-danger i {
	margin-right: 0.75rem;
}

.btn-no-outline-danger {
	color: #1c547a !important;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-danger:hover,
.btn-no-outline-danger:active,
.btn-no-outline-danger.active,
.btn-no-outline-danger:focus,
.btn-no-outline-danger:not(:disabled):not(.disabled):active,
.btn-no-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-danger.dropdown-toggle {
	color: #ffffff !important;
	background: #eb5757;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-danger i {
	margin-right: 0.75rem;
}

.btn-black {
	color: #ffffff;
	background: #4c4c4c;
	border-color: #4c4c4c;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-black:hover,
.btn-black:active,
.btn-black.active,
.btn-black:focus,
.btn-black:not(:disabled):not(.disabled).active,
.show > .btn-black.dropdown-toggle {
	color: #ffffff;
	background: #222222 !important;
	border-color: #222222 !important;
}

.btn-black i {
	margin-right: 0.75rem;
}

.btn-lt-blue {
	color: #ffffff;
	background: #2c84bf;
	border-color: #2c84bf;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-lt-blue:hover,
.btn-lt-blue:active,
.btn-lt-blue.active,
.btn-lt-blue:focus,
.btn-lt-blue:not(:disabled):not(.disabled).active,
.show > .btn-lt-blue.dropdown-toggle {
	color: #ffffff;
	background: #226795 !important;
	border-color: #226795 !important;
}

.btn-lt-blue i {
	margin-right: 0.75rem;
}

.btn-no-outline-faded {
	color: #ccc;
	text-transform: uppercase;
	border-radius: 3px;
}

.btn-no-outline-faded:hover,
.btn-no-outline-faded:active,
.btn-no-outline-faded:focus,
.btn-no-outline-faded:not(:disabled):not(.disabled):active,
.show > .btn-no-outline-faded.dropdown-toggle {
	color: #ffffff;
	background: #1c547a;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-faded i {
	margin-right: 0.75rem;
}


.nav-pills a {
	font-size: 14px;
	color: #1c547a !important;
	background: #ffffff;
	border-radius: 9999px !important;
	transition: 0.3s;
	padding: 5px 15px;
}

.nav-pills a:hover,
.nav-pills a.active {
	color: #ffffff !important;
	background: #1c547a !important;
}

.btn-no-outline-pill {
	color: #1c547a !important;
	text-transform: uppercase;
	border-radius: 500px !important;
}

.btn-no-outline-pill i {
	margin-right: 0.75rem;
}

.btn-no-outline.btn-orange:hover,
.btn-no-outline.btn-orange:active,
.btn-no-outline.btn-orange:focus,
.btn-no-outline.btn-orange:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-orange:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-orange:hover,
.btn-no-outline-pill.btn-orange:active,
.btn-no-outline-pill.btn-orange:focus,
.btn-no-outline-pill.btn-orange:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-orange.dropdown-toggle {
	color: #ffffff !important;
	background: #ff7e00;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline.btn-blue:hover,
.btn-no-outline.btn-blue:active,
.btn-no-outline.btn-blue:focus,
.btn-no-outline.btn-blue:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-blue:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-blue:hover,
.btn-no-outline-pill.btn-blue:active,
.btn-no-outline-pill.btn-blue:focus,
.btn-no-outline-pill.btn-blue:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-blue.dropdown-toggle {
	color: #ffffff !important;
	background: #1c547a;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline.btn-green:hover,
.btn-no-outline.btn-green:active,
.btn-no-outline.btn-green:focus,
.btn-no-outline.btn-green:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-green:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-green:hover,
.btn-no-outline-pill.btn-green:active,
.btn-no-outline-pill.btn-green:focus,
.btn-no-outline-pill.btn-green:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-green.dropdown-toggle {
	color: #ffffff !important;
	background: #27a745;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline.btn-red:hover,
.btn-no-outline.btn-red:active,
.btn-no-outline.btn-red:focus,
.btn-no-outline.btn-red:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-red:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-red:hover,
.btn-no-outline-pill.btn-red:active,
.btn-no-outline-pill.btn-red:focus,
.btn-no-outline-pill.btn-red:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-red:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-red.dropdown-toggle {
	color: #ffffff !important;
	background: #eb5757;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-gray-md {
	color: #ffffff;
	text-transform: uppercase;
	background: #aaaaaa;
	border-color: #aaaaaa;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-gray-md:hover,
.btn-gray-md:active,
.btn-gray-md.active,
.btn-gray-md:focus,
.btn-gray-md:not(:disabled):not(.disabled).active,
.show > .btn-gray-md.dropdown-toggle {
	color: #ffffff;
	background: #919191;
	border-color: #919191;
}

.btn-gray-md:disabled:hover {
	cursor: default;
}

.btn-gray-md i {
	margin-right: 0.75rem;
}

.btn-no-outline-pill.btn-gray-md {
	background: none;
	border: none;
}

.btn-no-outline.btn-gray-md:hover,
.btn-no-outline.btn-gray-md:active,
.btn-no-outline.btn-gray-md:focus,
.btn-no-outline.btn-gray-md:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-gray-md:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-gray-md:hover,
.btn-no-outline-pill.btn-gray-md:active,
.btn-no-outline-pill.btn-gray-md:focus,
.btn-no-outline-pill.btn-gray-md:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-gray-md:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-gray-md.dropdown-toggle {
	color: #ffffff !important;
	background: #aaaaaa;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-pill.btn-lt-blue {
	background: none;
	border: none;
}

.btn-no-outline.btn-lt-blue:hover,
.btn-no-outline.btn-lt-blue:active,
.btn-no-outline.btn-lt-blue:focus,
.btn-no-outline.btn-lt-blue:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-lt-blue:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-lt-blue:hover,
.btn-no-outline-pill.btn-lt-blue:active,
.btn-no-outline-pill.btn-lt-blue:focus,
.btn-no-outline-pill.btn-lt-blue:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-lt-blue:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-lt-blue.dropdown-toggle {
	color: #ffffff !important;
	background: #2c84bf !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}


.btn-gray-lt {
	color: #ffffff;
	text-transform: uppercase;
	background: #cccccc;
	border-color: #cccccc;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-gray-lt:hover,
.btn-gray-lt:active,
.btn-gray-lt.active,
.btn-gray-lt:focus,
.btn-gray-lt:not(:disabled):not(.disabled).active,
.show > .btn-gray-lt.dropdown-toggle {
	color: #ffffff;
	background: #B3B3B3;
	border-color: #B3B3B3;
}

.btn-gray-lt:disabled:hover {
	cursor: default;
}

.btn-gray-lt i {
	margin-right: 0.75rem;
}

.btn-no-outline-pill.btn-gray-lt {
	background: none;
	border: none;
}

.btn-no-outline.btn-gray-lt:hover,
.btn-no-outline.btn-gray-lt:active,
.btn-no-outline.btn-gray-lt:focus,
.btn-no-outline.btn-gray-lt:not(:disabled):not(.disabled):active,
.btn-no-outline.btn-gray-lt:not(:disabled):not(.disabled).active,
.btn-no-outline-pill.btn-gray-lt:hover,
.btn-no-outline-pill.btn-gray-lt:active,
.btn-no-outline-pill.btn-gray-lt:focus,
.btn-no-outline-pill.btn-gray-lt:not(:disabled):not(.disabled):active,
.btn-no-outline-pill.btn-gray-lt:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-pill.btn-gray-lt.dropdown-toggle {
	color: #ffffff !important;
	background: #cccccc;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-pill.btn-orange:hover i,
.btn-no-outline-pill.btn-orange:focus i,
.btn-no-outline-pill.btn-orange:active i,
.btn-no-outline-pill.btn-blue:hover i,
.btn-no-outline-pill.btn-blue:focus i,
.btn-no-outline-pill.btn-blue:active i,
.btn-no-outline-pill.btn-green:hover i,
.btn-no-outline-pill.btn-green:focus i,
.btn-no-outline-pill.btn-green:active i,
.btn-no-outline-pill.btn-red:hover i,
.btn-no-outline-pill.btn-red:focus i,
.btn-no-outline-pill.btn-red:active i,
.btn-no-outline-pill.btn-gray-md:hover i,
.btn-no-outline-pill.btn-gray-md:focus i,
.btn-no-outline-pill.btn-gray-md:active i,
.btn-no-outline-pill.btn-gray-lt:hover i,
.btn-no-outline-pill.btn-gray-lt:focus i,
.btn-no-outline-pill.btn-gray-lt:active i,
.btn-no-outline-pill.btn-lt-blue:hover i,
.btn-no-outline-pill.btn-lt-blue:focus i,
.btn-no-outline-pill.btn-lt-blue:active i  {
	color: #ffffff;
}

.btn-faded-to-secondary {
	color: #ffffff;
	text-transform: uppercase;
	background: #b1b1b1;
	border-color: #b1b1b1;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-faded-to-secondary:hover,
.btn-faded-to-secondary:active,
.btn-faded-to-secondary:focus,
.btn-faded-to-secondary:not(:disabled):not(.disabled):active,
.btn-faded-to-secondary:not(:disabled):not(.disabled).active,
.show > .btn-faded-to-secondary.dropdown-toggle {
	color: #ffffff;
	background: #ff7e00;
	border-color: #ff7e00;
}

.btn-faded-to-secondary i {
	margin-right: 0.75rem;
}

.btn.btn-icon i {
	margin-right: 0;
}

.btn-pp-no-outline-active,
.btn-pp-no-outline-active i {
	color: #1c547a !important;
	transition: 0.3s;
}

.btn-pp-no-outline-active:hover,
.btn-pp-no-outline-active:hover i,
.btn-pp-no-outline-active:active,
.btn-pp-no-outline-active:active i,
.btn-pp-no-outline-active.active i,
.btn-pp-no-outline-active:focus,
.btn-pp-no-outline-active:focus i,
.btn-pp-no-outline-active:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-active:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-active.dropdown-toggle {
	color: #ffffff !important;
	background: #1c547a !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-pp-no-outline-in-progress,
.btn-pp-no-outline-in-progress i {
	color: #ff7e00 !important;
	transition: 0.3s;
}

.btn-pp-no-outline-in-progress:hover,
.btn-pp-no-outline-in-progress:active,
.btn-pp-no-outline-in-progress:focus,
.btn-pp-no-outline-in-progress:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-in-progress:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-in-progress.dropdown-toggle {
	color: #ffffff !important;
	background: #ff7e00;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-pp-no-outline-in-progress:hover i,
.btn-pp-no-outline-in-progress:active i,
.btn-pp-no-outline-in-progress.active i,
.btn-pp-no-outline-in-progress:focus i,
.btn-pp-no-outline-in-progress:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-in-progress:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-in-progress.dropdown-toggle {
	color: #ffffff !important;
	background: #ff7e00;
}

.btn-pp-no-outline-completed,
.btn-pp-no-outline-completed i {
	color: #27a745 !important;
	transition: 0.3s;
}

.btn-pp-no-outline-completed:hover,
.btn-pp-no-outline-completed:active,
.btn-pp-no-outline-completed:focus,
.btn-pp-no-outline-completed:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-completed:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-completed.dropdown-toggle {
	color: #ffffff !important;
	background: #27a745;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-pp-no-outline-completed:hover i,
.btn-pp-no-outline-completed:active i,
.btn-pp-no-outline-completed.active i,
.btn-pp-no-outline-completed:focus i,
.btn-pp-no-outline-completed:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-completed:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-completed.dropdown-toggle {
	color: #ffffff !important;
	background: #27a745;
}

.btn-pp-no-outline-cancelled,
.btn-pp-no-outline-cancelled i {
	color: #aaaaaa !important;
	transition: 0.3s;
}

.btn-pp-no-outline-cancelled:hover,
.btn-pp-no-outline-cancelled:active,
.btn-pp-no-outline-cancelled:focus,
.btn-pp-no-outline-cancelled:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-cancelled:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-cancelled.dropdown-toggle {
	color: #ffffff !important;
	background: #aaaaaa;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-pp-no-outline-cancelled:hover i,
.btn-pp-no-outline-cancelled:active i,
.btn-pp-no-outline-cancelled.active i,
.btn-pp-no-outline-cancelled:focus i,
.btn-pp-no-outline-cancelled:not(:disabled):not(.disabled):active,
.btn-pp-no-outline-cancelled:not(:disabled):not(.disabled).active,
.show > .btn-pp-no-outline-cancelled.dropdown-toggle {
	color: #ffffff !important;
	background: #aaaaaa;
}

.btn-no-outline-2-line {
	font-size: 16px;
	color: #4c4c4c !important;
	text-transform: capitalize !important;
	border-radius: 3px;
	line-height: 1.3;
}

.btn-no-outline-2-line:hover,
.btn-no-outline-2-line:active,
.btn-no-outline-2-line:focus,
.btn-no-outline-2-line:not(:disabled):not(.disabled):active,
.btn-no-outline-2-line:not(:disabled):not(.disabled).active,
.show > .btn-no-outline-2-line.dropdown-toggle {
	color: #ffffff !important;
	background: #1c547a;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-no-outline-2-line i {
	margin-right: 0.75rem;
}

.hover-glow-secondary:hover {
    outline: 2px solid #FF7E00;
}

.label-status-in-progress {
	color: #ffffff;
	background: #ff7e00;
	padding: 8px;
	border-radius: 3px;
}

.label-status-completed {
	color: #ffffff;
	background: #27a745;
	padding: 8px;
	border-radius: 3px;
}

.show-more {
	display: flex;
	text-align: center;
}

.show-more:after,
.show-more:before {
	content: "";
	flex: 1;
	height: 1px;
	position: relative;
	top: 0.75rem;
	background-image: linear-gradient(90deg, #b1b1b1, #b1b1b1 75%, transparent 75%, transparent 100%);
	background-size: 8px;
}
.show-more:after {
	margin-left: 10px;
	margin-right: 20px;
}
.show-more:before {
	margin-right: 10px;
}

.show-more a {
	color: #b1b1b1;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 8px;
	transition: 0.3s;
}

.show-more a:hover {
	color: #b1b1b1;
	background: #f5f5f5;
	border-radius: 99em;
}

.btn.dropdown-toggle {
	text-transform: uppercase;
}

.dropdown-toggle.btn-secondary {
	color: #ffffff !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #ff7e00;
	background-color: #ff7e00;
}

.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25) !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ff7e00;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	color: #fff;
	background-color: #ff7e00;
	border-color: #ff7e00;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	border-color: red;
	background-color: red;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
	background-color: rgba(0, 123, 255, 0.5);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ff7e00;
}

.custom-checkbox label,
.custom-switch label {
	padding-top: 2px;
}

.custom-radio label {
	padding-top: 2px;
}

.custom-radio.radio-section .custom-control-label {
	display: block;
	cursor: pointer;
}

.custom-radio.radio-section {
	background: #f5f5f5;
	border: 1px solid #d9d9d9 !important;
	padding: 10px 5px 10px 40px;
	margin: 0px 0 10px 0;
	border-radius: 3px;
}

.custom-radio.radio-section h3,
.custom-radio.radio-section h4 {
	margin-bottom: 5px;
}

.hide-radio [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.hide-radio label:hover {
	cursor: pointer;
}

.hide-radio [type=radio]:checked + label .label {
	outline: 2px solid #80bdff;
}


.label {
	background: #eaeaea;
	white-space: nowrap;
	padding: 5px 10px;
	margin: 0 4px 4px 0;
}

.label.white {
	background: #ffffff;
	border: 1px solid #e1e1e1;
}

.label-pill {
	border-radius: 10rem;
}

.badge {
	vertical-align: text-top;
	font-weight: 500;
}

.badge:focus {
	outline: none !important;
	box-shadow: none !important;
}

.badge-primary {
	background: #1c547a;
}

.badge-primary:hover {
	background: #12354d;
}

.badge-secondary {
	background: #ff7e00;
}

.badge-secondary:hover {
	background: #cc6600 !important;
}

.badge-secondary:focus {
	background: #ff7e00 !important;
}

.badge-grayed {
	color: #ffffff;
	background: #cccccc;
}

.badge-grayed:hover {
	color: #ffffff;
	background: #ff7e00;
}

.badge-green {
	color: #ffffff;
	background: #27a745;
	font-weight: normal;
}

.badge-orange {
	color: #ffffff;
	background: #ff7e00;
	font-weight: normal;
}

.badge-blue {
	color: #ffffff;
	background: #1c547a;
	font-weight: normal;
}

.badge-light {
	color: #4c4c4c;
	background: #f2f2f2;
}

.badge-gray-md {
	color: #ffffff;
	background: #aaaaaa;
	font-weight: normal;
}

.badge-lt-blue {
	color: #ffffff;
	background: #2c84bf;
	font-weight: normal;
	padding-top: 4px;
}

.badge-inactive {
	color: #ffffff;
	background: #cccccc;
}

.badge-event-scheduled {
	color: #ffffff;
	background: #ff7e00;
	font-weight: normal;
}

.badge-event-confirmed {
	color: #ffffff;
	background: #27a745;
	font-weight: normal;
}

.badge-event-attended {
	color: #ffffff;
	background: #27a745;
	font-weight: normal;
}

.badge-event-rescheduled {
	color: #ffffff;
	background: #2c84bf;
	font-weight: normal;
}

.badge-event-cancelled {
	color: #ffffff;
	background: #eb5757;
	font-weight: normal;
}

.badge-event-attended {
	color: #ffffff;
	background: #27a745;
	font-weight: normal;
}

.badge-event-followup {
	color: #ffffff;
	background: #2c84bf;
	font-weight: normal;
}

.collapse-item {
	background: #ffffff;
	padding: 5px 16px 5px 16px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #dee2e6;
}

.collapse-item .collapse-trigger {
	cursor: pointer;
}

.sort .collapse-item:hover {
	cursor: move;
}

.collapse-item-header {
	color: #1c547a;
	display: flex;
	align-items: center;
}

.collapse-item-header i {
	font-size: 20px;
	line-height: 28px;
}

.collapse-item-header div {
	margin-right: 15px;
}

.collapse-item-header div:last-child {
	margin-right: 0;
}

.collapse-item-subsection {
	margin: 10px 0px 16px 40px;
}

.blocked-email-providers {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 60px;
}

.blocked-email-providers > * {
	flex: 0 0 160px;
	max-width: 100%;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #ff7e00;
}

.daterangepicker .ranges li.active {
	background-color: #ff7e00;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.gj-datepicker-bootstrap [role="right-icon"] button {
	    height: 36px;
	}
}

@supports (-moz-appearance:none) {
	.gj-datepicker-bootstrap [role="right-icon"] button {
	    height: 37px;
	}
}

.dropdown-item.active,
.dropdown-item:active {
	color: #16181b;
	background-color: #f3f3f3;
}

.bootstrap-select button {
	text-transform: none;
}

.bootstrap-select button:active i,
.bootstrap-select button:focus i {
	color: #ffffff;
}

.dd-multiselect button {
	text-transform: uppercase;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: inherit;
}

.form-control.dd-multiselect button {
	color: #333333;
	background: #f5f5f5;
	border: 1px solid #ced4da;
	text-transform: capitalize;
}

.form-control.dd-multiselect.show button {
	background: #f5f5f5;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: auto;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	color: #ff7e00;
}

.sales-detail-assignments .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	min-width: 270px;
}

.bootstrap-select .fas,
.bootstrap-select .far,
.bootstrap-select .fal,
.bootstrap-select .fad,
.bootstrap-select .fab {
	width: 20px;
	text-align: center;
}

.bootstrap-select .selectpicker-form-field {
	border: 1px solid #ced4da !important;
	text-transform: capitalize;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	box-shadow: none;
}

.selectpicker-img img {
	margin-right: 8px;
	height: 20px !important;
	width: 24px !important;
}

.filter-option-inner-inner img {
	max-height: 20px;
	margin-right: 8px;
}

.dropdown-shadow .dropdown-menu {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.30);
}

/* @end */

.color-picker-container {
	display: flex;
	flex-wrap: wrap;
}

.color-picker {
	width: 20px !important;
	height: 20px !important;
	border-radius: 5px;
	border: none;
	margin: 5px;
}

.color-picker.navy {
	background: #1C547A;
}

.color-picker.dark-blue {
	background: #2A7EB7;
}

.color-picker.red {
	background: #D50000;
}

.color-picker.ruby {
	background: #ed7673;
}

.color-picker.purple {
	background: #ba68c8;
}

.color-picker.aqua {
	background: #26c6da;
}

.color-picker.ocean {
	background: #00acc1;
}

.color-picker.teal {
	background: #26a69a;
}

.color-picker.lime {
	background: #66bb6a;
}

.color-picker.sky {
	background: #039be5;
}

.color-picker.blue {
	background: #337fff;
}

.color-picker.lavender {
	background: #7886cb;
}

.color-picker.yellow {
	background: #e4c440;
}

.color-picker.gold {
	background: #ffb300;
}

.color-picker.orange {
	background: #fb8c00;
}

.color-picker.gray {
	background: #607d8b;
}

.color-picker.light-gray {
	background: #aaaaaa;
}

.color-picker.forest {
	background: #43A047;
}

.color-picker.moss {
	background: #AFB42B;
}

.color-picker.magenta-dark {
	background: #AB47BC;
}

.color-picker.pink {
	background: #F06292;
}

.color-picker.cobalt {
	background: #1976D2;
}

/* @group NAVIGATION */

.navbar-toggler {
    border-color: rgb(255,255,255);
    background: #1c547a;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-nav .nav-item,
#main-nav .nav-item {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Montserrat", Helvetica, sans-serif;
	margin: 0 9px;
}

@media screen and (min-width: 1193px) and (max-width: 1600px) {
	.navbar-nav .nav-item-clients a {
		max-width: 290px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.navbar-nav .nav-item-clients a,
#main-nav .nav-item-clients a {
	text-transform: none;
}

.navbar-nav .nav-link,
#main-nav .nav-link,
#main-menu-offcanvas .nav-link {
	color: #002d4a;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 16px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active,
#main-nav .nav-link:hover,
#main-nav .nav-link:active,
#main-menu-offcanvas .nav-link:hover,
#main-menu-offcanvas .nav-link:active {
	color: #ff7e00;
}

.nav-main i {
	margin-right: 8px;
}

.dropdown {
	cursor: pointer;
}

nav .dropdown-menu {
	background: #f5f5f5;
	border-radius: 0;
	border: none;
	border-top: 3px solid #ff7e00;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.08);
	top: 46px;
}

.dropdown-menu-label {
	font-family: 'Rubik', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;
	padding: 0px 10px 6px 10px;
}

nav .dropdown-item {
	font-size: 14px;
	text-transform: capitalize;
	font-family: 'Rubik', Helvetica, sans-serif;
	padding: 6px 10px 6px 10px;
}

nav a.dropdown-item {
	color: #002d4a;
}

nav a.dropdown-item:hover,
nav a.dropdown-item.active {
	color: #16181b;
	background: #ffffff;
}

nav .internal-items a.dropdown-item i {
	float: right;
	align-items: center;
	margin: 4px 0 0 0;
}

.dropdown-menu {
	z-index: 1020;
}

.dropdown-menu-arrow {
	top: -25px;
	left: 9px;
	width: 0;
	height: 0;
	position: relative;
}

@-moz-document url-prefix() {
	.dropdown-menu-arrow {
		top: -29px;
	}
}

.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-width: 7px 8px;
	border-style: solid;
	border-color: transparent;
	z-index: 1021;
}

.dropdown-activities .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-sales .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

@media screen and (min-width: 1200px) {
	.dropdown-marketing {
		width: 200px;
	}
}

.dropdown-marketing .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-advertising .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-tasks .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-tools .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-reports .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-community .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

.dropdown-clients .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

nav .dropdown-menu.dropdown-settings {
	top: 42px;
}

.nav-settings .dropdown-settings i {
	font-size: 16px;
	margin-right: 8px;
}

.dropdown-settings .dropdown-menu-arrow:after {
	left: 151px;
}

.dropdown-settings .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

a.nav-link.dropdown-toggle {
	font-size: 16px;
	color: #002d4a;
}

.nav-settings a.nav-link {
	color: #002d4a;
	padding: 0;
}

.nav-settings i {
	font-size: 32px;
}

.nav-settings a.dropdown-item {
	padding-top: 8px;
	padding-bottom: 8px;
}

.nav-ai i {
	font-size: 26px;
}

@keyframes fa-beat {
	0%, 90% {
		transform:scale(1)
	}
	45% {
		transform:scale(var(--fa-beat-scale,1.35))
	}
}
.fa-beat:hover {
	animation:fa-beat 1s ease infinite;
}

.nav-new a.nav-link,
#main-nav .nav-new a.nav-link {
	color: #ff7e00;
	padding: 0;
}

.nav-new a.nav-link:hover {
	color: #12354d;
}

.nav-new i {
	font-size: 32px;
}

.dropdown-new {
	margin-top: -2px;
}

.nav-new .dropdown-new i {
	font-size: 16px;
	margin-right: 8px;
}

.dropdown-new .dropdown-menu-arrow:after {
	left: 119px;
}

.dropdown-new .dropdown-menu-arrow:after {
	bottom: -14px;
	border-bottom-color: #ff7e00;
}

#nav-presentation-mode i {
	font-size: 30px;
}

a.presentation-mode-off {
	color: #1c547a !important;
}

a.presentation-mode-on {
	color: #27a745 !important;
}

.nav-item.nav-timer {
	margin: 0;
}

.nav-timer a.nav-link {
	color: #002d4a;
	padding: 0;
}

.nav-timer i {
	font-size: 32px;
}

.nav-dashboard a.nav-link {
	color: #002d4a;
	padding: 0;
}

.nav-dashboard i {
	font-size: 32px;
}

.dropdown-clients .form-control {
	background: #ffffff;
}

.dropdown-client-list {
	max-height: 60vh;
	overflow-y: auto;
	padding-right: 15px;
}

.dropdown-user-list {
	max-height: 60vh;
	overflow-y: auto;
	padding-right: 15px;
}

.btn-request {
	font-size: 14px;
	font-family: 'Rubik', Helvetica, sans-serif;
	margin-top: -2px !important;
}

@media all and (max-width: 1200px) {
	#main-navigation {
		margin-top: 10px;
	}

	.navbar-nav {
		margin-bottom: 10px;
	}

	.navbar-nav .nav-item {
		background: #eaeaea;
		border-radius: 3px;
		border-bottom: 1px solid #ffffff;
		margin: 0;
	}

	.navbar-nav .dropdown-toggle::after {
		position: relative;
		float: right;
		margin-top: 10px;
	}

	.navbar-nav .nav-link {
		margin: 0 16px;
	}

	.nav-item i {
		margin-right: 15px;
	}

	.navbar-nav .dropdown-item {
		font-size: 14px;
		text-transform: capitalize;
		font-family: 'Rubik', Helvetica, sans-serif;
		padding: 6px 20px 6px 10px;
	}

	.dropdown-client-list {
		max-height: 30vh;
	}

	a.btn-request-mobile {
		color: #27a745;
		font-size: 38px;
		line-height: 0;
		margin-top: 2px;
	}
	
	a.btn-request-mobile:hover {
		color: #218838;
	}

	a.btn-dashboard-mobile {
		color: #1c547a;
		font-size: 38px;
		line-height: 0;
		transition: 0.3s;
	}
	
	a.btn-dashboard-mobile:hover {
		color: #ff7e00;
	}

	a.btn-console-mobile {
		color: #ff7e00;
		font-size: 38px;
		line-height: 0;
		transition: 0.3s;
	}
	
	a.btn-console-mobile:hover {
		color: #1c547a;
	}

}

.link-dashboard {
	color: #1c547a !important;
}

.link-dashboard:hover {
	color: #ff7e00 !important;
}

.link-console {
	color: #ff7e00 !important;
}

.link-console:hover {
	color: #1c547a !important;
}

ul.menu-horizontal {
	list-style-type: none;
	margin: 0 0 40px 0;
	padding: 0;
	clear: both;
}

ul.menu-horizontal li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul.menu-horizontal li:last-child {
	margin-right: 0;
}

ul.menu-horizontal li a {
	font-size: 0.85rem;
	color: #1c547a;
	padding: 5px 10px;
	text-transform: uppercase;
	border-bottom: 3px solid #ffffff;
	transition: 0.3s;
}

ul.menu-horizontal li a:hover,
ul.menu-horizontal li a.active {
	color: #ff7e00;
	border-color: #ff7e00;
}

ul.menu-horizontal li a.cp-complete {
	color: #28a745;
	border-color: #28a745;
}

ul.menu-horizontal li a.complete {
	color: #28a745;
	border-color: #28a745;
}

/* @end */

/* @group COMPONENTS */

.carousel-control-prev,
.carousel-control-next {
    width: 20px;
}

/* .carousel-control-prev {
	margin-left: -10px;
	z-index: 999999999;
}

.carousel-control-next {
	margin-right: -10px;
	z-index: 999999999;
} */

/* .carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
} */

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff7e00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff7e00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.modal-lg-plus {
	max-width: 1024px;
}

.modal-xl {
	max-width: 80% !important;
}

.modal-full-width {
	max-width: 100% !important;
	margin: 28px;
}

.modal-content {
	border: none;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.6);
}

.modal-header {
	border: none;
}

.modal-body {
	padding: 0rem 3rem 3rem 3rem;
}

.modal-dark .modal-body {
	padding: 3rem;
}

.modal-dark .modal-header {
	background: #1c547a;
	padding: 10px 16px;
}

.modal-header button.close,
.modal-dark .modal-header button.close {
	font-size: 34px;
	font-weight: 500;
}

.modal-dark .modal-header button.close {
	color: #ffffff;
	opacity: 1.0;
}

.modal-dark .modal-header button.close:hover {
	color: #cccccc !important;
	opacity: 1.0 !important;
}

.modal-title {
	font-size: 1.5rem;
	text-align: center;
}

.modal-dark .modal-title {
	color: #ffffff;
}

.modal-body p {
	font-size: 14px !important;
}

.modal-body strong {
	font-weight: 500;
	/* display: block; */
}

.modal.modal-resizeable .modal-content,
.modal.modal-resizable .modal-content {
	position: relative;
}

.modal.modal-resizeable .ui-resizable-handle,
.modal.modal-resizable .ui-resizable-handle {
	position: absolute;
	display: block;
}

.modal.modal-resizeable .ui-resizable-se,
.modal.modal-resizable .ui-resizable-se {
	width: 16px;
	height: 16px;
	right: 4px;
	bottom: 4px;
	cursor: se-resize;
	border-right: 2px solid #adb5bd;
	border-bottom: 2px solid #adb5bd;
	border-radius: 0 0 .25rem 0;
	background: transparent;
	z-index: 5;
	touch-action: none;
}

/* EMAIL SYNC MODAL */
.sync-email-modal .sync-email-label {
	display: block;
	margin: 0 0 7px;
	color: #1c547a;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

.sync-email-modal .sync-email-field + .sync-email-field {
	margin-top: 14px;
}

.sync-email-modal .sync-picker-toggle {
	display: flex;
	width: 100%;
	height: 37px;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 0 13px;
	border: 1px solid #becbd5;
	border-radius: 3px;
	background: #ffffff;
	color: #353535;
	font-family: inherit;
	font-size: 13px;
	text-align: left;
}

.sync-email-modal button:focus,
.sync-email-modal .form-control:focus {
	outline: 0;
	box-shadow: none;
}

.sync-email-modal .form-control:focus {
	border-color: #cbd5dd;
}

.sync-email-modal .sync-picker-menu {
	overflow: hidden;
	border: 1px solid #becbd5;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
}

.sync-email-modal .sync-search {
	position: relative;
	padding: 10px;
}

.sync-email-modal .sync-search i {
	position: absolute;
	top: 21px;
	left: 18px;
	color: #6f7880;
	font-size: 13px;
	pointer-events: none;
}

.sync-email-modal .sync-search input {
	height: 36px;
	padding: 4px 10px 4px 30px;
	border-color: #cbd5dd;
	border-radius: 3px;
	font-size: 13px;
}

.sync-email-modal .sync-search input:focus {
	border-color: #cbd5dd;
	box-shadow: none;
}

.sync-email-modal .sync-inbox-list {
	max-height: 269px;
	overflow-y: auto;
	scrollbar-color: #929292 transparent;
	scrollbar-width: thin;
}

.sync-email-modal .sync-inbox-list::-webkit-scrollbar {
	width: 9px;
}

.sync-email-modal .sync-inbox-list::-webkit-scrollbar-thumb {
	border: 2px solid #ffffff;
	border-radius: 10px;
	background: #929292;
}

.sync-email-modal .sync-inbox-row {
	min-height: 31px;
	margin: 0;
	padding: 5px 13px 4px 40px;
	font-size: 13px;
}

.sync-email-modal .sync-inbox-row .custom-control-label {
	display: block;
	cursor: pointer;
}

.sync-email-modal .sync-domain-heading {
	padding: 8px 7px 5px;
	color: #444444;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

.sync-email-modal .sync-domain-toggle {
	display: flex;
	width: 100%;
	min-height: 39px;
	align-items: center;
	gap: 10px;
	padding: 7px 12px;
	border: 0;
	border-top: 1px solid #e0e5e9;
	background: #ffffff;
	color: #353535;
	font-family: inherit;
	font-size: 13px;
	text-align: left;
}

.sync-email-modal .sync-domain-toggle:focus {
	outline: 0;
}

.sync-email-modal .sync-domain-toggle .sync-domain-caret {
	width: 13px;
	flex: 0 0 13px;
	color: #151515;
	text-align: center;
}

.sync-email-modal .sync-domain-toggle .sync-domain-count {
	margin-left: auto;
	color: #777777;
	font-size: 12px;
}

.sync-email-modal .sync-domain:not(.is-expanded) .sync-domain-items {
	display: none;
}

.sync-email-modal .sync-domain.is-expanded .sync-domain-items {
	padding-bottom: 10px;
}

.sync-email-modal .sync-picker-footer {
	display: flex;
	min-height: 37px;
	align-items: center;
	justify-content: space-between;
	padding: 7px 9px;
	border-top: 1px solid #dbe2e7;
	font-size: 13px;
}

.sync-email-modal .sync-picker-footer button {
	padding: 0;
	border: 0;
	background: none;
	color: #ff7e00;
	font-family: inherit;
	font-size: 13px;
}

.sync-email-modal #sync-email-history {
	height: 37px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
}

.sync-email-modal .sync-email-note {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 11px 0 14px;
	padding: 11px 10px;
	border-radius: 3px;
	background: #cfeff7;
	color: #174d6d;
	font-size: 12.5px;
	line-height: 1.45;
}

.sync-email-modal .sync-email-note i {
	flex: 0 0 auto;
}

.sync-email-modal .sync-email-future {
	margin: 2px 0 0 3px;
	font-size: 13px;
}

.sync-email-modal .sync-email-actions {
	margin-top: 18px;
	text-align: center;
}

.sync-email-modal .sync-email-actions .btn {
	min-width: 112px;
}

@media screen and (max-width: 769px) {
	.sync-email-modal .modal-header {
		padding: 13px 12px 0;
	}

	.sync-email-modal .modal-body {
		padding: 1px 12px 16px;
	}

	.sync-email-modal .sync-inbox-list {
		max-height: 34vh;
	}
}

.popover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	max-width: 400px;
	z-index: 1110 !important;
}

.popover-header {
	color: #ffffff;
	font-weight: 700;
	background: #1c547a;
}

.popover-body {
	font-family: 'Rubik', Helvetica, sans-serif;
	color: #4c4c4c !important;
}

.call-summary-popover,
.ai-prompt-preview {
	max-width: 600px;
}

.nav-tabs .nav-link {
	color: #1c547a;
	font-size: 0.85rem;
	text-transform: uppercase;
	transition: 0.3s;
}

.nav-tabs .nav-link:hover {
	background: #ffffff;
}

.nav-tabs .nav-link.active {
	color: #ff7e00;
}

.nav-tabs-justify .nav-link {
	color: #4c4c4c;
	background: #f5f5f5;
	width: 100%;
	text-align: center;
	margin: 0 2px;
	transition: 0.3s;
}

.nav-tabs-justify .nav-link.active,
.nav-tabs-justify .nav-link:hover {
	color: #ffffff;
	background: #ff7e00;
}

.accordion-header a {
	margin-bottom: 5px;
	display: block;
}

.accordion-content {
	padding: 0px 0px 0px 0px;
}

.dropzone {
    border: 2px dashed #b1b1b1;
    border-radius: 5px;
    background: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: auto;
}

.dz-message {
	color: #888888;
	margin: 12px !important;
}

.dropzone.dropzone-h-2x {
	min-height: 150px;
}

.dropzone-h-2x .dz-message {
	margin: 24px inherit !important;
}

.alert-primary {
	color: #1c547a;
	background: #e6eaed;
	border: none;
	border-top: 2px solid #d2d5d9;
	border-bottom: 2px solid #d2d5d9;
	border-radius: 0;
}

.alert-gray-md {
	color: #383d41;
	background: #e2e3e5;
	border-color: #d6d8db;
}

.alert-gray-lt {
	color: #383d41;
	background: #f2f2f2;
	border-color: #e5e5e5;
}

.alert-rose {
	color: #59504F;
	background: #FFE4E1;
	border-color: #E5CDCA;
}

.alert-rose pre {
	color: #59504F;
}

.alert-orange {
	color: #595147;
	background: #FFE6CC;
	border-color: #E5CFB8;
}

.alert-orange pre {
	color: #595147;
}

.alert-yellow {
	color: #595947;
	background: #FFFFCC;
	border-color: #E5E5B8;
}

.alert-yellow pre {
	color: #595947;
}

.alert-green {
	color: #3D4D3D;
	background: #D6FFE4;
	border-color: #C1E5CD;
}

.alert-green pre {
	color: #3D4D3D;
}

.alert-teal {
	color: #475959;
	background: #CCFFFF;
	border-color: #B8E5E5;
}

.alert-teal pre {
	color: #475959;
}

.system-notifications-container {
	position: absolute;
	/* top: 90px; */
	top: 80px;
	right: 20px;
	z-index: 1;
}

.toast {
	min-width: 440px;
	overflow: visible;
}

.toast-header img {
	width: 22px;
	background: #ffffff;
	padding: 3px;
	margin-right: 8px;
	border-radius: 3px;
}

.toast-header i {
	font-size: 20px;
	margin-right: 8px;
}

.toast.system {
	color: #ffffff;
	background: #ff7e00;
	border-color: #E06F00;
}

.toast.system .toast-header {
	color: #ffffff;
	background: #E06F00;
}

.toast.success {
	color: #ffffff;
	background: #27a745;
	border-color: #218838;
}

.toast.success .toast-header {
	color: #ffffff;
	background: #218838;
}

.toast.danger {
	color: #ffffff;
	background: #dc3545;
	border-color: #c82333;
}

.toast.danger .toast-header {
	color: #ffffff;
	background: #c82333;
}

.toast.info {
	color: #ffffff;
	background: #66b5ff;
	border-color: #579ad9;
}

.toast.info .toast-header {
	color: #ffffff;
	background: #579ad9;
}

.toast.toast-1 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #dedede;
}

.toast.toast-1 .toast-header {
	color: #4c4c4c;
	background: #f1f1f1;
}

.toast.toast-2 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #27a745;
}

.toast.toast-2 .toast-header {
	color: #ffffff;
	background: #27a745;
}

.toast.toast-3 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #ff7e00;
}

.toast.toast-3 .toast-header {
	color: #ffffff;
	background: #ff7e00;
}

.toast.toast-4 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #1c547a;
}

.toast.toast-4 .toast-header {
	color: #ffffff;
	background: #1c547a;
}

.toast.toast-5 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #eb5757;
}

.toast.toast-5 .toast-header {
	color: #ffffff;
	background: #eb5757;
}

.toast.toast-6 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #e8bb25;
}

.toast.toast-6 .toast-header {
	color: #ffffff;
	background: #e8bb25;
}

.toast.toast-7 {
	color: #4c4c4c;
	background: #ffffff;
	border-color: #579ad9;
}

.toast.toast-7 .toast-header {
	color: #ffffff;
	background: #579ad9;
}

.toast.success .close,
.toast.danger .close,
.toast.info .close,
.toast.system .close,
.toast.toast-2 .close,
.toast.toast-3 .close,
.toast.toast-4 .close,
.toast.toast-5 .close,
.toast.toast-6 .close,
.toast.toast-7 .close {
	color: #ffffff;
}

.toast .close {
	font-weight: 400;
}

.toast-notification,
.toast-comment {
	border-left: 4px solid #1c547a;
}

.toast-task {
	border-left: 4px solid #27a745;
}

.toast-meeting {
	border-left: 4px solid #eb5757;
}

.toast-meeting-reminder {
	border-left: 4px solid #f9c727;
}

.toast-timer-reminder {
	border-left: 4px solid #eb5757;
}

.toast-text {
	border-left: 4px solid #FF7E00;
}

.toast-creative {
	border-left: 4px solid #337FFF;
}

.toast-icon {
	text-align: center;
	margin-right: 12px;
}

.toast-icon i {
	font-size: 30px;
}

.toast-icon img {
	height: 38px;
	border-radius: 999em;
}

.toast-notification .toast-icon {
	color: #1c547a;
}

.toast-task .toast-icon {
	color: #27a745;
}

.toast-meeting .toast-icon {
	color: #eb5757;
}

.toast-meeting-reminder .toast-icon {
	color: #f9c727;
}

.toast-text .toast-icon {
	color: #FF7E00;
}

.toast-creative .toast-icon {
	color: #337FFF;
}

.toast-heading {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 6px;
}

.toast-description {
	font-size: 14px;
	line-height: 1.3;
	word-break: break-word;
	overflow-wrap: break-word;
}

.toast-timestamp {
	color: #888888;
	text-align: right;
	line-height: 1;
}

.toast-actions {
	background: #f7f7f7;
	position: absolute;
	display: none;
	right: 8px;
	bottom: 8px;
	z-index: 2;
	padding: 8px 6px 4px 6px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.toast:hover .toast-actions {
	display: flex;
}

.btn-toast-action i {
	font-size: 20px;
	color: #8a8a8a;
	transition: 0.3s;
}

.btn-toast-action i:hover {
	color: #ff7e00;
	font-weight: 900;
}

.btn-toast-action img {
    height: 18px;
    margin-bottom: 2px;
}

.sort-ghost-bg {
	color: #ffffff;
	background: #1c547a !important;
}

.sort-ghost-bg > *{
	color: #ffffff !important;
}

.sort-db-bg {
	background: #eaeaea !important;
}

.sort-gray-bg {
	background: #eaeaea !important;
}

/* @end */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    position: relative;
	overflow: clip;
    /* overflow-x: hidden; */ /*COULD BE DANGEROUS - USED FOR SIDEBAR RIGHT COLLAPSE*/
}

#content {
    width: 100%;
    min-height: calc(100vh - 96px);
    transition: all 0.3s;
}

#google-business #content {
    width: calc(100% - 250px);
}

footer {
	font-size: 14px;
	color: #ffffff;
	background: #1c547a;
	padding: 8px 15px;
}

footer a {
	color: #cccccc;
}

.alertbar {
	color: #ffffff;
	background: #ff7e00;
	width: 100%;
	padding: 8px 20px;
	text-align: center;
}

.alertbar a {
	color: #ffffff;
	text-decoration: underline;
}

.alertbar a:hover {
	color: #eeeeee;
	text-decoration: none;
}

.alertbar.success {
	background-color: #28a745;
}

header {
	background: #ffffff;
	border-bottom: 3px solid #eeeeee;
}

.btn-facebook,
.btn-google {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	
}

.btn-facebook:hover ,
.btn-google:hover {
	color: #ffffff;
}

.btn-facebook i,
.btn-google i {
	font-size: 24px !important;
	margin-right: 10px;
}

.btn-facebook {
	background: #3b5998;
}

.btn-google {
	background: #4285F4;
}

a.login-forgot-password {
	font-size: 14px;
	color: #4c4c4c;
}

a.login-forgot-password:hover {
	text-decoration: underline;
}

.login-or-row {
    display:table;
    width:100%;
}

.login-or-row span {
	color: #aaaaaa;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:1.0em;
    white-space:nowrap;
    padding: .125em .375em;
}

.login-or-row::before,
.login-or-row::after {
    content:"";
    display:table-cell;
    width:50%;
    vertical-align:middle;
background:-webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(0,0,0,0)), color-stop(44%, rgba(0,0,0,1)), color-stop(45%, rgba(221,221,221,1)), color-stop(46%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
}

.login-terms {
	font-size: 14px;
}

.login-free-trial {
	font-size: 16px;
}

.login-free-trial a {
	font-size: 16px;
}

.login-terms a:hover,
.login-free-trial a:hover {
	text-decoration: underline;
}

/* @group SIDEBAR */

.sidebar {
	background: #f5f5f5;
	border-top: 1px solid #ffffff;
	padding: 24px 20px;
	/*width: 200px;*/
}

.sidebar a {
	color: #002d4a;
	transition: 0.3s;
}

.sidebar a:hover,
.sidebar a.active {
	color: #ff7e00;
}

.sidebar h3 {
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dddddd;
}

.sidebar h3 i {
	margin-right: 10px;
}

.sidebar h4,
.onboarding-settings h4 {
	color: #002d4a !important;
	font-weight: bold !important;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.sidebar hr {
	margin-bottom: 10px;
}

.sb-menu {
	font-size: 14px;
	line-height: 1.8em;
	list-style-type: none;
	padding: 0;
	margin-bottom: 25px;
}

.sb-menu li {
	display: flex;
	align-items: center;
}

.sb-menu li i:not(span i) {
	font-size: 16px;
}

.sb-menu li span {
	width: 16px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
}

.sb-menu li span img {
	max-width: 16px;
}

.sidebar-group-trigger {
	font-size: 20px;
	line-height: 100%;
	margin-bottom: 10px;
	transition: 0.3s;
}

.sidebar-group-trigger:hover {
	color: #ff7e00;
	cursor: pointer;
}

.sidebar-group-trigger[aria-expanded='true']::before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f0d8';
	font-weight: 900;
	display: block;
}

.sidebar-group-trigger[aria-expanded='false']::before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f0d7';
	font-weight: 900;
	display: block;
}

/* @group SIDEBAR COLLAPSE */

#sidebar-left {
    min-width: 250px;
    max-width: 250px;
	background: #f5f5f5;
	border-top: 1px solid #ffffff;
	padding: 24px 20px;
    transition: all 0.3s;
}

#sidebar-left.active {
    margin-left: -250px;
}

a.sidebar-left-trigger {
	color: #b1b1b1;
	font-size: 20px;
	font-weight: 900;
	position: absolute;
	top: calc(50vh - 60px);
	transition: all 0.3s;
	left: 240px;
	z-index: 1000;
}

a.sidebar-left-trigger:hover {
	color: #8a8a8a;
}

#sidebar-left.active a.sidebar-left-trigger {
	left: -10px;
}

@media screen and (max-width: 768px) {
    #sidebar-left.active {
		margin-left: -230px;
	}
	a.sidebar-left-trigger {
		font-size: 60px;
	}
	a.sidebar-left-trigger {
		left: 220px;
	}
	#sidebar-left.active a.sidebar-left-trigger {
		left: -5px;
	}
}

#sidebar-icons {
	background: #f5f5f5;
	border-top: 1px solid #ffffff;
    transition: all 0.3s ease-in-out;
}

#sidebar-icons.icons {
	padding: 10px;
}

#sidebar-icons.sidebar-sales.icons,
#sidebar-icons.sidebar-data.icons,
#sidebar-icons.sidebar-google-business.icons,
#sidebar-icons.sidebar-text-messages.icons,
#sidebar-icons.sidebar-email.icons {
    width: 68px;
}

.sidebar-sales .sidebar-icons-content {
    position: fixed;
}

#sidebar-icons.sidebar-google-business a.sidebar-left-trigger {
	color: #b1b1b1;
	font-size: 20px;
	font-weight: 900;
	position: absolute;
	top: calc(50vh - 60px);
	transition: all 0.3s ease-in-out;
	left: 182px;
	z-index: 1000;
}

#sidebar-icons.sidebar-google-business a.sidebar-left-trigger:hover {
	color: #8a8a8a;
}

#sidebar-icons.sidebar-google-business.icons a.sidebar-left-trigger {
	left: 58px;
}

@media screen and (max-width: 768px) {
	#sidebar-icons.sidebar-google-business.icons a.sidebar-left-trigger {
		font-size: 30px;
		left: 53px;
	}
}

.sidebar-icons-menu {
	padding: 12px 20px;
}

#sidebar-icons.icons .sidebar-icons-menu {
	padding: 0;
}

.sidebar-icons-content h3 {
	font-size: 20px;
	color: #002d4a !important;
	font-weight: bold !important;
	margin-bottom: 5px;
}

.icon-menu {
	font-size: 14px;
	line-height: 1.8em;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.icon-menu li {
	display: flex;
	align-items: center;
	white-space: nowrap;
	width: 100%;
}

.icon-menu li > a {
	color: #4c4c4c;
	width: 100%;
	padding: 6px 6px;
}

.icon-menu li a:hover,
.icon-menu li a.active {
	color: #ffffff;
	background: #1c547a;
	border-radius: 5px;
}

.icon-menu li a img {
	min-width: 34px;
}

.icon-menu li a:hover img,
.icon-menu li a.active img {
	filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(1441%) hue-rotate(150deg) brightness(121%) contrast(100%);
}

.icon-menu li .menu-icon {
	width: 36px;
	text-align: center;
	margin-right: 8px;
	display: inline-block;
}

.icon-menu.icons li .menu-icon {
	margin-right: 0px;
}

.sidebar-sales .icon-menu li .menu-icon,
.sidebar-data .icon-menu li .menu-icon {
	width: 36px;
	margin-right: 0;
}

#sidebar-icons.icons .menu-text {
	display: none;
}

#sidebar-icons.icons .google-business-profile-dropdown {
	position: absolute;
	top:0;
	left: 159px;
}

#sidebar-right {
    min-width: 250px;
    max-width: 250px;
	background: #f5f5f5;
	border-top: 1px solid #ffffff;
	padding: 24px 20px;
    transition: all 0.3s;
}

#sidebar-right.active {
    margin-right: -250px;
}

a.sidebar-right-trigger {
	color: #b1b1b1;
	font-size: 20px;
	font-weight: 900;
	position: absolute;
	top: calc(50vh - 60px);
	transition: all 0.3s;
	right: 240px;
	z-index: 1000;
}

a.sidebar-right-trigger:hover {
	color: #8a8a8a;
}

#sidebar-right.active a.sidebar-right-trigger {
	right: -10px;
}

.off-canvas-overlay {
	background-color: #000000;
	opacity: 0.20;
	z-index: 1100;
}

.off-canvas {
	top: 0;
	z-index: 1100;
	overflow-x: hidden;
	overflow-y: auto;
	width: 500px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	transition: margin .4s ease-out;
	-webkit-transition: margin .4s ease-out;
	-moz-transition: margin .4s ease-out;
	-ms-transition: margin .4s ease-out;
}

.off-canvas-left {
	left: 0;
	margin-left: -520px;
}

.off-canvas-right {
	right: 0;
	margin-right: -520px;
}

.off-canvas-data-contacts {
	width: 700px;
	margin-right: -720px;
}

/* @end */

.icon-search {
	position: relative;
}

#icon-search-toggle {
	transition: opacity 0.2s ease;
}

.icon-search.is-open #icon-search-toggle {
	opacity: 0;
	width: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	pointer-events: none;
}

.icon-search-field {
	width: 0;
	opacity: 0;
	overflow: hidden;
	margin-left: 0;
	position: relative;
	pointer-events: none;
	transition: width 0.2s ease, opacity 0.2s ease, margin-left 0.2s ease;
	background: #f2f2f2;
	border: none !important;
	border-radius: 9999px;
	
}

.icon-search.is-open .icon-search-field {
	width: 220px;
	opacity: 1;
	margin-left: 0.5rem;
	pointer-events: auto;
}

.icon-search-field .fa-search {
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	color: #9aa0a6;
	pointer-events: none;
}

#icon-search-input.form-control {
	/* height: 37px; */
	border: none !important;
	background: transparent;
	padding: 10px 8px 10px 2.15rem;
}

#icon-search-input.form-control:focus {
	box-shadow: none;
}

.settings-container {
	padding: 24px 48px 64px 48px;
}

@media screen and (max-width: 768px) {
	.settings-container {
		padding: 12px;
	}
}

.settings-separator {
	margin: 30px 0px 24px 0;
}

.profile-avatar {
	margin-right: 10px;
	position: relative;
}

.profile-avatar img {
	width: 100px;
	height: 100px;
	border-radius: 999em;
	display: block;
	transition: 0.3s;
}

.profile-avatar-change {
	font-size: 48px;
	position: absolute;
	top: 16px;
	left: 26px;
	display: none;
}

.profile-avatar:hover img {
	opacity: 0.2;
}

.profile-avatar:hover .profile-avatar-change {
	display: block;
	cursor: pointer;
}

td.profile-avatar {
	margin-right: 0;
}

td.profile-avatar img {
	width: 30px;
	height: 30px;
	border-radius: 999em;
}

.project-plan-avatar img {
	width: 30px;
	height: 30px;
	border-radius: 999em;
}

.dropdown-item .project-plan-avatar img {
	margin-right: 8px;
}

.project-plan-avatar-remove {
	display: none;
}

.project-plan-avatar:hover .project-plan-avatar-remove {
	display: inline-block;
}

.remove-icon {
	display: none;
}

.remove-trigger:hover .remove-icon {
	display: inline-block;
}

 .item-with-actions {
	position: relative;
 }

.item-actions {
	background: #ffffff;
	position: absolute;
	display: none;
	right: 8px;
	top: 8px;
	z-index: 2;
	padding: 5px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.item-with-actions:hover .item-actions {
	display: flex;
}

@media screen and (max-width: 1024px) {
	.inbox-grid-item .item-with-actions:hover .item-actions {
		display: none;
	}
}

.item-actions a {
	font-size: 16px;
	color: #8a8a8a;
	margin: 0px 4px;
}

.item-actions a:hover {
	color: #ff7e00;
}

.item-actions a:hover i {
	font-weight: 900;
}

.item-actions a.active i {
	color: #ff7e00;
	font-weight: 900;
}

.avatar-row {
	display: flex;
	align-items: center;
	height: 100%;
}

.avatar-group {
	display: flex;
	align-items: center;
	margin-right: 12px;
}

.avatar-group .avatar {
	margin-right: 8px;
}

.avatar img {
	width: 30px !important;
	height: 30px !important;
	border-radius: 999em;
}

.avatar i {
	font-size: 24px !important;
	width: 30px !important;
	height: 30px !important;
	line-height: 30px;
}

/* @group SERVICE PLAN */

.tbl-service-plan {
	max-width: 800px;
	border-bottom: 1px solid #dde1e5;
}

.tbl-service-plan td {
	vertical-align: middle;
	padding: 12px 15px;
}

.tbl-service-plan td:first-child {
	width: 200px;
}

.sp-level {
	font-size: 20px;
	font-family: "Montserrat", Helvetica, sans-serif;
	line-height: 1.2em;
}

.sp-details {
	color: #1c547a;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

.sp-details span {
	font-size: 24px;
	font-weight: 700;
	margin-left: 2px;
}

.sp-select {
	text-align: right;
}

.sp-current {
	background: #ffdfbf !important;
}

@media all and (max-width: 992px) {
	.tbl-service-plan td {
		font-size: 100% !important;
	}

	.tbl-service-plan td:first-child {
		width: 120px;
	}

	.tbl-service-plan td span {
		font-size: 140% !important;
	}
	
	.tbl-service-plan .btn {
		font-size: 12px !important;
	}
}

.sp-custom {
	color: #1c547a;
	background: #ffdfbf;
	text-align: center;
	padding: 100px 20px;
	max-width: 800px;
	margin-bottom: 20px;
	border: 2px solid #eeceaf;
}

.sp-custom h3 {
	color: #1c547a;
	font-weight: bold;
}

.table-service-plan {
	margin-bottom: 0;
	min-width: 767px;
	overflow-x: auto;
}

.table-service-plan .btn {
	white-space: nowrap;
}

.table-service-plan tr:nth-child(even) {
	background: #ffffff;
}

.table-service-plan tr:nth-child(odd) {
	background: #f7f7f7;
}

.table-service-plan .sp-current {
	background: #ffdfbf !important;
}

.table-service-plan td {
	vertical-align: middle;
	padding: 12px 10px;
}

.table-service-plan td:first-child {
	width: 165px;
}

.table-service-plan .sp-level {
	font-size: 20px;
	font-family: "Montserrat", Helvetica, sans-serif;
	line-height: 1.2em;
	white-space: nowrap;
}

.table-service-plan .sp-details {
	color: #1c547a;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

.table-service-plan .sp-details span {
	font-size: 20px;
	font-weight: 700;
	margin-left: 2px;
}

.table-service-plan .sp-select {
	text-align: right;
}

@media all and (max-width: 992px) {
	.table-service-plan td {
		font-size: 100% !important;
	}

	.table-service-plan td:first-child {
		width: 165px;
	}

	.table-service-plan td span {
		font-size: 140% !important;
	}
	
	.table-service-plan .btn {
		font-size: 12px !important;
	}
}

#service-plan-select .collapse-item-header:hover {
	cursor: pointer;
}

.service-level-select-dedicated-container {
	height: 290px;
	overflow-y: auto;
}


.sp-plan-card-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 24px;
}

.sp-plan-card {
	--sp-plan-accent: #4c4c4c;
	--sp-plan-bg: #ffffff;
	--sp-plan-border: #dddddd;
	display: flex;
	flex-direction: column;
	min-height: 322px;
	padding: 20px;
	color: #4c4c4c;
	background: var(--sp-plan-bg);
	border: 1px solid var(--sp-plan-border);
	border-radius: 12px;
}

.sp-plan-card.support {
	--sp-plan-accent: #ff7e00;
	--sp-plan-bg: #fffaf5;
	--sp-plan-border: #ffcb99;
}

.sp-plan-card.reward {
	--sp-plan-accent: #27a745;
	--sp-plan-bg: #f7fdf8;
	--sp-plan-border: #acecbb;
}

.sp-plan-card.topup {
	--sp-plan-accent: #2c84bf;
	--sp-plan-bg: #F7FBFD;
	--sp-plan-border: #acd2ec;
}

.sp-plan-card.dashboard {
	--sp-plan-accent: #1c547a;
	--sp-plan-bg: #F3F8FC;
	--sp-plan-border: #83bce2;
}

.sp-plan-card-header {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	margin-bottom: 26px;
}

.sp-plan-card-icon {
	width: 56px;
	height: 56px;
	flex: 0 0 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background: var(--sp-plan-accent);
	border-radius: 50%;
	font-size: 28px;
}

.sp-plan-card-icon .fa-plus {
	font-size: 32px;
}

.sp-plan-card-title {
	color: #4c4c4c;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
}

.sp-plan-card-value {
	display: flex;
	align-items: baseline;
	margin-bottom: 12px;
	color: var(--sp-plan-accent);
	font-family: "Montserrat", Helvetica, sans-serif;
	white-space: nowrap;
	justify-content: center;
}

.sp-plan-card-value-main {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
}

.sp-plan-card-value-unit {
	margin-left: 4px;
	color: #4c4c4c;
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
}

.sp-plan-card-copy {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
}

.sp-plan-card-copy span {
	color: var(--sp-plan-accent);
	font-weight: 500;
}

.sp-plan-card-copy-secondary {
	margin-top: 8px;
	margin-bottom: 0;
}

.sp-plan-card-action {
	width: 100%;
	min-height: 44px;
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	color: var(--sp-plan-accent);
	background: #ffffff;
	border: 1px solid var(--sp-plan-accent);
	border-radius: 3px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

.sp-plan-card-action:hover,
.sp-plan-card-action:active,
.sp-plan-card-action:focus {
	color: #ffffff;
	background: var(--sp-plan-accent);
	outline: none;
}

@media (min-width: 768px) {
	.sp-plan-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.sp-plan-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.sp-equation {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
}

.sp-equation-operator {
	color: #b1b1b1;
	font-size: 30px;
}

.sp-equation-box,
.sp-equation-operator {
	text-align: center;
	margin: 0;
}

.sp-equation-box {
	font-family: "Montserrat", Helvetica, sans-serif;
	width: 100%;
	max-width: 180px;
	min-width: 125px;
	background: #f7f7f7;
	border: 1px solid;
	border-radius: 5px;
}

.sp-equation-box-label {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 16px;
	line-height: 1.1;
}

.sp-equation-box-value {
	font-size: 24px;
	font-weight: bold;
	padding: 12px 16px;
	line-height: 1;
}

.sp-equation-box.support {
	border-color: #ff7e00;
}

.sp-equation-box.support .sp-equation-box-label {
	background: #ff7e00;
}

.sp-equation-box.support .sp-equation-box-value {
	color: #ff7e00;
}

.sp-equation-box.reward {
	border-color: #27a745;
}

.sp-equation-box.reward .sp-equation-box-label {
	background: #27a745;
}

.sp-equation-box.reward .sp-equation-box-value {
	color: #27a745;
}

.sp-equation-box.topup {
	border-color: #2c84bf;
}

.sp-equation-box.topup .sp-equation-box-label {
	background: #2c84bf;
}

.sp-equation-box.topup .sp-equation-box-value {
	color: #2c84bf;
}

.sp-equation-box.total {
	border-color: #1c547a;
}

.sp-equation-box.total .sp-equation-box-label {
	background: #1c547a;
}

.sp-equation-box.total .sp-equation-box-value {
	color: #1c547a;
}

.sp-equation-box.inactive {
	border-color: #cccccc;
}

.sp-equation-box.inactive .sp-equation-box-label {
	background: #cccccc;
}

.sp-equation-box.inactive .sp-equation-box-value {
	color: #cccccc;
}

@media (min-width: 992px) {
	.sp-equation {
		flex-direction: row;
		gap: 12px;
	}

	.sp-equation-box {
		width: auto;
		max-width: none;
	}
}

.sp-item {
	text-align: center;
	background: #f7f7f7;
	border: 1px solid;
	border-radius: 5px;
	margin-bottom: 24px;
}

.sp-item-label {
	color: #ffffff;
	padding: 6px 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.sp-item-label-value {
	font-family: "Montserrat", Helvetica, sans-serif;
	font-weight: bold;
}

.sp-item-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sp-item-value {
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	padding: 12px 20px;
	border-right: 1px solid #dddddd;
}

.sp-item-details {
	font-size: 18px;
	width: 66%;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	align-self: stretch;
	justify-content: center;
	border-right: 1px solid #dddddd;
}

.sp-item-details span {
	font-weight: bold;
}

.sp-item-icon {
	font-size: 14px;
	width: 14%;
	padding: 12px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

@media screen and (max-width: 768px) {
	.sp-item-label {
		padding: 4px 8px 4px 8;
		line-height: 1.2;
		display: block;
		text-align: center !important;
	}
	.sp-item-label-value {
        width: 100%;
	}
    .sp-item-value {
        width: 24%;
		font-size: 120%;
    }
    .sp-item-details {
		font-size: 100%;
        width: 56%;
    }
    .sp-item-icon {
        width: 20%;
		font-size: 60%;
    }
}

@media screen and (max-width: 1190px) {
    .settings-billing-service-plan .border-right,
	.settings-onboarding-pricing .border-right {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
    }
}

.sp-item.support {
	border-color: #ff7e00;
}

.sp-item.support .sp-item-label {
	background: #ff7e00;
}

.sp-item.support .sp-item-value,
.sp-item.support .sp-item-details span,
.sp-item.support .sp-item-icon {
	color: #ff7e00;
}

.sp-item.reward {
	border-color: #27a745;
}

.sp-item.reward .sp-item-label {
	background: #27a745;
}

.sp-item.reward .sp-item-value,
.sp-item.reward .sp-item-details span,
.sp-item.reward .sp-item-icon {
	color: #27a745;
}

.sp-item.topup {
	border-color: #2c84bf;
}

.sp-item.topup .sp-item-label {
	background: #2c84bf;
}

.sp-item.topup .sp-item-value,
.sp-item.topup .sp-item-details span,
.sp-item.topup .sp-item-icon {
	color: #2c84bf;
}

ul.sp-current-summary {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.sp-current-summary span {
	font-size: 18px;
	font-family: 'Inconsolata', monospace;
	margin-right: 8px;
}

ul.sp-current-summary li {
	line-height: 1;
	margin-bottom: 5px;
}

.tbl-modal.reward-hours th {
	color: #ffffff;
	background: #27a745;
}

.table.top-up-hours th {
	color: #ffffff;
	background: #2c84bf;
}

.table.top-up-hours th:first-child,
.table.top-up-hours td:first-child {
	text-align: left;
}

.service-plan-announcement-screens-container {
	height: 620px;
	overflow: hidden;
}

@media screen and (max-width: 992px) {
    .service-plan-announcement-screens-container {
		height: auto;
	}
}

.hours-equation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.hours-equation-operator {
	color: #b1b1b1;
	font-size: 30px;
}

.hours-equation-box,
.hours-equation-operator {
	text-align: center;
	margin: 0px 12px 12px 12px;
}

@media screen and (max-width: 992px) {
    .hours-equation-box,
	.hours-equation-operator {
		margin: 0 8px 4px 8px;
	}
	.hours-equation-operator {
		font-size: 20px;
	}
}

.hours-equation-box-label {
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.hours-equation-box-value {
	color: #ff7e00;
	font-size: 36px;
}

.plan-pricing-item {
	text-align: center;
	background: #f7f7f7;
	padding: 20px 20px;
	border: 1px solid;
	border-radius: 5px;
	margin-bottom: 24px;
}

.plan-pricing-item-content {
	display: flex;
	/* flex-wrap: wrap; */
	align-items: flex-start;
	justify-content: space-between;
}

.plan-pricing-item.full-service {
	border-top-width: 20px;
	border-color: #ff7e00;
}

.plan-pricing-item.bundle {
	border-top-width: 20px;
	border-color: #E0BB24;
}

.plan-pricing-item.lead-generation {
	border-top-width: 20px;
	border-color: #27A745;
}

.plan-pricing-item.local-search {
	border-top-width: 20px;
	border-color: #2C84BF;
}

.plan-pricing-item.dashboard {
	border-top-width: 20px;
	border-color: #1C547A;
}

.plan-pricing-name {
	display: flex;
	align-items: flex-start;
}

.plan-pricing-select i {
	font-size: 22px;
	margin: 5px 18px 0 0;
	cursor: pointer;
}

.plan-item-select-on {
	color: #27a745;
	font-weight: 900 !important;
	transition: 0.3s;
}

.plan-item-select-off {
	color: #aaaaaa;
	font-weight: 300 !important;
	transition: 0.3s;
}

.plan-pricing-plan-name {
	font-family: "Montserrat", Helvetica, sans-serif;
	color: #1c547a;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

.plan-pricing-plan-cost {
	font-size: 20px;
}

.plan-pricing-plan-cost span {
	color: #FF7E00;
	font-weight: 500;
}

/* @end */

.drop-area {
	border: 3px dashed #D8D8D8;
	border-radius: 10px;
	text-align: center;
	padding: 20px 20px;
}

.drop-label {
	color: #C8C8C8;
	margin: 0px 0 5px 0;
}

.draggable {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
}

.drag-handle:hover {
	cursor: move !important;
}

.draggable.pref-drag-lg {
	width: 450px !important;
}

.draggable div {
	margin-right: 15px;
}

.draggable div:last-child {
	margin-right: 15px;
}

.draggable .form-control {
	background: #ffffff;
}

#contactsSort,
#companySort,
#opportunitySort {
	display: grid;
	gap: 16px;
}

#contactsSort .workspace-contact-sort-item,
#companySort .workspace-company-sort-item,
#opportunitySort .workspace-opportunity-sort-item {
	display: grid !important;
	grid-template-columns: 24px 62px minmax(0, 1fr) minmax(0, 1.35fr);
	align-items: center;
	column-gap: 12px;
	width: 100%;
	margin-bottom: 0;
	padding-right: 15px;
	transition: background 0.3s ease;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

#contactsSort .workspace-contact-sort-item div,
#companySort .workspace-company-sort-item div,
#opportunitySort .workspace-opportunity-sort-item div {
	margin-right: 0;
}

#contactsSort .workspace-contact-sort-item > *,
#companySort .workspace-company-sort-item > *,
#opportunitySort .workspace-opportunity-sort-item > * {
	min-width: 0;
}

#opportunitySort .icon-boxed {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 50px;
	padding: 0;
	line-height: 1;
	text-align: center;
}

#contactsSort .workspace-contact-avatar img {
	width: 62px !important;
	height: 62px !important;
	object-fit: cover;
}

#contactsSort .workspace-contact-methods,
#companySort .workspace-company-methods,
#opportunitySort .workspace-opportunity-methods {
	overflow-wrap: anywhere;
}

#contactsSort .workspace-contact-sort-item:hover,
#companySort .workspace-company-sort-item:hover,
#opportunitySort .workspace-opportunity-sort-item:hover {
	background: #f2f6fc;
}

@media screen and (max-width: 768px) {
	#contactsSort .workspace-contact-sort-item,
	#companySort .workspace-company-sort-item,
	#opportunitySort .workspace-opportunity-sort-item {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		row-gap: 10px;
		padding: 12px 15px;
	}

	#contactsSort .workspace-contact-info,
	#contactsSort .workspace-contact-methods,
	#companySort .workspace-company-info,
	#companySort .workspace-company-methods,
	#opportunitySort .workspace-opportunity-info,
	#opportunitySort .workspace-opportunity-methods {
		width: 100%;
	}
}

#mpdGoalsPriorities {
	min-height: 200px;
}

#mpdGoalsPrioritiesSelected {
	min-height: 50px;
}

#cpGoalsPriorities {
	min-height: 200px;
}

#cpGoalsPrioritiesSelected {
	min-height: 50px;
}

.custom-field-group {
	padding: 10px 40px 20px 40px;
	background: #ffffff;
	margin-bottom: 1px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
}

.custom-field-group-header,
.task-field-group-header {
	color: #1c547a;
	padding-bottom: 2px;
	text-transform: uppercase;
	cursor: move;
}

.custom-field-group-header div,
.task-field-group-header div {
	margin-right: 15px;
}

.custom-field-group-header div:last-child,
.task-field-group-header div:last-child {
	margin-right: 0px;
}

.custom-field-group-header i,
.task-field-group-header i {
	font-size: 24px;
	line-height: 28px;
}

.custom-fields-sort-item,
.task-fields-sort-item {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
	cursor: move;
}

.custom-fields-sort-item div,
.task-fields-sort-item div {
	margin-right: 15px;
}

.custom-field-name,
.task-field-name {
	color: #4c4c4c !important;
	background: #ffffff;
	width: 300px;
	padding: 5px 10px;
	border-radius: 3px;
}

.custom-field-assignments,
.task-field-assignments {
	width: 110px;
}

.content-group {
	padding: 10px 40px 20px 40px;
	background: #ffffff;
	margin-bottom: 1px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
}

.track-group {
	padding: 10px 20px 20px 20px;
	background: #ffffff;
	margin-bottom: 1px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
}

.content-group-header,
.track-group-header {
	color: #1c547a;
	padding-bottom: 2px;
	text-transform: uppercase;
	cursor: move;
}

.content-group-header div,
.track-group-header div {
	margin-right: 15px;
}

.content-group-header div:last-child,
.track-group-header div:last-child {
	margin-right: 0px;
}

.content-group-header i,
.track-group-header i {
	font-size: 24px;
	line-height: 28px;
}

.content-sort-item,
.course-sort-item {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
	cursor: move;
}

.content-sort-item div,
.course-sort-item div {
	margin-right: 15px;
}

.content-item-name,
.course-item-name {
	color: #4c4c4c !important;
	background: #ffffff;
	width: 300px;
	padding: 5px 10px;
	border-radius: 3px;
}

ul#settings-analytics-sort.sortable,
ul#settings-marketing-docs-sort {
	max-width: 100%;
}

ul#settings-analytics-sort.sortable a,
ul#settings-marketing-docs-sort.sortable a {
	color: #858585;
}

ul#settings-analytics-sort.sortable a:hover,
ul#settings-marketing-docs-sort.sortable a:hover {
	color: #ff7e00;
}

.note-editor.note-frame .note-editing-area .note-editable {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
}

.note-editor.note-frame .note-editing-area .note-editable p {
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

.note-toolbar .note-para .note-dropdown-menu {
	min-width: 228px;
}

.note-toolbar .note-btn:hover {
	background: #e6e6e6;
	border-color: #adadad;
}

#cp-marketing-social-details span.input-group-text {
	min-width: 120px;
	font-size: 14px;
}

.cp-marketing-social.active span.input-group-text {
	color: #fff;
	background: #ff7e00;
	border: 1px solid #ff7e00;
}

.company-info-social span.input-group-text {
	min-width: 150px;
	font-size: 14px;
}

.company-info-social.active span.input-group-text {
	color: #fff;
	background: #ff7e00;
	border: 1px solid #ff7e00;
}

#tbl-cp-website-performance {
	width: 100%;
	margin: 0px 0 60px 0px;
	border-bottom: 1px solid #dde1e5;
}

#tbl-cp-website-performance th {
	font-size: 0.85rem;
	font-weight: 400;
	width: 10%;
	text-align: center;
	border-top: none;
}

#tbl-cp-website-performance th:first-child {
	width: 50%;
}

#tbl-cp-website-performance tr td:first-child {
	text-align: left;
}

#tbl-cp-website-performance td {
	text-align: center;
	padding: 10px;
}

#tbl-cp-website-performance .custom-radio label {
	margin-right: -.85rem;
}

.marketing-content-feed .content-feed-item {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 24px;
	padding-bottom: 24px;
}

.marketing-content-feed .content-feed-img {
	margin-right: 24px;
}

.marketing-content-feed .content-feed-title {
	margin-bottom: 5px;
}

.marketing-content-feed .content-feed-excerpt {
	font-size: 14px;
	margin-bottom: 5px;
}

.marketing-content-feed .content-feed-meta {
	font-size: 14px;
	color: #999999;
}

.tbl-call-tracking {
	font-size: 14px;
}

.tbl-call-tracking th {
	font-weight: 400;
	padding: 8px 12px;
}

.tbl-call-tracking td {
	vertical-align: top;
}

.tbl-call-tracking small {
	font-size: 0.75rem;
}

.tbl-visit-source td {
	vertical-align: top;
	padding: 5px 20px 5px 0px;
}

.tbl-visit-source td:nth-child(2) {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

.visit-details td {
	padding-right: 12px;
}

#db {
	margin: 20px 60px 60px 60px;
}

#db-sm {
	margin: 20px 10px 60px 10px;
}

@media all and (max-width: 1200px) {
	#db {
		margin: 20px 0px;
	}
}

.card-stat {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
	padding: 10px 20px;
	margin-bottom: 30px;
	flex-grow: 1;
}

.card-stat .card-header {
	background: #ffffff;
	border-bottom: none;
	padding: 0;
	min-height: 26px;
}

.card-stat .card-header h4 {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}

.card-stat .card-header .dropdown-toggle {
	font-size: 14px;
	color: #b1b1b1;
	background: none;
	border: none;
}

.card-stat .card-header .dropdown-menu {
	font-size: 14px;
}

.card-stat .card-header .dropdown-item {
	padding: 5px 10px;
}

.card-stat .card-content {
	padding: 10px 0px 0px 0px;
}

.card-visuals-value {
	color: #ff7e00;
	font-size: 60px;
	font-weight: 300;
	line-height: 100%;
}

sup.card-visuals-qualifier {
	font-size: 24px;
	vertical-align: middle;
	top: -16px;
	margin: 0 2px;
}

.card-visuals-value-small {
	color: #ff7e00;
	font-size: 36px;
	font-weight: 300;
	line-height: 100%;
}

sup.card-visuals-value-small-qualifier {
	font-size: 20px;
	vertical-align: middle;
	top: -8px;
	margin-right: 2px;
}

.db-card-visual-operator {
	font-size: 24px;
	color: #b1b1b1;
}

.card-visuals-label {
	font-size: 14px;
}

.card-visuals-section-heading {
	font-family: "Montserrat", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 5px;
}

.card-visuals-delta {
	font-size: 14px;
	margin-top: 5px;
}

.container-fluid.gmb {
	max-width: 1400px;
}

.container-fluid.analytics {
	max-width: 1400px;
}

.container-fluid.contained {
	max-width: 1400px;
}

.container-fluid.contained-lg {
	max-width: 1600px;
}

#gmb-details .gmb-details-logo {
	max-width: 64px;
	margin-right: 15px;
}

#gmb-details .gmb-details-info-about {
	margin-top: 20px;
}

#gmb-details .gmb-details-info-about-heading {
	color: #b1b1b1;
}

#gmb-rating-hours .gmb-rating-value {
	font-size: 60px;
	font-weight: 100;
	line-height: 60px;
}

#gmb-rating-hours .gmb-rating-stars i {
	font-size: 20px;
}

#gmb-rating-hours .gmb-social i {
	font-size: 34px;
	color: #1c547a;
	transition: 0.3s;
}

#gmb-rating-hours .gmb-social i:hover {
	color: #12354d;
}

.gmb-search-details-heading {
	text-transform: uppercase;
	color: #1c547a;
	font-size: 14px;
}

.gmb-search-details-desc {
	font-size: 14px;
	margin-bottom: 10px;
}

.gmb-engagement-value {
	font-size: 40px;
	line-height: 40px;
	font-weight: 100;
}

.gmb-engagement-value-delta {
	font-size: 20px;
	font-weight: 100;
	margin-right: 10px;
	color: #4c4c4c;
}

.gmb-engagement-icon {
	font-size: 16px;
	margin-top: 5px;
}

.gmb-review-item {
	padding-bottom: 20px;
	border-bottom: 1px solid #dde1e5;
	margin-bottom: 20px;
}

.gmb-review-user a {
	font-weight: 500;
	color: #4c4c4c;
}

.gmb-review-user a:hover {
	color: #ff7e00;
}

.gmb-review-user-meta a {
	font-size: 14px;
	color: #999;
}

.gmb-review-user-meta a:hover {
	color: #ff7e00;
}

.gmb-review-meta {
	margin-top: 10px;
}

.gmb-review-date {
	font-size: 14px;
	margin-left: 10px;
	color: #999;
}

.gmb-review-review {
	margin: 0px 0 15px 0;
}

.gmb-review-action a {
	color: #999;
	margin-right: 10px;
}

.gmb-review-action a:hover {
	color: #ff7e00;
}

.gmb-reply {
	margin: 20px 0 0 40px;
	border-left: 3px solid #dde1e5;
	padding-left: 20px;
}

.gmb-reply-user {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}

.gmb-reply-user span {
	font-weight: 400;
	color: #999;
}

.gmb-reply-reply {
	margin-bottom: 10px;
}

.gmb-reply-action a {
	font-size: 14px;
	color: #999;
	margin-right: 10px;
}

.gmb-reply-action a:hover {
	color: #ff7e00;
}

.gmb-photo-row {
	margin: 0 -16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.gmb-photo-item {
	width: calc(16.6666% - 16px);
	margin: 8px;
	background: #f7f7f7;
}

@media screen and (max-width: 1200px) {
    .gmb-photo-item {
		width: calc(25% - 16px);
    }
}

@media screen and (max-width: 768px) {
    .gmb-photo-item {
		width: calc(50% - 16px);
    }
}

.gmb-photo-item img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

#website-traffic-top-pages {
	color: #4c4c4c;
	margin-bottom: 0;
}

table#website-traffic-top-pages th {
	font-size: 14px;
}

table#website-traffic-top-pages th:nth-child(1n+2) {
	text-align: center;
}

table#website-traffic-top-pages td {
	font-size: 12px;
}

table#website-traffic-top-pages td:nth-child(1n+2) {
	text-align: center;
}

#dt-marketing-results-sources tr:nth-child(even),
#dt-marketing-results-campaigns tr:nth-child(even) {
	background-color: #f7f7f7;
}

#dt-marketing-results-sources td,
#dt-advertising-results-sources td {
	padding: 9px 10px 8px 10px;
}

#dt-marketing-results-source-edit .form-control,
#dt-advertising-results-source-edit .form-control {
	min-width: 180px;
}

#dt-marketing-results-campaigns td {
	padding: 10px;
}

.marketing-results-icon,
.advertising-results-icon {
	width: 30px;
	margin-right: 12px;
}

.marketing-results-source,
.advertising-results-source {
	font-size: 18px;
	font-weight: 500;
	margin-right: 10px;
}

.marketing-results-source-item .marketing-results-source-edit-icon,
.advertising-results-source-item .advertising-results-source-edit-icon {
	display: none;
}

.marketing-results-source-item:hover .marketing-results-source-edit-icon,
.advertising-results-source-item:hover .advertising-results-source-edit-icon {
	display: inline-block;
}

.marketing-results-percent,
.advertising-results-percent {
	font-size: 16px;
	color: #ff7e00;
}

.marketing-results-value,
.advertising-results-value {
	font-size: 24px;
}

sup.marketing-results-value-qualifier,
sup.advertising-results-value-qualifier {
	font-size: 14px;
	vertical-align: middle;
	top: -5px;
	margin: 0 2px;
}

/* @group DATATABLES */

#container-calendar {
	margin: 20px 10px 0px 20px;
}

.container-leads,
.container-phone-calls,
.container-contacts,
.container-opportunities,
.container-campaigns,
.container-search-advertising,
.container-ecommerce,
.container-scheduling,
.container-referrals,
.container-creative {
	max-width: 1400px;
}

#opportunities-container,
#leads-container,
#scheduling-container,
#phone-calls-container,
#contacts-container,
#data-contacts-container,
#accounts-container,
#ai-prompts-container,
#email-marketing-container,
#container-emails {
	min-width: 1400px;
}

.container-phone-calls div.dataTables_wrapper,
.container-leads div.dataTables_wrapper,
.container-contacts div.dataTables_wrapper,
.container-accounts div.dataTables_wrapper,
.container-opportunities div.dataTables_wrapper,
.container-campaigns div.dataTables_wrapper,
.container-lists div.dataTables_wrapper,
.container-emails div.dataTables_wrapper,
.container-search-advertising div.dataTables_wrapper,
.container-scheduling div.dataTables_wrapper,
.container-projects div.dataTables_wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

#settings-user-account,
#admin-settings-account-onboarding,
#admin-settings-account-status,
#admin-settings-account-referrals,
#admin-settings-account-overdue,
#admin-settings-account-user-login,
#admin-settings-user-accounts,
#admin-reporting-form-submissions,
#admin-reporting-phone-calls,
#admin-reporting-form-submissions,
#admin-reporting-forms-review,
#admin-reporting-visitors,
#admin-reporting-marketing-results,
#admin-reporting-website-hosting,
#admin-reporting-time-utilization,
#admin-reporting-knowledgebase-review,
#admin-settings-time-items,
#admin-content-expandable {
	max-width: 100%;
	margin-right: 250px;
}

.sidebar-collapsed #settings-user-account,
.sidebar-collapsed #admin-settings-account-onboarding,
.sidebar-collapsed #admin-settings-account-status,
.sidebar-collapsed #admin-settings-account-referrals,
.sidebar-collapsed #admin-settings-account-overdue,
.sidebar-collapsed #admin-settings-account-user-login,
.sidebar-collapsed #admin-settings-user-accounts,
.sidebar-collapsed #admin-reporting-form-submissions,
.sidebar-collapsed #admin-reporting-phone-calls,
.sidebar-collapsed #admin-reporting-form-submissions,
.sidebar-collapsed #admin-reporting-forms-review,
.sidebar-collapsed #admin-reporting-visitors,
.sidebar-collapsed #admin-reporting-marketing-results,
.sidebar-collapsed #admin-reporting-website-hosting,
.sidebar-collapsed #admin-reporting-time-utilization,
.sidebar-collapsed #admin-reporting-knowledgebase-review,
.sidebar-collapsed #admin-settings-time-items,
.sidebar-collapsed #admin-content-expandable {
	margin-right: 0px;
}

#dt-phone-calls img,
#dt-leads img,
#dt-ecommerce img,
#dt-reporting-website-hosting img,
#dt-company-info-websites img,
#dt-google-ads-conversions img,
#dt-bing-ads-conversions img,
#dt-facebook-ads-conversions img,
#dt-linkedin-ads-conversions img,
#dt-advertising-conversions img,
#dt-marketing-results-conversions img,
#dt-marketing-results-conversions img,
#dt-admin-settings-workflow-events img,
#dt-admin-settings-workflow-tasks img,
#dt-account-onboarding img,
#dt-scheduling img,
#dt-admin-settings-time-items img,
#dt-admin-settings-onboarding-tasks img,
#dt-admin-settings-workflows-onboarding-plan-segments img,
#dt-admin-settings-workflows-onboarding-priorities img,
#dt-reporting-phone-calls img,
#dt-lead-finder img,
#dt-opportunities img,
#dt-email-accounts img {
	height: 20px;
}

#dt-reporting-course-progress img {
	height: 30px;
	margin: 3px 0px;
}

#dt-admin-settings-workflows-icons i {
	font-size: 30px;
}

.truncate-text {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate-20-chars {
	max-width: 20ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate-25-chars {
	max-width: 25ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate-30-chars {
	max-width: 30ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate-40-chars {
	max-width: 40ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* TRUNCATED TABLE COLUMNS */

.dt-opportunities-truncate {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dt-admin-settings-workflow-tasks-truncate {
	max-width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dt-tasks-report-task-name-truncate {
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dt-tasks-report-parent-task-truncate {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dt-user-accounts-email {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dt .google-business-report-business-column {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 275px;
}

.dt .truncate-20-chars {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 20ch;
}

.dt .truncate-30-chars {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 30ch;
}

.dt .truncate-40-chars {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 40ch;
}

.dt .truncate {
	width: 100%;
	/* max-width: 260px !important; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* END TRUNCATED TABLE COLUMNS */


#admin-reporting-marketing-results table.dataTable thead .sorting,
#admin-reporting-marketing-results table.dataTable thead .sorting_desc,
#admin-reporting-marketing-results table.dataTable thead .sorting_asc,
#admin-reporting-time-utilization table.dataTable thead .sorting,
#admin-reporting-time-utilization table.dataTable thead .sorting_desc,
#admin-reporting-time-utilization table.dataTable thead .sorting_asc,
#settings-account-time table.dataTable thead .sorting,
#settings-account-time table.dataTable thead .sorting_desc,
#settings-account-time table.dataTable thead .sorting_asc,
#console-reports-time-utilization table.dataTable thead .sorting,
#console-reports-time-utilization table.dataTable thead .sorting_desc,
#console-reports-time-utilization table.dataTable thead .sorting_asc,
#console-reports-marketing-results table.dataTable thead .sorting,
#console-reports-marketing-results table.dataTable thead .sorting_desc,
#console-reports-marketing-results table.dataTable thead .sorting_asc,
#time-utilization-monthly table.dataTable thead .sorting,
#time-utilization-monthly table.dataTable thead .sorting_desc,
#time-utilization-monthly table.dataTable thead .sorting_asc,
#time-utilization-service-period_wrapper table.dataTable thead .sorting,
#time-utilization-service-period_wrapper table.dataTable thead .sorting_desc,
#time-utilization-service-period_wrapper table.dataTable thead .sorting_asc,
#account-staffing-details table.dataTable thead .sorting,
#account-staffing-details table.dataTable thead .sorting_desc,
#account-staffing-details table.dataTable thead .sorting_asc {
	background-image: none !important;
}

#dt-billing-invoices a,
#dt-billing-payments a {
	color: #ff7e00;
}

#dt-billing-invoices a:hover,
#dt-billing-payments a:hover {
	color: #cc6600;
}

.DTFC_ScrollWrapper,
.dataTables_scroll {
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05) !important;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.DTFC_ScrollWrapper .dataTables_scroll {
	border: none;
	box-shadow: none;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
}

.dt .dataTables_scrollBody {
	border-bottom: 0 !important;
}

.table-low-data .dataTables_scrollBody {
	min-height: 480px !important;
}

.dataTables_filter label {
    display: flex;
    width: 100%;
	max-width: 420px;
}

.dataTables_filter input {
    flex: 1;
    margin-left: 0;
}

table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after {
	box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.no-footer {
	border: none;
}

table.dt-rowReorder-float {
	opacity: 0.8;
}

div.dt-rowReorder-float-parent {
	table-layout: fixed;
	outline: 2px solid #ff7e00;
	outline-offset: -2px;
	z-index: 2001;
	position: absolute !important;
	overflow: hidden;
	border: 0;
	box-shadow: none;
}

tr.dt-rowReorder-moving {
	outline: 2px solid #ff7e00;
	outline-offset: -2px;
}

body.dt-rowReorder-noOverflow {
	overflow-x: hidden;
}

table.dataTable td.reorder {
	text-align: center;
	cursor: move;
}

table.fixedHeader-floating {
	top: 59px !important;
}

.dt table.dataTable thead th,
table.dataTable.fixedHeader-floating thead th {
	font-size: 14px;
	color: #777;
	background-color: #f5f5f5 !important;
	font-weight: 500;
	border: none;
	padding: 12px 10px;
}

.dt table.dataTable thead th i,
table.dataTable.fixedHeader-floating thead th i {
	font-size: 16px;
}

.dt table.dataTable thead td {
	border: none;
	background: #f5f5f5;
	padding: 5px 10px;
}

.dt table.dataTable td {
	font-size: 14px;
	padding: 12px 10px;
}

.dtr-details li {
	text-align: left !important;
}

.dtr-title {
	font-weight: 500 !important;
}

#dt-tasks-report td,
#dt-lead-finder td,
#dt-lead-finder-accounts td {
	padding: 7px 10px;
}

.dt table.dataTable td a {
	color: #1c547a;
}

.dt table.dataTable td a:hover {
	color: #2c84bf;
}

.dt table.dataTable td .dropdown-menu a {
	color: #212529;
}

.dt table.dataTable td i {
	font-size: 16px;
}

.dt table.dataTable td i.fa-ellipsis-v {
	font-size: 12px !important;
}

.dt table.dataTable th.dropdown-menu {
    overflow: overlay !important;
    overflow-x: overlay !important;
    overflow-y: overlay !important;
}

.dataTables_scrollHead {
    position: relative;
    width: 100%;
    overflow: initial !important;
    overflow-x: initial !important;
    overflow-y: initial !important;
    min-height: 0,
}

.dt-icon-col {
	max-width: 30px;
}

.dt table.dataTable thead td.table-header-section-highlight {
	font-weight: 500;
	color: #ffffff;
	text-align: center !important;
	background-color: #1c547a !important;
}

.dt table.dataTable thead td.table-header-section-faded {
	font-weight: 500;
	color: #ffffff;
	text-align: center !important;
	background-color: #dddddd !important;
}

.dt table.dataTable thead td.table-header-section-gap {
	width: 20px !important;
}

table.dataTable thead .sorting {
  background-image: url("../img/sort_both.png") !important;
}
table.dataTable thead .sorting_asc {
  background-image: url("../img/sort_asc.png") !important;
}
table.dataTable thead .sorting_desc {
  background-image: url("../img/sort_desc.png") !important;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../img/sort_asc_disabled.png") !important;
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../img/sort_desc_disabled.png") !important;
}

.dt table.dataTable tr.danger {
	color: #eb5757;
	font-weight: 500;
}

.dt .dataTables_wrapper .dataTables_filter input[type="search"] {
	color: #333333;
	border: 1px solid #ced4da;
	border-radius: 3px;
	background: #f5f5f5;
	font-size: 15px;
	padding: 0.375rem 0.75rem;
	margin: 0 0px 0 0;
	/* min-width: 435px; */
}

.dt .dataTables_wrapper .dataTables_filter input[type="search"]:focus {
	border-color: #ff7e00;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 126, 0, 0.4);
	/*box-shadow: none;*/
	outline: 0 none;
}

.dt .dataTables_wrapper .dataTables_filter {
	float: none;
	text-align: left;
	margin-bottom: 10px;
}

.dt .dataTables_wrapper .dataTables_length {
	color: #4c4c4c;
	float: right;
	margin-top: 10px
}

@media all and (max-width: 768px) {
	.dt .dataTables_wrapper .dataTables_length {
		float: none;
		text-align: center;
	}
}

.dataTables_wrapper .dataTables_paginate {
	float: none;
	text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	font-size: 14px;
	padding: 5px 12px;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: #4c4c4c !important;
	border: none;
	border-radius: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	color: #fff !important;
	border: none;
	background: #ff7e00;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	cursor: default;
	color: #4c4c4c !important;
	border: none;
	background: transparent;
	box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em;
}

.dataTables_wrapper .dataTables_info {
	color: #4c4c4c;
	font-size: 14px;
}

.play_toggle:hover {	
	cursor: pointer;
}

.dt .bg-light {
	background: #f5f5f5 !important;
}

.dt .pc-icon {
	text-align: center;
}

.dt i.fa-phone {
	color: #27A745;
}

.dt i.fa-phone-slash {
	color: #CED4DA;
}

.dt i.fa-circle {
	color: #27A745;
}

.dt-onboarding i.fa-circle {
	color: #b1b1b1;
}

.dt-onboarding i.fa-check-circle {
	color: #27A745;
}

.dt-onboarding i.fa-calendar-check,
.dt-onboarding i.fa-spinner,
.dt-onboarding i.fa-user-check {
	color: #1c547a;
}

.dt-onboarding i.fa-calendar-times {
	color: #eb5757;
}

.dt i.fa-repeat {
	color: #1c547a;
}

.dt i.fa-play {
	color: #4c4c4c;
}

.dt i.fa-star {
	color: #F9C727;
}

.dt i.disabled {
	color: #CED4DA;
}

.dt .badge {
	font-size: 14px;
	padding-top: 5px;
	padding: 5px auto;
}

.text-form-review-disapproved {
	font-size: 12px !important;
	color: #ffffff;
	background: #eb5757;
	width: 22px;
	height: 22px;
	line-height: 22px !important;
	border-radius: 3px;
}

.text-form-review-review {
	font-size: 12px !important;
	color: #ffffff;
	background: #b1b1b1;
	width: 22px;
	height: 22px;
	line-height: 22px !important;
	border-radius: 3px;
}

.text-form-review-approved {
	font-size: 12px !important;
	color: #ffffff;
	background: #27a745;
	width: 22px;
	height: 22px;
	line-height: 22px !important;
	border-radius: 3px;
}

i.sales-item-new {
	color: #27A745;
}

/* @end */

.container-fluid.sales-detail {
	max-width: 1440px;
	margin: 10px auto 40px auto;
}

.sales-detail-type-icon {
	font-size: 36px;
	color: #ffffff;
	background: #1c547a;
	border-radius: 3px;
	padding: 10px;
	margin: 0px 15px 0 0px;
}

.sales-detail-type-icon-blocked {
	font-size: 36px;
	color: #ffffff;
	background: #eb5757;
	border-radius: 3px;
	padding: 10px;
	margin: 0px 15px 0 0px;
}

.icon-boxed {
	color: #ffffff;
	padding: 10px 10px 8px 10px;
	border-radius: 3px;
}

.icon-boxed-primary-lg {
	font-size: 42px;
	color: #ffffff;
	background: #1c547a;
	border-radius: 3px;
	padding: 10px;
}

.sales-detail h1 {
	color: #1c547a;
	margin-top: -4px;
	word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.sales-detail h2,
.sales-detail h3,
.sales-detail h4 {
	font-weight: normal;
	color: #1c547a;
}

.sales-detail .col-form-label {
	font-size: 14px;
	margin-top: -1px;
}

.sales-detail-page-action div {
	margin-left: 10px;
}

.sales-detail-rating {
	margin-bottom: 30px;
}

.sales-detail-rating i {
	font-size: 24px;
	color: #F9C727;
}

.sales-detail-rating i.rating-disabled {
	color: #c1c1c1;
}

.sales-detail-rating p {
	font-size: 14px;
	margin-top: 5px;
}

.sales-detail-listen button {
	margin-bottom: 10px;
}

.sales-detail-listen {
	font-size: 14px;
}

.sales-detail-assignments .sales-detail-assignments-wrap {
	float: right;
}

@media all and (max-width: 992px) {
	.sales-detail-assignments .sales-detail-assignments-wrap {
		float: none;
	}
}

.sales-detail-assignments .input-group-text {
	color: #1c547a;
	width: 45px;
	background: none;
	border: none;
	padding: 0;
}

.sales-detail-assignments .input-group-text i {
	font-size: 20px;
	padding: 8px 12px;
}

.sales-detail-assignments .input-group-text a {
	color: #1c547a;
	transition: 0.3s;
	
}

.sales-detail-assignments .input-group-text a:hover {
	color: #ff7e00;
}

.sales-contact-detail-main-content,
.sales-account-detail-main-content {
	background: #f2f2f2;
	padding: 16px;
}

.sb-sales-detail {
	width: 380px;
	padding: 0 24px 0 10px;
}

.sb-sales-detail a {
	color: #1c547a;
}

.sb-sales-detail a:hover {
	color: #12354d;
}

.sb-sales-detail-section-heading {
	padding: 0 0 5px 12px;
	margin: 30px 0 10px 0;
	border-bottom: 1px solid #dde1e5;
}

.sb-sales-detail-section-heading h4 {
	color: #b1b1b1;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
	line-height: 24px;
}

.sb-sales-detail h5 {
	color: #b1b1b1;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.sb-sales-detail-contact-container {
	margin: 0 0 0 12px;
}

.sales-detail-name-container-edit,
.sb-sales-detail-contact-container-edit,
.sales-detail-marketing-details-container-edit {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
	padding: 10px;
}

.sb-sales-detail-display-item {
	font-size: 14px;
	margin: 0 0 8px 0;
}

.sb-sales-detail-display-item-designation {
	font-size: 12px;
	color: #b1b1b1;
}

.sb-sales-detail-display-item-description {
	font-size: 14px;
	line-height: 1.4em;
	margin: 8px 0;
}

.sales-detail-name-container-edit .form-group,
.sb-sales-detail .form-group,
.sales-detail-marketing-details-container-edit .form-group {
	margin-bottom: 2px;
}

.contact-item-controls i {
	color: #1c547a;
}

.sb-sales-detail-contact-container-edit i {
	color: #b1b1b1;
}

.sales-detail-name-container-edit input[type=text].form-control,
.sb-sales-detail input[type=text].form-control,
.sales-detail-marketing-details-container-edit input[type=text].form-control {
	font-size: 14px;
	background: #fff;
	border: none;
	border-bottom: 2px solid #fff;
	border-radius: 0;
}

.sb-sales-detail textarea.form-control {
	font-size: 14px;
	margin-bottom: 10px;
}

.sales-detail-name-container-edit input[type=text].form-control:hover,
.sb-sales-detail input[type=text].form-control:hover,
.sales-detail-marketing-details-container-edit input[type=text].form-control:hover {
	background: #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
}

.sales-detail-name-container-edit input[type=text].form-control:focus,
.sb-sales-detail input[type=text].form-control:focus,
.sales-detail-marketing-details-container-edit input[type=text].form-control:focus {
	background: #f5f5f5;
	border-bottom: 2px solid #ff7e00;
	box-shadow: none;
}

.sb-sales-detail .bootstrap-select .btn-sales-detail-sb {
	margin-left: -1px;
}

.sb-sales-detail-contact-container.personal a i {
	color: #1c547a;
	font-size: 24px;
	margin-left: 10px;
	transition: 0.3s;
}

.sb-sales-detail-contact-container.personal a:hover i {
	color: #12354d;
}

.btn-sales-detail-sb {
	font-size: 14px;
	color: #4c4c4c !important;
	text-transform: none;
	border-radius: 0px;
}

.btn-sales-detail-sb:hover,
.btn-sales-detail-sb:active,
.btn-sales-detail-sb:focus,
.btn-sales-detail-sb:not(:disabled):not(.disabled):active,
.show > .btn-sales-detail-sb.dropdown-toggle {
	color: #4c4c4c !important;
	background: #f5f5f5;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-sales-detail-sb i {
	margin-right: 0.75rem;
}

.sales-detail-add::before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f055';
	font-weight: 900;
	margin-right: 8px;
}

.dropdown-add-item::before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f055';
	font-weight: 900;
	margin-right: 8px;
}

.sales-detail-block {
	margin-bottom: 40px;
	width: 100%;
}

.sales-detail-visits td {
	padding-right: 8px;
}

.sales-detail-block-footer .btn-no-outline-primary:hover i {
	color: #ffffff;
}

.sales-call-history {
	height: 230px;
	overflow-y: auto;
}

.sales-detail textarea {
	background: #ffffff;
}

.call-note-item {
	margin-bottom: 15px;
	background: #ffffff;
	padding: 8px 15px;
	border-radius: 3px;
	border-left: 3px solid #ff7e00;
}

.call-note-item-meta {
	color: #b1b1b1;
}

.sales-contact-detail-overview-sidebar {
	background: #f5f5f5;
	padding: 24px 20px;
}

.sales-detail .tab-content {
	padding: 0px 5px;
}

.sales-detail .nav-pills li {
	margin: 0 2px 10px 2px;
}

.sales-detail .nav-pills a {
	font-size: 14px;
	color: #1c547a;
	background: #ffffff;
	border-radius: 100px;
	transition: 0.3s;
	padding: 5px 15px;
}

.sales-detail .nav-pills a:hover,
.sales-detail .nav-pills a.active {
	color: #ffffff;
	background: #1c547a;
}

.sales-note-item {
	margin-bottom: 20px;
	clear: both!important;
}

.sales-note-item-icon {
	color: #ff7e00;
	font-size: 24px;
	background: #ffffff;
	width: 52px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	border-radius: 50%;
	border: 0px solid #ff7e00;
}

.sales-note-item-icon:hover a {
	background: #ff7e00;
	color: #ffffff;
	border-radius: 50%;
	display: block;
}

.sales-note-item.unread .sales-note-item-content {
	background: #fff6ed;
	border: 1px solid #ff7e00;
	border-left: 6px solid #ff7e00;
}

.sales-note-item-content {
	width: 100%;
	background: #ffffff;
	border-radius: 3px;
	border-left: 3px solid #ff7e00;
}

.sales-note-item-content-details {
	font-size: 16px;
	padding: 10px 15px;
	word-break: break-word;
}

.sales-note-note {
	padding: 10px 15px 0px 15px;
}

.sales-note-meta {
	color: #999;
}

.sales-note-item-meta {
	font-size: 14px;
	color: #888;
	padding: 3px 15px;
	border-top: 1px solid #dde1e5;
	word-break: break-all;
}

.sales-note-item-meta div:nth-child(1) {
	flex-shrink: 1;
	margin-right: 16px;
}

.sales-note-item-meta div:nth-child(2) {
	flex-shrink: 0;
}

.sales-note-item-visit {
	border-top: 1px solid #dde1e5;
}

.sales-note-item-visit td {
	padding-right: 8px;
}

.sales-detail-cf-container {
	background: #fff;
}

.sales-detail-cf-header {
	color: #1c547a;
	text-transform: uppercase;
}

.sales-detail-cf-header i {
	color: #1c547a;
	font-size: 24px;
}

.sales-detail-cf-container textarea {
	background: #f5f5f5;
}

.sales-detail-assoc-container {
	background: #ffffff;
}

.sales-detail-assoc-header {
	color: #1c547a;
	text-transform: uppercase;
}

.sales-detail-assoc-header:hover {
	cursor: pointer;
}

.sales-detail-assoc-header-icon i {
	color: #1c547a;
	font-size: 24px;
}

.sales-detail-assoc-header[aria-expanded='true']::after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f077';
	margin-left: 8px;
	font-weight: 900;
}

.sales-detail-assoc-header[aria-expanded='false']::after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f078';
	margin-left: 8px;
	font-weight: 900;
}

.sales-detail-block button.url-expand {
	color: #ff7e00;
	background: none;
	transition: 0.3s;
	border: none;
}

.sales-detail-block button.url-expand:hover {
	color: #cc6600;
}

.sales-detail-block button.url-expand:focus {
	outline: none;
}

.call-transcription-thread-item {
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding: 10px 20px 0px 20px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}

.call-transcription-thread-item.call-speaker-0 {
	background: #ffffff;
	border-left: 4px solid #27a745;
}

.call-transcription-thread-item.call-speaker-1 {
	background: #ffffff;
	border-left: 4px solid #ff7e00;
	margin-left: 60px;
}

.call-transcription-thread-item.call-speaker-2 {
	background: #ffffff;
	border-left: 4px solid #1c547a;
	margin-right: 60px;
}

.call-transcription-speaker {
	font-weight: 500;
	margin-bottom: 4px;
}

.call-transcription-spoken {
	font-size: 14px;
}

.call-segment-description {
	font-size: 14px;
}

.sentiment-item {
	display: flex;
	margin-bottom: 16px;
	background: #ffffff;
	padding: 12px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.sentiment-neutral i {
	color: #666666;
}

.sentiment-positive i {
	color: #27a745;
}

.sentiment-negative i {
	color: #eb5757;
}

.sentiment-icon {
	margin-top: -2px;
	margin-right: 12px;
}

.sentiment-icon i {
	font-size: 26px;
}

.sentiment-content {
	font-size: 14px;
}


.form-submission-images-attached {
	display: flex;
}

.form-submission-images-attached img {
	max-height: 75px;
	margin: 0 8px 0 0;
	border: 1px solid #e1e1e1;
}

.email-detail-stats-box {
	width: 25%;
	text-align: center;
	padding: 16px;
	border: 1px solid #e5e5e5;
	border-bottom: 4px solid;
}

.email-detail-stats-value {
	font-size: 40px;
	font-weight: 300;
	color: #FF7E00;
	line-height: 100%;
	margin-bottom: 5px;
}

@media all and (max-width: 768px) {
	.email-detail-stats-value {
		font-size: 30px;
	}
	.email-detail-stats-label {
		font-size: 14px;
	}
	.email-detail-stats-subvalue {
		font-size: 14px;
	}
}

.email-detail-stats-subvalue {
	font-size: 18px;
	margin-bottom: 10px;
}

.email-detail-stats-label {
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.email-detail-stats-box.email-recipients {
	border-bottom-color: #ff7e00;
}

.email-detail-stats-box.email-delivered {
	border-bottom-color: #86BBD8;
}

.email-detail-stats-box.email-opens {
	border-bottom-color: #57CC99;
}

.email-detail-stats-box.email-clicks  {
	border-bottom-color: #F4D35E;
}

.email-detail-stats-box.email-devices  {
	width: 318px;
	border-bottom-color: #fa5d63;
}

.email-detail-stats-box.email-unsubscribes  {
	width: 318px;
	border-bottom-color: #c4a6ff;
}

.opportunity-group {
	padding: 10px 40px 20px 40px;
	background: #ffffff;
	margin-bottom: 1px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
}

.opportunity-group-header {
	color: #1c547a;
	padding-bottom: 2px;
	text-transform: uppercase;
	cursor: move;
}

.opportunity-group-header i {
	font-size: 24px;
	line-height: 28px;
}

.opportunity-group-header div {
	margin-right: 15px;
}

.opportunity-group-header div:last-child {
	margin-right: 0px;
}

.opportunity-item {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
	cursor: move;
}

.opportunity-item div {
	margin-right: 15px;
}

.opportunity-item-name {
	background: #ffffff;
	width: 250px;
	padding: 5px 10px;
	border-radius: 3px;
}

@media all and (max-width: 768px) {
	.opportunity-item-name {
		width: 200px;
	}
}

ul.opportunity-link-existing-results,
ul.contact-link-existing-results,
ul.account-link-existing-results {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

ul.opportunity-link-existing-results {
	height: 490px;
	overflow-y: auto;
}

@media screen and (max-width: 768px) {
	ul.opportunity-link-existing-results {
		height: 240px;
		overflow-y: auto;
	}
}

ul.opportunity-link-existing-results a,
ul.contact-link-existing-results a,
ul.account-link-existing-results a {
	color: #4c4c4c;
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
}

ul.opportunity-link-existing-results a:hover,
ul.contact-link-existing-results a:hover,
ul.account-link-existing-results a:hover {
	background-color: #f8f9fa;
}

.list-optgroup {
	font-size: .875rem;
	font-weight: 400;
	color: #6c757d;
	padding: 0.25rem 0.75rem;
}

.dashcard-sort-item {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
	cursor: move;
	position: relative;
}

.dashcard-sort-action {
	cursor: pointer;
}

.dashcard-sort-item div {
	margin-right: 15px;
}

.dashcard-sort-item-actions {
	background: #ffffff;
	position: absolute;
	display: none;
	right: 100px;
	top: 2px;
	z-index: 2;
	padding: 4px 4px 4px 4px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.dashcard-sort-item-actions i {
	font-size: 16px !important;
	margin: 0 4px;
}

.dashcard-sort-item:hover .dashcard-sort-item-actions {
	display: flex;
}

.sort-item {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
	cursor: move;
}

.sort-item div {
	margin-right: 15px;
}

#trackingSort tbody:nth-child(odd) {
	background: #ffffff;
}

.sort-item-tracking {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	border-bottom: 1px solid #dde1e5 !important;
}

.fa-arrows-alt:hover {
	cursor: move;
}

.website-tracking-code {
	text-align: left;
}

.edu-filter-button {
	margin: 0 3px;
}
.edu-filter-button:hover,
.edu-filter-button:active {
    background-color: #cc6600 !important;
}

.edu-item {
    margin-bottom: 30px;
}

.edu-item a h4 {
	text-align: center;
	margin-top: 15px;
	transition: 0.3s;
}

.edu-item a:hover h4 {
    color: #ff7e00;
}

ul.new-menu-list {
	list-style-type: none;
	padding: 0;
}

ul.new-menu-list li a {
	font-size: 18px;
	color: #1c547a;
	padding: 6px 10px;
	border-radius: 3px;
	display: block;
	transition: 0.3s;
}

ul.new-menu-list li a:hover {
	color: #ffffff;
	background: #1c547a;
}

ul.new-menu-list li i {
	margin-right: 10px;
}

.form-notifications-icons,
.form-review-icons {
	width: 60px;
	display: inline-block;
}

.form-notifications-icons i,
.form-review-icons i {
	width: 15px;
	margin: 0 5px;
	text-align: center;
}

#dt-reporting-marketing-results img,
#dt-console-reports-marketing-results img,
.dt-advertising-report img,
.dt-search-kpi-report img,
.dt-social-kpi-report img {
	height: 20px;
	margin: 0 3px;
}

#dt-forms img {
	height: 16px;
	margin: 0 2px;
}

.dt-form-locations td {
	max-width: 460px !important;
	white-space: normal !important;
	word-wrap: break-word;
}

.marketing-forms-description a {
	position: relative;
}

.marketing-forms-description i {
	display: none;
	position: absolute;
}

.marketing-forms-description:hover i {
	display: inline;
}

#dt-reporting-website-hosting i,
#dt-company-info-websites i {
	font-size: 18px;
}

.header-row-icon {
	color: #4c4c4c;
	background: #f5f5f5 !important;
	padding: 5px !important;
	border-radius: 3px !important;
	text-align: center;
	width: 100%;
}

.header-row-icon-text i {
	color: #777777;
	padding-right: 10px !important;
}

.marketing-websites-indicators {
	margin-top: 30px;
}

#marketing-websites .websites-desktop {
    height: 320px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

#marketing-websites .websites-desktop img {
    max-width: 100%;
    max-height: auto;
    object-fit: cover;
    object-position: top;
}

#marketing-websites .websites-desktop-tall {
    height: 420px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

#marketing-websites .websites-desktop-tall img {
    max-width: 100%;
    max-height: auto;
    object-fit: cover;
    object-position: top;
}

#marketing-websites .websites-phone {
    height: 290px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.10);
    border-radius: 10px;
}

#marketing-websites .websites-phone img {
    max-width: 100%;
    max-height: auto;
    object-fit: cover;
    object-position: top;
}

@media screen and (max-width: 992px) {
    #marketing-websites .desktop {
        height: 450px;
    }
    #marketing-websites .phone {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    #marketing-websites .desktop {
        height: 340px;
    }
    #marketing-websites .phone {
        height: 300px;
    }
}

.marketing-websites-tag-location img {
	height: 20px;
}

.marketing-websites-tag-icon {
	width: 30px;
	margin-right: 16px;
}

.tag-locations img {
	width: 20px;
	margin-right: 10px;
}

#tag-add-code,
#tag-edit-code {
	font-size: 0.75rem;
	font-family: 'SFMono-Regular',monospace;
}

.CodeMirror {
	font-size: 14px;
}

#dt-campaigns-tracking img {
	height: 20px;
}

.tracking-create-type-row {
    margin-left: -10px;
    margin-right: -10px;
}

.tracking-create-type-item [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.tracking-create-type-item label:hover {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    /* box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); */
    transition: 0.3s;
}

.tracking-create-type-item [type=radio]:checked + label {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.tracking-create-type-item {
    width: 100%;
    margin: 10px;
}

.tracking-create-type-item label {
    color: #1c547a;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    padding: 16px 8px 6px 8px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.tracking-create-type-item label i {
    margin-bottom: 10px;
}

.tbl-tracking-link-summary {
	border-bottom: 1px solid #dee2e6;
}

.login-types-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 -8px;
}

.login-type-item {
	width: calc(20% - 16px);
	margin: 8px 8px;
}

@media all and (max-width: 1192px) {
	.login-type-item {
        flex-basis: calc(25% - 16px);
	}
}

@media all and (max-width: 1024px) {
	.login-type-item {
        flex-basis: calc(33.33% - 16px);
	}
}

@media all and (max-width: 768px) {
	.login-type-item {
        flex-basis: calc(50% - 16px);
	}
}

@media all and (max-width: 576px) {
	.login-type-item {
        flex-basis: calc(100% - 16px);
	}
}

.login-type-item [type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.login-type-item label {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border: 2px solid #e1e1e1;
	border-radius: 4px;
	margin-bottom: 0;
	cursor: pointer;
}

.login-type-item label.active {
	background: #ffffff;
	border: 2px solid #ff7e00;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.login-type-item .login-request-type-icon {
	width: 35px;
	margin-right: 15px;
}

.login-type-item .login-request-type-icon img {
	max-width: 42px;
}

#logins-requested-container {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
}

.logins-requested-item {
	width: calc(25% - 32px);
	text-align: center;
	padding: 16px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	margin: 16px;
}

@media all and (max-width: 1024px) {
	.logins-requested-item {
        flex-basis: calc(25% - 32px);
	}
}

@media all and (max-width: 768px) {
	.logins-requested-item {
        flex-basis: calc(50% - 32px);
	}
}

@media all and (max-width: 576px) {
	.logins-requested-item {
        flex-basis: calc(100% - 32px);
	}
}

.logins-requested-icon img {
	height: 48px;
}

.logins-requested-name {
	font-size: 20px;
	margin: 16px 0;
}

#login-request-email-preview-container {
	width: 767px;
	padding: 40px;
	margin: 10px auto;
	background: #edf2f7;
}

.login-request-email-preview-content {
	background: #ffffff;
	
}

#dt-logins iframe #result {
	position: absolute;
	top: 25%;
}

#dt-logins .css-pdasit {
	background: none;
	border: none;
	padding: 0;
	margin-right: 5px;
	outline:none;
}

#dt-logins .css-pdasit:hover::before {
	color: #2c84bf;
}

#dt-logins .css-pdasit::before {
	color: #1c547a;
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
    content: '\f0c5';
    font-weight: 900;
}

input.task-time {
	width: 70px !important;
}

.task-type-item,
.task-type-item-sub {
	display: flex;
	align-items: center;
}

.task-type-item-sub {
	padding: 16px 0 0 0;
}

.task-type-icon {
	width: 30px;
	margin-right: 16px;
	text-align: center;
}

.task-type-icon img {
	max-width: 30px;
	max-height: 30px;
}

.task-type-name {
	flex-grow: 1;
}

.task-type-name a {
	color: #1c547a;
}

.task-type-name a:hover {
	color: #2c84bf;
}

.task-type-item-sub {
	margin-left: 45px;
}

#new {
	padding-top: 20px;
}

.new-task-container {
    margin-left: -10px;
    margin-right: -10px;
}

.new-task-item {
	width: calc(25% - 20px);
    margin: 10px;
}

.new-task-item [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.new-task-item label:hover {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    transition: 0.3s;
}

.new-task-item [type=radio]:checked + label {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.new-task-icon {
	font-size: 42px;
}

.new-task-icon img {
	height: 42px;
}

.new-task-item label {
    color: #1c547a;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    padding: 16px 8px 6px 8px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.new-task-item label i,
.new-task-item img {
    margin-bottom: 10px;
}

.new-workflow-container {
    margin-left: -10px;
    margin-right: -10px;
}

.new-workflow-item {
	width: calc(25% - 20px);
    margin: 10px;
}

.new-workflow-item [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.new-workflow-item label:hover {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    transition: 0.3s;
}

.new-workflow-item [type=radio]:checked + label,
.new-workflow-item-sub [type=radio]:checked + label {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.new-workflow-item label {
    color: #1c547a;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    padding: 12px 8px 0px 8px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.new-workflow-icon i {
	font-size: 42px;
}

.new-workflow-icon img {
	height: 42px;
	margin-bottom: 4px;
}

.new-workflow-item-sub-container {
	width: 400px;
	margin: 40px auto 0px auto;
}

.new-workflow-item-sub {
    margin: 10px;
}

.new-workflow-item-sub [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.new-workflow-item-sub label:hover {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    transition: 0.3s;
}

.new-workflow-item-sub label {
    color: #1c547a;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    display: flex;
	align-items: center;
    padding: 8px 8px 4px 8px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.new-workflow-icon-sub i {
	font-size: 30px;
	margin-right: 12px;
}

.new-workflow-icon-sub img {
	height: 42px;
	margin-right: 12px;
}













.linkedin-campaign-item [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.linkedin-campaign-item label:hover {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    transition: 0.3s;
}

.linkedin-campaign-item [type=radio]:checked + label {
    color: #ffffff;
    background: #1c547a;
    border-color: #1c547a;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.linkedin-campaign-item label {
    color: #1c547a;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    padding: 12px 8px 0px 8px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.linkedin-campaign-item i {
	font-size: 42px;
}
















.referral-stats-box {
	text-align: center;
	padding: 16px;
	border: 1px solid #e5e5e5;
	border-bottom: 4px solid #57CC99;
	height: 100%;
}

.referral-stats-value {
	font-size: 40px;
	font-weight: 300;
	color: #FF7E00;
	line-height: 100%;
	margin-bottom: 5px;
}

@media all and (max-width: 768px) {
	.referral-stats-value {
		font-size: 30px;
	}
	.referral-stats-label {
		font-size: 14px;
	}
}

.referral-stats-label {
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.referral-email-preview-content {
	height: 400px;
	overflow: hidden;
	overflow-y: scroll;
}

#contact-center-mobile {
	width: 100%;
	padding: 16px;
}

.device-frame iframe {
	width: 100%;
	height: 100%;
}

.device-content {
	-ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

.device-content::-webkit-scrollbar {
    display: none;
}

.mobile-close {
	top: 0px;
	right: 16px;
	position: absolute;
}

#contact-center-controls .form-control {
	font-size: 16px;
}

.contact-center-phone-sort-item,
.contact-center-link-sort-item {
	padding: 7px 0px 7px 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
	border-radius: 3px;
	cursor: move;
}

.contact-center-phone-sort-item div,
.contact-center-link-sort-item div {
	margin-right: 15px;
}

.contact-center-phone-sort-label {
	color: #4c4c4c !important;
	background: #ffffff;
	width: 300px;
	padding: 5px 10px;
	border-radius: 3px;
}

.contact-center-phone-sort-number {
	color: #4c4c4c !important;
	background: #ffffff;
	width: 150px;
	padding: 5px 10px;
	border-radius: 3px;
}

.contact-center-phone-sort-extension {
	color: #4c4c4c !important;
	background: #ffffff;
	width: 60px;
	padding: 5px 10px;
	border-radius: 3px;
}

.contact-center-link-sort-label {
	text-align: center;
	width: 300px;
	padding: 5px 10px;
	border-radius: 3px;
}

.contact-center-address-sort-label {
	color: #4c4c4c !important;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}

.btn-cc-icon {
	color: #4c4c4c;
}

.btn-cc-icon:hover,
.btn-cc-icon.active {
	color: #ffffff;
	background: #27a745;
}

.course-img {
	width: 300px;
	margin-right: 16px;
}

#modal-timer .modal-body,
#launch-meeting .modal-body,
#add-edit-time .modal-body,
#service-plan-select .modal-body {
	background: #f5f5f5;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
}

.timer-task {
	background: #ffffff;
	border: 1px solid #ced4da;
	border-radius: 3px;
	padding: 6px 0;
	height: 265px;
	overflow-y: auto;
}

.timer-task div {
	font-size: 15px;
	padding: 4px 12px;
}

.timer-task div:hover {
	color: #ffffff;
	background: #ff7e00;
	cursor: pointer;
}

.timer-task-active {
	color: #ffffff;
	background: #ff7e00;
}

.timer-task div.timer-task-separator:hover {
	color: inherit;
	background: inherit;
	cursor: inherit;
}

.timer-task-separator hr {
	margin: 2px 0;
	border-top: 1px dashed #ced4da;
}

.timer-activity {
	background: #ffffff;
	/* border-left: 4px solid #ff7e00; */
	padding: 15px;
	display: flex;
	align-items: center;
}

.timer-activity-icon {
	font-size: 36px;
	margin-right: 12px;
}

.timer-activity-count {
	font-size: 30px;
	margin-right: 20px;
}

.timer-activity-account {
	font-size: 18px;
	font-weight: 500;
}

.timer-activity-task {
	font-size: 16px;
}

#timer-account-picker:hover,
#timer-account-picker:active,
#timer-account-picker:focus,
#timer-account-picker:not(:disabled):not(.disabled):active,
.show > #timer-account-picker.dropdown-toggle {
	color: #4c4c4c !important;
	background: #f5f5f5;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.selectpicker-search-dropdown-light {
	border: 1px solid #ced4da !important;
}

.timer-summary-on {
	border-left: 4px solid #27a745;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
	max-width: 380px;
}

.timer-summary-off {
	border-left: 4px solid #eb5757;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
	width: 200px;
}

.timer-summary-pending {
	border-left: 4px solid #1c547a;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
	width: 200px;
}

.timer-summary-counter {
	color: #27A745;
	font-size: 20px;
}

.timer-summary-heading {
	font-size: 16px;
}

.timer-summary-description {
	font-size: 14px;
	padding-bottom: 2px;
}

.dt-time-utilization-workflow-time-display {
	cursor: pointer;
}

.dt-time-utilization-workflow-time-edit {
	display: flex;
	align-items: center;
}

.dt-time-utilization-workflow-time-edit input {
	width: 100px;
}

#dt-time-utilization-workflow tr {
	position: relative;
	transition: 0.3s;
}

#dt-time-utilization-workflow td {
	position: relative;
	transition: 0.3s;
}

#dt-time-utilization-workflow tr:hover .dt-time-utilization-add-time-after {
	opacity: 1;
}

.dt-time-utilization-add-time-after {
	position: absolute;
	top: 48px;
	left: 46%;
	opacity: 0;
	z-index: 2;
}

.dt-time-utilization-add-time-after i {
	font-size: 20px !important;
}



/* VISITORS	 STYLES */

#visitors {
	margin: 0px 60px 0px 60px;
}

.visitors-container {
	height: calc(100vh - 96px);
	overflow-y: auto;
}

.visitors-date-container {
	margin-bottom: 30px;
}

.visitors-date {
	font-size: 18px;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
}

.visitors-item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 15px;
}

.visitors-time {
	font-size: 14px;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	text-align: right;
	width: 70px;
	margin-right: 20px;
	flex-shrink: 0;
}

.visitors-source {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border: 3px solid;
	border-radius: 100%;
	margin-right: 20px;
}

.visitors-source i {
	font-size: 24px !important;
}

.visitors-source img {
	max-width: 30px;
	max-height: 30px;
}

.visitors-source.visitors-source-default,
.visitors-source.visitors-source-email,
.visitors-source.visitors-source-website {
	color: #1c547a;
	border-color: #1c547a;
}

.visitors-source.visitors-source-bing,
.visitors-source.visitors-source-bing-ads {
	color: #008272;
	border-color: #008272;
}

.visitors-source.visitors-source-google,
.visitors-source.visitors-source-google-ads,
.visitors-source.visitors-source-google-my-business {
	color: #3C8BD9;
	border-color: #3C8BD9;
}

.visitors-source.visitors-source-content {
	color: #92B591;
	border-color: #92B591;
}

.visitors-source.visitors-source-directory-ads {
	color: #8BB1CF;
	border-color: #8BB1CF;
}

.visitors-source.visitors-source-facebook,
.visitors-source.visitors-source-facebook-ads {
	color: #0B84ED;
	border-color: #0B84ED;
}

.visitors-source.visitors-source-instagram {
	color: #C938AC;
	border-color: #C938AC;
}

.visitors-source.visitors-source-linkedin,
.visitors-source.visitors-source-linkedin-ads {
	color: #007BB5;
	border-color: #007BB5;
}

.visitors-source.visitors-source-pinterest {
	color: #E60023;
	border-color: #E60023;
}

.visitors-source.visitors-source-referral {
	color: #74A173;
	border-color: #74A173;
}

.visitors-source.visitors-source-remarketing-ads {
	color: #E14A83;
	border-color: #E14A83;
}

.visitors-source.visitors-source-twitter {
	color: #0F1419;
	border-color: #0F1419;
}

.visitors-source.visitors-source-yahoo {
	color: #600CD2;
	border-color: #600CD2;
}

.visitors-source.visitors-source-youtube,
.visitors-source.visitors-source-youtube-ads {
	color: #E52D27;
	border-color: #E52D27;
}

.visitors-actions {
	width: 160px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
}

.visitors-actions div {
	margin-right: 20px;
}

a.visitors-action {
	color: #1c547a;
	font-weight: 400;
}

a.visitors-action:hover i,
a.visitors-action.active i {
	font-weight: 900 !important;
}

.visitors-content {
	display: flex;
	align-items: center;
	background: #f2f2f2;
	border-radius: 9999px;
	padding: 16px 20px 16px 20px;
}

.visitors-item i {
	font-size: 18px;
}

.visitors-activities {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.visitors-activity {
	color: #ff7e00;
	margin-left: 20px;
}

.visitors-name .visitors-type-email {
	color: #1c547a;
}

label.visitors-select {
	display: flex;
	align-items: center;
	padding: 5px 8px;
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	margin-bottom: 4px;
	margin-left: -8px;
}

label.visitors-select.active {
	background: #ffffff;
	/* border: 1px solid #ff7e00; */
	/* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); */
}

label.visitors-select:hover {
	cursor: pointer;
}

.visitors-select-icon {
	width: 20px;
	margin: 0 0px 0 10px;
}

.plan-cost {
	font-size: 20px;
	color: #ff7e00;
	font-weight: 500;
}

.plan-segment-heading {
	color: #1c547a;
	font-weight: 500;
	margin-bottom: 8px;
}

/* TEXT MESSAGES STYLES */

#text-messages-container {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

#text-messages-filter-header,
#text-messages-content-header,
#text-messages-stream-header,
#text-template-content-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e1e1e1;
	padding: 6px 12px 6px 12px;
	height: 46px;
}

@media screen and (max-width: 767px) {
    #text-messages-content-header {
        display: none;
    }
}

#text-messages-list-header,
#text-templates-list-header {
	border-bottom: 1px solid #e1e1e1;
	padding: 6px 12px 6px 12px;
}

#text-messages-filter-header h4,
#text-messages-content-header h4 {
	font-family: 'Rubik', Helvetica, sans-serif;
	font-weight: 500;
	margin-bottom: 0;
}

#text-messages-filter,
#email-filter {
	flex: 0 0 200px;
	border-right: 1px solid #e1e1e1;
}

.text-messages-filter-container {
	padding: 8px;
	height: calc(100vh - 187px);
	overflow-y: auto;
}

#email-filter-container {
	height: calc(100vh - 96px);
	overflow-y: auto;
}

.messages-filter-item,
.messages-filter-item a,
.email-filter-item,
.email-filter-item a {
	color: #4c4c4c;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
}

.btn-messages-filter,
.btn-email-filter {
	width: 200px;
	font-size: 14px;
	padding: 1px 10px;
	border: none;
	background: #ffffff;
	transition: 0.2s;
}

.btn-messages-filter:focus,
.btn-email-filter:focus {
	outline: none;
}

.btn-messages-filter.active,
.btn-messages-filter:hover,
.btn-email-filter.active,
.btn-email-filter:hover {
	/* color: #ffffff; */
	background: #CDEBFA;
}

.messages-filter-icon,
.email-filter-icon {
	color: #1c547a;
	font-size: 20px;
	margin-right: 10px;
	width: 25px;
	text-align: center;
}

.messages-filter-name,
.email-filter-name {
	margin-right: auto;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* TODO */
/* #text-messages-list {
	flex: 0 0 300px;
	border-right: 1px solid #e1e1e1;
} */

#text-messages-list-header img {
	width: 30px;
	height: 30px;
	border-radius: 9999em;
}

.text-list-container {
	padding: 8px;
	height: calc(100vh - 178px);
	overflow-y: auto;
}

.text-list-item {
	font-size: 14px;
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 2px;
}

.text-list-item:hover,
.text-list-item.active,
.text-list-item.unread:hover {
	background: #CDEBFA;
	cursor: pointer;
}

.text-list-item.unread {
	font-weight: 500;
	background: #f2f2f2;
}

.text-list-details {
	min-width: 0;
}

.text-list-avatar {
	margin-right: 10px;
}

.text-list-avatar img {
	width: 30px;
	height: 30px;
	border-radius: 9999em;
}

.text-list-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}

.text-list-title div:first-child {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-list-title div:nth-child(2) {
	white-space: nowrap;
}

.text-list-preview {
	font-size: 12px;
	line-height: 1.1;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* TODO */
#text-messages-content {
	flex: 1;
	/* border-right: 1px solid #e1e1e1; */
}

.text-container {
	padding: 0px 20px 20px 20px;
	height: calc(100vh - 527px);
	overflow-y: auto;
}

#text-messages-modal .text-container {
	height: calc(100vh - 554px);
}

.text-messages-content-footer {
	background: #f7f7f7;
	padding: 8px 20px;
}

.text-date {
	font-size: 14px;
	text-align: center;
	margin: 20px 0;
}

.text-item {
	font-size: 14px;
	display: flex;
	margin: 30px 0;
}

.text-content {
	max-width: 90%;
	flex-shrink: 1;
}

.text-note .text-content {
	max-width: 60%;
}

.text-message a img {
	display: flex;
}

.text-receive .text-message {
	background: #FAF3D9;
	padding: 10px;
	border-radius: 10px;
}

.text-send,
.text-scheduled {
	justify-content: flex-end;
}

.text-send .text-message {
	background: #E0F1E1;
	padding: 10px;
	border-radius: 10px;
}

.text-scheduled .text-message {
	background: #CDEBFA;
	padding: 10px;
	border-radius: 10px;
}

.text-unsubscribe .text-message {
	color: #ffffff;
	background: #eb5757;
	padding: 10px;
	border-radius: 10px;
}

.text-note {
	justify-content: center;
}

.text-note .text-message {
	background: #f2f2f2;
	padding: 10px;
	border-radius: 10px;
}

.text-meta {
	color: #888888;
	margin-bottom: 2px;
}

.text-send .text-meta,

.text-note .text-meta,
.text-scheduled .text-meta {
	text-align: right;
}

#text-message-input {
	height: 185px;
	border: 1px solid #dee2e6; border-top-left-radius: 0;
}

/* TODO */
/* #text-messages-stream {
	flex: 0 0 500px;
} */

#text-messages-stream-container {
	padding: 8px;
}

.text-stream-item {
	font-size: 14px;
	padding: 10px 10px 5px 10px;
	background: #f7f7f7;
	border-radius: 5px;
	margin-bottom: 2px;
}

.text-stream-item-content {
	display: flex;
}

.text-stream-meta {
	color: #888888;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	padding-top: 4px;
	border-top: 1px solid #e1e1e1;
}

#text-template-content,
#email-template-content {
	flex: 1;
}

.text-template-container,
.email-template-container {
	padding: 8px;
	height: calc(100vh - 142px);
	overflow-y: auto;
}

.modal .text-template-container {
	height: 500px;
	overflow-y: auto;
	padding: 0;
}

.text-template-item {
	padding: 10px;
	margin: 2px 0px 2px 0;
	border-bottom: 1px solid #e1e1e1;
}

#text-template-list,
#email-template-list {
	flex: 0 0 700px;
	border-right: 1px solid #e1e1e1;
}

.text-template-item.active,
.text-template-item:hover {
	background: #CDEBFA;
	border-radius: 5px;
}

.text-template-name {
	font-size: 14px;
	font-weight: 500;
}

.text-template-meta {
	color: #888888;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.text-template-subject {
	color: #888888;
	font-size: 14px;
}

.text-template-preview {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.text-template-preview p {
	margin-bottom: 5px;
}

.text-template-details-container {
	padding: 8px;
	height: calc(100vh - 142px);
	overflow-y: auto;
	overflow-x: hidden;
}

#text-template-message,
#email-template-message {
	height: calc(100vh - 423px);
}

#template-merge-fields.tab-content {
	padding: 20px;
	border: 1px solid #dde1e5;
	border-top: 0;
}

#chat-container {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

#chat-sidebar {
	background: #f8f8f8;
	flex: 0 0 300px;
	padding: 12px;
	border-right: 1px solid #e1e1e1;
	height: calc(100vh - 96px);
	overflow-y: auto;
	left: 0;
}

#chat-sidebar.collapsing {
	height: auto !important;
	left: -100%;
	transition: all 0.3s ease-in-out;
}

#chat-sidebar-open {
	display: none;
}

.chat-sidebar-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0px 0px 8px 0px;
    border-bottom: 1px solid #dddddd;
	margin-bottom: 8px;
}

#chat-sidebar h3 {
    font-weight: bold;
    margin-bottom: 0px;
}

#chat-sidebar h4 {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
    font-weight: 500;
	padding-left: 8px;
    margin-bottom: 8px;
}

ul.chat-sidebar-menu {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

ul.chat-sidebar-menu li {
	font-size: 14px;
}

ul.chat-sidebar-menu li a {
	color: #4c4c4c;
	padding: 8px;
	display: block;
}

ul.chat-sidebar-menu li a.active,
ul.chat-sidebar-menu li a:hover  {
	background: #e9e9e9;
	border-radius: 5px;
}

ul.chat-sidebar-menu img {
	width: 24px;
	margin-right: 8px;
}

ul.chat-sidebar-menu li.active {
	background: #e9e9e9;
}

.chat-sidebar-history-title {
	color: #1c547a;
	font-weight: 500;
}

#chat-output {
	flex: 1;
	/* border-right: 1px solid #e1e1e1; */
	height: calc(100vh - 96px);
	overflow-y: auto;
}

.chat-container {
	margin: 20px;
}

.chat-date {
	text-align: center;
	margin: 60px 0;
}

.chat-date:first-child {
	margin-top: 0;
}

.chat-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
}

.chat-content {
	max-width: 85%;
	display: flex;
	flex-shrink: 1;
}

.chat-content strong {
	font-weight: 500;
}

.chat-content code {
	font-size: 16px;
}

.chat-icon img {
	width: 24px;
	margin-right: 16px;
	margin-top: -4px;
}

.chat-actions {
	margin-left: 34px;
	display: flex;
	align-items: center;
	opacity: 0;
}

.chat-item:hover .chat-actions {
	opacity: 1;
}

.chat-actions .btn {
	font-size: 18px;
	color: #4c4c4c;
	padding: 4px;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.chat-actions .btn:hover {
	/* color: #1c547a; */
	background: #efefef;
	border-radius: 5px;
}

.chat-send {
	align-items: end;
}

.chat-send .chat-message {
	background: #f1f1f1;
	padding: 10px 20px;
	border-radius: 10px;
}

#chat-input {
	flex: 0 0 600px;
}

@media screen and (max-width: 1440px) {
	#chat-input {
		flex: 0 0 500px;
	}
}
@media screen and (max-width: 1024px) {
	#chat-input {
		flex: 0 0 500px;
	}
}

#chat-input-prompt-content .fr-wrapper,
#chat-input-prompt-content .fr-second-toolbar {
	background: #f8f8f8;
}

#qa-log-answer .fr-wrapper,
#qa-log-answer .fr-second-toolbar  {
	background: #f5f5f5;
}

#lead-finder-header {
	border-bottom: 1px solid #e1e1e1;
	padding: 20px 16px 20px 25px;
}

#lead-finder-container {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

#lead-filters-container {
	flex: 0 0 400px;
	border-right: 1px solid #e1e1e1;
	transition: 0.3s ease-in-out;
}

#lead-filters {
	height: calc(100vh - 268px);
    overflow-y: auto;
}

#lead-filters-container.open {
	display: flex;
}

#lead-filters-container.closed {
	display: none;
}

#lead-filters-header {
	padding: 8px;
	border-bottom: 1px solid #e1e1e1;
}

.lead-filter-item {
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
	padding: 8px;
}

.lead-filter-item-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 4px 8px 4px 0px;
	cursor: pointer;
}

.lead-filter-item-icon {
	color: #c7cdd4;
}

.lead-filter-item-title {
	font-size: 14px;
	flex: 1;
}

.lead-filter-item-title i {
	font-size: 12px;
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.lead-filter-item-header[aria-expanded='true'] .lead-filter-item-count {
	display: none;
}

.lead-filter-item-header[aria-expanded='false'] .lead-filter-item-count {
	display: flex;
}

.lead-filter-item-header[aria-expanded='true'] .lead-filter-item-clear {
	display: flex;
}

.lead-filter-item-header[aria-expanded='false'] .lead-filter-item-clear {
	display: none;
}

.lead-filter-input {
	margin-bottom: 8px;
}

.lead-filter-selections {
	padding: 8px;
	background: #F3F8FC;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
	margin-top: 4px;
}

.token-item {
	font-size: 12px;
	display: flex;
	align-items: center;
	margin-bottom: 4px;
	gap: 10px;
}

.token-element {
	display: flex;
	gap: 4px;
	width: 100%;
	align-items: center;
	background: #f7f7f7;
	padding: 8px 8px 8px 12px;
	border-radius: 4px;
}

.token-element.exclude {
	background: #FCDFE9;
}

.token-name {
	min-width: 0;
	font-size: 12px;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.token-actions {
	display: flex;
	gap: 10px;
	align-items: center;
}

.token-actions a {
	color: #888888;
}

.token-actions a:hover {
	color: #ff7e00;
}

.token-actions a.active {
	text-decoration: underline;
}

textarea.data-filter-domain-upload {
	height: 460px !important;
	overflow-y: auto;
}

#lead-results {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	padding: 8px 12px 12px 12px;
	height: calc(100vh - 176px);
	overflow-y: auto;
}

label[for="lead-select-method-number"].custom-control-label::before,
label[for="lead-select-method-number"].custom-control-label::after,
label[for="email-select-method-number"].custom-control-label::before,
label[for="email-select-method-number"].custom-control-label::after {
	top: 12px;
}

label[for="text-select-method-number"].custom-control-label::before,
label[for="text-select-method-number"].custom-control-label::after,
label[for="text-select-method-number"].custom-control-label::before,
label[for="text-select-method-number"].custom-control-label::after {
	top: 12px;
}

#email-container {
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
}

#email-list-header {
	border-bottom: 1px solid #e1e1e1;
	padding: 6px 12px 6px 12px;
}

#email-list-container {
	padding: 8px;
	height: calc(100vh - 215px);
	overflow-y: auto;
}

.email-list-item {
	font-size: 14px;
	display: flex;
	align-items: center;
	padding: 8px 10px;
	border-radius: 5px;
	margin-bottom: 2px;
}

.email-list-item:hover,
.email-list-item.active,
.email-list-item.unread:hover {
	background: #CDEBFA;
	cursor: pointer;
}

.email-list-item.unread {
	font-weight: 500;
	background: #f2f2f2;
}

.email-list-avatar {
	margin-right: 10px;
}

.email-list-avatar img {
	width: 30px;
	height: 30px;
	border-radius: 9999em;
}

.email-list-details {
	width: 100%;
	min-width: 0;
}

.email-list-meta  {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.email-list-subject {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 4px;
	color: #ff7e00;
}

.email-list-timestamp {
	flex: 0 0 auto;
	white-space: nowrap;
}

.email-list-preview {
	font-size: 12px;
	line-height: 1.1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#email-content-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e1e1e1;
	padding: 6px 12px 6px 12px;
	/* height: 46px; */
}

.email-content-from {
	font-weight: 500;
}

.email-content-email-address {
	font-size: 14px;
}

#email-message-container {
	padding: 12px;
	height: calc(100vh - 207px);
	overflow-y: auto;
}

#email-message-header {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e1e1e1;
	padding: 0px 0px 8px 0px;
}

.email-message-avatar {
	margin-right: 20px;
}

.email-message-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 9999em;
}

#email-message-details {
	font-size: 14px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.email-message-subject {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
}

.email-message-content {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#video-container {
	height: calc(100vh - 226px);
	overflow-y: auto;
}

#video-details {
	height: calc(100vh - 226px);
	overflow-y: auto;
	border-left: 1px solid #e1e1e1;
}

#video-details .comments-item-container {
	height: calc(100vh - 498px);
	overflow-y: auto;
}

td.table-icon-group {
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	padding: 20px 10px !important;
}

td.table-icon-group i {
	margin-right: 4px;
}

.landing-page-img-wrapper {
    height: 260px;
    overflow: hidden;
}

.landing-page-img-wrapper img,
.landing-page-img-wrapper iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border: none;
}

@media screen and (min-width: 577px) {
	#modal-opportunity-create-link.modal-body {
		/* min-height: 82vh; */
		max-height: 82vh;
	}
}

@media screen and (min-width: 577px) {
	#modal-contact-create-link.modal-body {
		min-height: 82vh;
		max-height: 82vh;
	}
}

@media screen and (min-width: 577px) {
	#modal-account-create-link.modal-body {
		min-height: 82vh;
		max-height: 82vh;
	}
}

.modal-footer {
	background: #f7f7f7;
	border-bottom-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

/* .modal-footer button {
	font-weight: 500;
} */

#opportunity-modal-column-1 {
	height: calc(100vh - 124px);
	width: 450px !important;
	min-width: 450px !important;
	overflow-y: auto;
	padding: 10px 12px 20px;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#opportunity-modal-column-2 {
	height: calc(100vh - 124px);
	overflow-y: auto;
	background: #f2f2f2;
	overflow-x: hidden;
	width: 100%;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#opportunity-modal-column-3 {
	border-top: 1px solid #e1e1e1;
}

.opportunity-assignments .input-group-text {
	color: #1c547a;
	background: none;
	border: none;
	padding: 0;
	display: inline-flex;
	margin-right: 10px;
}

.opportunity-assignments .input-group-text i {
	font-size: 20px;
}

.opportunity-assignments .input-group-text a {
	color: #1c547a;
	transition: 0.3s;
}

.opportunity-assignments .input-group-text a:hover {
	color: #ff7e00;
}

#opportunity-modal-column-2 .nav-pills li {
	margin: 0 2px 10px 2px;
}

#opportunity-modal-column-2 .nav-pills a {
	font-size: 14px;
	color: #1c547a;
	background: #ffffff;
	border-radius: 100px;
	transition: 0.3s;
	padding: 5px 15px;
}

#opportunity-modal-column-2 .nav-pills a:hover,
#opportunity-modal-column-2 .nav-pills a.active {
	color: #ffffff;
	background: #1c547a;
}

#opportunity-notes-container {
	height: calc(100vh - 428px);
	overflow-y: auto;
}

.sales-assignments .input-group-text {
	color: #1c547a;
	background: none;
	border: none;
	padding: 0;
	display: inline-flex;
	margin-right: 10px;
}

.sales-assignments .input-group-text i {
	font-size: 20px;
}

.sales-assignments .input-group-text a {
	color: #1c547a;
	transition: 0.3s;
}

.sales-assignments .input-group-text a:hover {
	color: #ff7e00;
}

#workspace-content {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

#workspace-sidebar-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 4px 8px;
	border-bottom: 1px solid #e1e1e1;
}

#workspace-sidebar-toolbar {
	display: flex;
	align-items: center;
	/* gap: 8px; */
	justify-content: space-between;
	padding: 4px 8px;
	border-bottom: 1px solid #e1e1e1;
}

#workspace-sidebar-items {
	padding: 8px;
}

.workspace-sidebar-item {
	font-size: 14px;
	background: #f2f2f2;
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 2px;
}

.workspace-sidebar-item:hover,
.workspace-sidebar-item.active {
	background: #CDEBFA;
	cursor: pointer;
}

.workspace-sidebar-item div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.workspace-sidebar-item-title {
	color: #1c547a;
	font-weight: 500;
}

.workspace-sidebar-section-heading {
	color: #1c547a;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#workspace-modal-sidebar-icons {
	height: 100%;
	background: #f5f5f5;
	padding: 10px;
}

#workspace-modal-sidebar-icons li .menu-icon {
	width: 36px;
	text-align: center;
	margin-right: 0px;
	display: inline-block;
}

#workspace-sidebar-opportunity {
	min-height: 150px;
	max-height: 240px;
	overflow-y: auto;
}

#workspace-sidebar-company {
	min-height: 150px;
	max-height: 222px;
	overflow-y: auto;
}

#workspace-sidebar-contacts {
	min-height: 150px;
	max-height: 266px;
	overflow-y: auto;
}

.workspace-sidebar-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 9999em;
}

#workspace-text .text-list-container {
	height: calc(100vh - 257px);
	overflow-y: auto;
}

#workspace-text .text-container {
    padding: 0px 20px 20px 20px;
    height: calc(100vh - 557px);
    overflow-y: auto;
}

.workspace-associations-container,
.workspace-fields-container,
.workspace-activity-container {
	height: calc(100vh - 145px);
	overflow-y: auto;
	padding: 12px;
	background: #f2f2f2;
}

.off-canvas-workspace {
	width: 850px;
	margin-right: -870px;
}

.modal-over-off-canvas {
	z-index: 1101;
}

.modal-over-modal {
	z-index: 1101;
}

.workspace-ai-container {
	display: flex;
}

#workspace-container {
	flex-wrap: nowrap;
}

#workspace-modal-column-1 {
	height: calc(100vh - 127px);
	overflow-y: auto;
	padding: 6px 9px 6px 6px;
	border-right: 1px solid #e1e1e1;
}

#workspace-modal-column-2 {
	height: calc(100vh - 127px);
	overflow-y: auto;
	background: #f2f2f2;
	padding: 12px;
	width: calc(40% - 30px);
	border-right: 1px solid #e1e1e1;
}

#workspace-modal-column-3 {
	height: calc(100vh - 127px);
	overflow-y: auto;
	width: calc(60% - 31px);
}

#workspace-modal h5 {
	font-size: 20px;
}

@media screen and (max-width: 1401px) {
	#workspace-modal {
		width: 100%;
		margin: 0;
		padding: 0 !important;
	}
	#workspace-modal .modal-dialog {
		width: 100%;
		margin: 0;
		padding: 0 !important;
	}
	#workspace-modal .modal-content {
		margin: 0;
		border-radius: 0;
	}
	#workspace-container {
		flex-wrap: wrap;
	}
	#workspace-modal-column-1 {
		height: auto;
	}
	#workspace-modal-column-2 {
		height: auto;
		width: 100%;
		border-right: none;
	}
	#workspace-modal-column-3 {
		height: auto;
		width: 100%;
		overflow: visible;
	}
	#workspace-modal h5 {
		font-size: 16px;
	}
	h5.off-canvas-title {
		font-size: 16px;
	}
}

.modal-mobile {
	padding: 0 !important;
}

@media screen and (max-width: 769px) {
    .modal-mobile .modal-content {
		width: 100% !important;
		height: 100% !important;
        margin: 0;
		border-radius: 0;
    }
    .modal-mobile .modal-dialog {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
        margin: 0;
    }

	.modal-mobile .modal-body {
		padding: 0 12px 12px 12px;
		overflow-x: hidden;
	}
}


#workspace-modal #email-message-container {
	padding: 12px;
	height: calc(100vh - 180px);
	overflow-y: auto;
}

#workspace-modal #email-list-container {
	height: calc(100vh - 293px);
}

#workspace-modal #email-filter-container {
	height: calc(100vh - 175px);
	overflow-y: auto;
}

#ai-modal-expanded #chat-output {
    /* border-right: 1px solid #e1e1e1; */
    height: calc(100vh - 394px);
    overflow-y: auto;
}

#ai-modal-expanded #chat-sidebar {
    background: #f8f8f8;
    flex: 0 0 300px;
    padding: 12px;
    border-right: 1px solid #e1e1e1;
    height: calc(100vh - 56px);
    overflow-y: auto;
}

@media screen and (max-width: 768px) {
	#ai-modal-expanded #chat-output {
		height: calc(100vh - 356px);
	}
	#ai-modal-expanded #chat-sidebar {
		height: 100vh !important;
	}
}


@media screen and (max-width: 768px) {
	#ai-modal-expanded .workspace-ai-container {
		position: relative;
		overflow: hidden;
	}

	#ai-modal-expanded #chat-sidebar {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		border-right: 0;
		transform: translateX(-100%);
		transition: transform 0.28s ease-in-out;
		will-change: transform;
	}

	#ai-modal-expanded #chat-sidebar.show {
		transform: translateX(0);
	}
}

.modal-overlay-chat-attach {
	position: absolute;
	inset: 0;
	background: rgba(51, 127, 255, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	z-index: 2;
}

#ai-qa-log-column-1 {
	height: calc(100vh - 148px);
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#ai-qa-log-column-2 {
	height: calc(100vh - 148px);
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#ai-qa-log-column-3 {
	width: 700px !important;
	background: #f2f2f2;
	border-top: 1px solid #e1e1e1;
}


#modal-sidebar-icons {
	height: 100%;
	background: #f5f5f5;
	padding: 10px;
}

#modal-sidebar-icons li .menu-icon {
	width: 36px;
	text-align: center;
	margin-right: 0px;
	display: inline-block;
}

.workspace-header-search {
	position: relative;
}

#workspace-header-search-toggle {
	transition: opacity 0.2s ease;
}

.workspace-header-search.is-open #workspace-header-search-toggle {
	opacity: 0;
	width: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	pointer-events: none;
}

.workspace-header-search-field {
	width: 0;
	opacity: 0;
	overflow: hidden;
	margin-left: 0;
	position: relative;
	pointer-events: none;
	transition: width 0.2s ease, opacity 0.2s ease, margin-left 0.2s ease;
	background: #f2f2f2;
	border: none !important;
	border-radius: 9999px;
	
}

.workspace-header-search.is-open .workspace-header-search-field {
	width: 220px;
	opacity: 1;
	margin-left: 0.5rem;
	pointer-events: auto;
}

.workspace-header-search-field .fa-search {
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	color: #9aa0a6;
	pointer-events: none;
}

#workspace-header-search-input.form-control {
	/* height: 37px; */
	border: none !important;
	background: transparent;
	padding: 10px 8px 10px 2.15rem;
}

#workspace-header-search-input.form-control:focus {
	box-shadow: none;
}

#workspace-nav .nav-link {
	color: #1c547a;
	font-size: 20px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 5px;
}

#workspace-nav .nav-link:hover,
#workspace-nav .nav-link.active {
	color: #ffffff;
	background: #1c547a;
}


.workspace-off-canvas {
	top: 0;
	z-index: 1100;
	overflow-x: hidden;
	overflow-y: auto;
	width: 85%;
	transition: margin .4s ease-out;
	-webkit-transition: margin .4s ease-out;
	-moz-transition: margin .4s ease-out;
	-ms-transition: margin .4s ease-out;
}

.off-canvas-85 {
	top: 0;
	z-index: 1100;
	overflow-x: hidden;
	overflow-y: auto;
	width: 85%;
	transition: margin .4s ease-out;
	-webkit-transition: margin .4s ease-out;
	-moz-transition: margin .4s ease-out;
	-ms-transition: margin .4s ease-out;
}

.off-canvas-left {
	left: 0;
	margin-left: -100%;
}

#off-canvas-menu #workspace-off-canvas-nav a {
	color: #1c547a;
	padding: 15px 12px;
	display: block;
	font-size: 24px;
}

#off-canvas-menu #workspace-off-canvas-activity-nav a {
	font-size: 20px;
	padding: 8px 23px !important;
}

#off-canvas-menu .collapse a:hover {
	background: none;
}

.workspace-item {
	margin-bottom: 20px;
	display: flex;
	clear: both!important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px;
}

@media screen and (max-width: 1024px) {
	.workspace-item {
		margin-bottom: 6px;
	}
}

.workspace-item-content {
	font-size: 14px;
	word-break: break-word;
	width: 100%;
	border-radius: 3px;
	background: #ffffff;
	border-left: 3px solid #ff7e00;
	transition: background 0.3s ease;
}

.workspace-item.active {
	box-shadow: 0 2px 4px rgba(28, 84, 122, 0.08), 0 5px 10px rgba(28, 84, 122, 0.15);
}

.workspace-item.active .workspace-item-content,
.workspace-item:hover .workspace-item-content {
	background: #f2f6fc;
}

.workspace-item-icon {
	color: #ff7e00;
	font-size: 24px;
	margin-right: 12px;
}

.workspace-item.unread .workspace-item-content {
	background: #fff6ed;
	border: 1px solid #ff7e00;
	border-left: 6px solid #ff7e00;
}

.workspace-item-meta {
	font-size: 14px;
	color: #888;
	padding: 5px 15px;
	/* border-top: 1px solid #dde1e5; */
	word-break: break-all;
}

.workspace-item-meta div {
	flex-shrink: 1;
}

/* .workspace-item-meta div:nth-child(2) {
	flex-shrink: 0;
} */

.workspace-item .rating-stars i {
	font-size: 18px;
}

#workspace-ai #chat-output {
	height: calc(100vh - 302px);
}


/* TODO DELETE THESE */
 .has-workspace-assignment {
	position: relative;
 }

.workspace-assignment {
	display: none;
	z-index: 2;
	margin-left: 8px;
}

 .has-workspace-assignment:hover .workspace-assignment {
	display: flex;
}

.btn-workspace-assignment {
	color: #2C84BF;
	background: #F7FBFD;
	border-color: #2C84BF;
	border-radius: 3px;
}

.btn-workspace-assignment:hover,
.btn-workspace-assignment:active,
.btn-workspace-assignment:focus,
.btn-workspace-assignment:not(:disabled):not(.disabled):active,
.btn-workspace-assignment:not(:disabled):not(.disabled).active,
.show > .btn-workspace-assignment.dropdown-toggle {
	color: #ffffff;
	background: #2C84BF;
	border-color: #2C84BF;
	box-shadow: none !important;
}

.btn-workspace-assignment i {
	margin-right: 0.75rem;
}


.navy .workspace-item-icon {
	color: #1C547A;
}
.navy .workspace-item-content {
	border-left-color: #1C547A;
}

.dark-blue .workspace-item-icon {
	color: #2A7EB7;
}
.dark-blue .workspace-item-content {
	border-left-color: #2A7EB7;
}

.red .workspace-item-icon {
	color: #D50000;
}
.red .workspace-item-content {
	border-left-color: #D50000;
}

.ruby .workspace-item-icon {
	color: #ed7673;
}
.ruby .workspace-item-content {
	border-color: #ed7673;
}

.purple .workspace-item-icon {
	color: #ba68c8;
}
.purple .workspace-item-content {
	border-left-color: #ba68c8;
}

.aqua .workspace-item-icon {
	color: #26c6da;
}
.aqua .workspace-item-content {
	border-left-color: #26c6da;
}

.ocean .workspace-item-icon {
	color: #00acc1;
}
.ocean .workspace-item-content {
	border-left-color: #00acc1;
}

.teal .workspace-item-icon {
	color: #26a69a;
}
.teal .workspace-item-content {
	border-left-color: #26a69a;
}

.lime .workspace-item-icon {
	color: #66bb6a;
}
.lime .workspace-item-content {
	border-left-color: #66bb6a;
}

.sky .workspace-item-icon {
	color: #039be5;
}
.sky .workspace-item-content {
	border-left-color: #039be5;
}

.blue .workspace-item-icon {
	color: #337fff;
}
.blue .workspace-item-content {
	border-left-color: #337fff;
}

.lavender .workspace-item-icon {
	color: #7886cb;
}
.lavender .workspace-item-content {
	border-left-color: #7886cb;
}

.yellow .workspace-item-icon {
	color: #e4c440;
}
.yellow .workspace-item-content {
	border-left-color: #e4c440;
}

.gold .workspace-item-icon {
	color: #ffb300;
}
.gold .workspace-item-content {
	border-left-color: #ffb300;
}

.orange .workspace-item-icon {
	color: #fb8c00;
}
.orange .workspace-item-content {
	border-left-color: #fb8c00;
}

.gray .workspace-item-icon {
	color: #607d8b;
}
.gray .workspace-item-content {
	border-left-color: #607d8b;
}

.light-gray .workspace-item-icon {
	color: #aaaaaa;
}
.light-gray .workspace-item-content {
	border-left-color: #aaaaaa;
}

.forest .workspace-item-icon {
	color: #43A047;
}
.forest .workspace-item-content {
	border-left-color: #43A047;
}

.moss .workspace-item-icon {
	color: #AFB42B;
}
.moss .workspace-item-content {
	border-left-color: #AFB42B;
}

.magenta-dark .workspace-item-icon {
	color: #AB47BC;
}
.magenta-dark .workspace-item-content {
	border-left-color: #AB47BC;
}

.pink .workspace-item-icon {
	color: #F06292;
}
.pink .workspace-item-content {
	border-left-color: #F06292;
}

.cobalt .workspace-item-icon {
	color: #1976D2;
}
.cobalt .workspace-item-content {
	border-left-color: #1976D2;
}

/* KANBAN STYLES */

#kanban-board {
    height: calc(100vh - 158px);
    overflow-x: scroll;
}

.kanban-container {
    height: 100%;
}

.kanban-board {
    background: #f2f2f2 !important;
    border-radius: 12px;
    padding: 0px;
    height: 100%;
}

.kanban-board-header {
    background: rgb(var(--kanban-board-bg-rgb, 28, 84, 122));
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    position: relative;
    padding: 4px 12px 4px 12px !important;
    font-weight: 500;
    color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.kanban-board-header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 4px;
}

.kanban-title-board {
    font-size: 16px;
    display: block !important;
    width: 100%;
    text-align: center;
    font-weight: 500 !important;
}

.kanban-board-header-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    color: inherit;
    font-weight: 400 !important;
}

.kanban-board-header-stat-value {
    margin-left: 6px;
    font-weight: 500;
}

.kanban-board-header .kanban-board-header-action {
    position: absolute;
    right: 8px;
    top: 4px;
    z-index: 1;
}

.kanban-board-header .kanban-board-header-action .dropdown-toggle::after {
    display: none;
}

.kanban-board-header .kanban-sort-dropdown {
    min-width: 220px;
}

.kanban-drag {
    height: calc(100vh - 270px);
    padding: 8px 7px 7px 7px !important;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(76, 76, 76, 0.35) transparent;
}

.kanban-drag::-webkit-scrollbar {
    width: 10px;
}

.kanban-drag::-webkit-scrollbar-track {
    background: transparent;
}

.kanban-drag::-webkit-scrollbar-thumb {
    background: rgba(76, 76, 76, 0.28);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

.kanban-drag::-webkit-scrollbar-thumb:hover {
    background: rgba(76, 76, 76, 0.42);
    border: 2px solid transparent;
    background-clip: padding-box;
}

.kanban-item {
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    padding: 8px 12px 4px 12px;
    margin-bottom: 6px;
    transition: 0.0s;
    outline: 1px solid #dee2e6;
	/* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 5px 0 rgba(0, 0, 0, 0.10); */
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.kanban-item:hover {
    outline: 2px solid #80bdff;
    cursor: pointer;
}

.kanban-item-header {
	padding-bottom: 12px;
}

.kanban-item-header .opportunity-name {
    font-weight: 500;
}

.kanban-item .rating-stars i {
	font-size: 18px;
}

@media (max-width: 767.98px) {
	#kanban-board {
		height: auto;
		overflow-x: hidden;
	}

	.kanban-container {
		display: block;
		height: auto;
		width: auto !important;
		max-width: 100%;
		min-width: 0;
	}

	.kanban-board {
		float: none;
		width: 100% !important;
		max-width: 100%;
		height: auto;
		margin: 0 0 16px 0 !important;
	}

	.kanban-board:last-child {
		margin-bottom: 0 !important;
	}

	.kanban-drag {
		height: auto;
		max-height: 300px;
		overflow-y: scroll;
	}

	.kanban-item-content,
	.kanban-item-header {
		min-width: 0;
	}
}

.kanban-board footer {display: none;}

.kanban-board.kanban-emoryday-light {
    --kanban-board-bg-rgb: 42, 126, 183;
}

.kanban-board.kanban-red {
    --kanban-board-bg-rgb: 213, 0, 0;
}

.kanban-board.kanban-ruby {
    --kanban-board-bg-rgb: 237, 118, 115;
}

.kanban-board.kanban-purple {
    --kanban-board-bg-rgb: 186, 104, 200;
}

.kanban-board.kanban-aqua {
    --kanban-board-bg-rgb: 38, 198, 218;
}

.kanban-board.kanban-ocean {
    --kanban-board-bg-rgb: 0, 172, 193;
}

.kanban-board.kanban-teal {
    --kanban-board-bg-rgb: 38, 166, 154;
}

.kanban-board.kanban-lime {
    --kanban-board-bg-rgb: 102, 187, 106;
}

.kanban-board.kanban-sky {
    --kanban-board-bg-rgb: 3, 155, 229;
}

.kanban-board.kanban-blue {
    --kanban-board-bg-rgb: 51, 127, 255;
}

.kanban-board.kanban-lavender {
    --kanban-board-bg-rgb: 120, 134, 203;
}

.kanban-board.kanban-yellow {
    --kanban-board-bg-rgb: 228, 196, 64;
}

.kanban-board.kanban-gold {
    --kanban-board-bg-rgb: 255, 179, 0;
}

.kanban-board.kanban-orange {
    --kanban-board-bg-rgb: 251, 140, 0;
}

.kanban-board.kanban-gray {
    --kanban-board-bg-rgb: 96, 125, 139;
}

.kanban-board.kanban-forest {
    --kanban-board-bg-rgb: 67, 160, 71;
}

.kanban-board.kanban-moss {
    --kanban-board-bg-rgb: 175, 180, 43;
}

.kanban-board.kanban-magenta-dark {
    --kanban-board-bg-rgb: 171, 71, 188;
}

.kanban-board.kanban-pink {
    --kanban-board-bg-rgb: 240, 98, 146;
}

.kanban-board.kanban-cobalt {
    --kanban-board-bg-rgb: 25, 118, 210;
    /* border-color: #1976D2; */
}

/* END KANBAN STYLES */


/* INBOX */
body.inbox-page {
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
}

@supports (height: 100dvh) {
	body.inbox-page {
		height: 100dvh;
	}
}

body.inbox-page > header,
body.inbox-page > footer {
	flex: 0 0 auto;
}

body.inbox-page > .wrapper {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}

body.inbox-page #content {
	height: 100%;
	min-height: 0;
}

#inbox-container {
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
}

body.inbox-page #inbox-container {
	min-height: 0;
	overflow: hidden;
}

#inbox-filter {
	flex: 0 0 200px;
	border-right: 1px solid #e1e1e1;
}

body.inbox-page #inbox-filter {
	min-height: 0;
	overflow: hidden;
}

body.inbox-page #email-filter-container {
	height: 100%;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.inbox-container-with-detail #inbox-content {
	display: flex;
	flex: 2 1 0;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.inbox-container-with-detail #inbox-content > #inbox-content-header.d-none.d-xl-flex {
	display: none !important;
}

.inbox-container-with-detail #inbox-content > #inbox-content-header.d-xl-none {
	display: block !important;
}

#inbox-detail-pane {
	display: flex;
	flex: 3 1 0;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	height: 100%;
	background: #ffffff;
	border-left: 1px solid #e1e1e1;
}

#inbox-detail-pane-header {
	border-bottom: 1px solid #e1e1e1;
}

#inbox-detail-pane-content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

#inbox-detail-pane #workspace-phone {
	width: 100%;
}

@media screen and (max-width: 991px) {
	#inbox-container.inbox-container-with-detail {
		flex-wrap: wrap;
	}

	.inbox-container-with-detail #inbox-content,
	#inbox-detail-pane {
		flex: 0 0 100%;
		height: 50%;
		max-height: 50%;
	}

	#inbox-detail-pane {
		border-top: 1px solid #e1e1e1;
		border-left: none;
	}
}

#inbox-content-header {
	padding: 8px 12px 12px 12px;
	/* border-bottom: 1px solid #e1e1e1; */

}

#inbox-item-filter.nav-tabs {
	border-bottom: none;
}

#inbox-item-filter .nav-link {
	font-size: 14px;
	color: #4c4c4c;
	border: none;
	border-bottom: 4px solid transparent;
	text-transform: capitalize;
}

#inbox-item-filter .nav-link:hover,
#inbox-item-filter .nav-link.active {
    color: #1C547A;
	border-color: #1C547A;
}

#inbox-item-filter .nav-link.filter-color-yellow:hover,
#inbox-item-filter .nav-link.filter-color-yellow.active {
    color: #e4c440;
	border-color: #e4c440;
}

#inbox-item-filter .badge {
	color: #ffffff;
	padding-top: 3px;
	font-weight: 400;
}

.badge-yellow {
	color: #ffffff;
    background: #e4c440;
	font-weight: normal;
}

#inbox-item-filter .nav-link.filter-color-ruby:hover,
#inbox-item-filter .nav-link.filter-color-ruby.active {
    color: #ed7673;
	border-color: #ed7673;
}

.badge-ruby {
	color: #ffffff;
    background: #ed7673;
	font-weight: normal;
}

#inbox-item-filter .nav-link.filter-color-ocean:hover,
#inbox-item-filter .nav-link.filter-color-ocean.active {
    color: #00acc1;
	border-color: #00acc1;
}

#inbox-item-filter .nav-link.filter-color-teal:hover,
#inbox-item-filter .nav-link.filter-color-teal.active {
	color: #00acc1;
	border-color: #00acc1;
}

#inbox-item-filter .nav-link.filter-color-blue:hover,
#inbox-item-filter .nav-link.filter-color-blue.active {
	color: #337fff;
	border-color: #337fff;
}

.badge-blue {
	color: #ffffff;
    background: #337fff;
	font-weight: normal;
}

#inbox-item-filter .nav-link.filter-color-aqua:hover,
#inbox-item-filter .nav-link.filter-color-aqua.active {
	color: #26c6da;
	border-color: #26c6da;
}

#inbox-item-filter .nav-link.filter-color-forest:hover,
#inbox-item-filter .nav-link.filter-color-forest.active {
	color: #43A047;
	border-color: #43A047;
}



#inbox-item-container {
	flex: 1 1 auto;
	min-height: 0;
	height: auto;
	overflow-y: auto;
}

.inbox-grid-scroll {
	overflow-x: auto;
}

.inbox-grid-item {
	font-size: 14px;
	background: #ffffff;
	margin-bottom: 1px;
	border-bottom: 1px solid #dde1e5;
	border-left: 3px solid #ff7e00;
}

.inbox-grid-item.read {
	background: #f2f6fc;
}

.inbox-grid-item.unread .inbox-grid-row {
	font-weight: 500;
}

.inbox-grid-item:hover {
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.20);
}

.inbox-grid-row {
	display: grid;
	column-gap: 20px;
	padding: 2px 12px;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.inbox-grid-row {
		column-gap: 5px;
		padding: 2px 6px;
	}
}


.inbox-grid-row-full-options {	
	grid-template-columns: 16px 30px 160px 20px minmax(280px, 1fr) 118px 20px 20px 24px 30px 80px;
}

.inbox-grid-row-no-options {
	grid-template-columns: 16px 30px 160px 20px minmax(280px, 1fr) 30px 80px;
}

@media screen and (max-width: 1199px) {
	.inbox-grid-row-full-options {	
		grid-template-columns: 30px 160px 20px minmax(280px, 1fr) 30px 60px;
	}

	.inbox-grid-row-no-options {
		grid-template-columns: 30px 160px 20px minmax(280px, 1fr) 30px 60px;
	}
}

@media screen and (max-width: 767px) {
	.inbox-grid-row-full-options {	
		grid-template-columns: 30px 80px minmax(100px, 1fr) 30px 60px;
	}

	.inbox-grid-row-no-options {
		grid-template-columns: 30px 80px minmax(100px, 1fr) 30px 60px;
	}
}

.inbox-container-with-detail .inbox-grid-scroll {
	overflow-x: hidden;
}

.inbox-container-with-detail .inbox-grid-row {
	column-gap: 10px;
	padding-right: 6px;
	padding-left: 6px;
}

.inbox-container-with-detail .inbox-grid-row-full-options,
.inbox-container-with-detail .inbox-grid-row-no-options {
	grid-template-columns: 30px minmax(80px, 120px) 20px minmax(0, 1fr) 30px 60px;
}

.inbox-container-with-detail .inbox-grid-row > .d-none.d-xl-inline {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.inbox-container-with-detail .inbox-grid-row {
		column-gap: 5px;
	}

	.inbox-container-with-detail .inbox-grid-row-full-options,
	.inbox-container-with-detail .inbox-grid-row-no-options {
		grid-template-columns: 30px minmax(80px, 120px) minmax(0, 1fr) 30px 60px;
	}
}


#db-card-data-inbox .inbox-grid-row {
	display: grid;
	column-gap: 5px;
	padding: 2px 6px 2px 6px;
	align-items: center;
}

#db-card-data-inbox .inbox-grid-scroll {
	overflow-y: auto;
	max-height: 600px;
}

#db-card-data-inbox .inbox-grid-row-no-options {
	grid-template-columns: 30px 120px minmax(120px, 1fr) 30px 62px;
}

@media screen and (max-width: 576px) {
	#db-card-data-inbox .inbox-grid-row-no-options {
		grid-template-columns: 30px 80px minmax(100px, 1fr) 30px 62px;
	}
}

.inbox-grid-cell {
	min-width: 0;
}

.inbox-grid-cell-main {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inbox-grid-cell a {
	color: #1c547a;
}

.inbox-grid-cell a:hover {
	color: #2c84bf;
}

.inbox-grid-cell-toggle {
	display: flex;
	justify-content: center;
}

.inbox-grid-cell-toggle i {
	font-size: 18px;
	padding-top: 4px;
}

.inbox-grid-detail {
	background: #ffffff;
	padding: 0 16px 16px;
	border-top: 1px solid #dde1e5;
}

.inbox-grid-detail-body {
	padding-top: 16px;
	font-size: 14px;
}

.section-collapse-large.collapser-initializing {
	visibility: hidden;
}

.inbox-star-rating .rating-stars i {
	font-size: 18px;
}

.inbox-date {
	text-align: right;
}


.inbox-icon i {
	font-size: 24px;
	color: #ff7e00;
	padding-top: 4px;
}

.inbox-grid-item.orange {
	border-left-color: #ff7e00;
}

.inbox-grid-item.orange .inbox-icon i {
	color: #ff7e00;
}

.inbox-grid-item.ruby {
	border-left-color: #ed7673;
}

.inbox-grid-item.ruby .inbox-icon i {
	color: #ed7673;
}

.inbox-grid-item.ocean {
	border-left-color: #00acc1;
}

.inbox-grid-item.ocean .inbox-icon i {
	color: #00acc1;
}

.inbox-grid-item.teal {
	border-left-color: #26a69a;
}

.inbox-grid-item.teal .inbox-icon i {
	color: #26a69a;
}

.inbox-grid-item.blue {
	border-left-color: #337fff;
}

.inbox-grid-item.blue .inbox-icon i {
	color: #337fff;
}

.inbox-grid-item.aqua {
	border-left-color: #26c6da;
}

.inbox-grid-item.aqua .inbox-icon i {
	color: #26c6da;
}

.inbox-grid-item.forest {
	border-left-color: #43A047;
}

.inbox-grid-item.forest .inbox-icon i {
	color: #43A047;
}

.inbox-grid-item.yellow {
	border-left-color: #e4c440;
}

.inbox-grid-item.yellow .inbox-icon i {
	color: #e4c440;
}

.inbox-grid-item.opportunity-open .inbox-icon i {
	color: #ff7e00;
	font-weight: 900;
	/* font-size: 16px; */
	/* background: #ff7e00;
	width: 30px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2px;
	border-radius: 4px; */
}

.inbox-grid-item.opportunity-won .inbox-icon i {
	color: #27A745;
	font-weight: 900;
	/* font-size: 16px; */
	/* background: #27A745;
	width: 30px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2px;
	border-radius: 4px; */
}

.inbox-grid-item.opportunity-lost .inbox-icon i {
	color: #aaaaaa;
	font-weight: 900;
	/* font-size: 16px; */
	/* background: #aaaaaa;
	width: 30px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2px;
	border-radius: 4px; */
}

.inbox-grid-item.opportunity-archived .inbox-icon i {
	color: #cccccc;
	font-weight: 900;
	/* font-size: 16px; */
	/* background: #cccccc;
	width: 30px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2px;
	border-radius: 4px; */
}


.btn-yellow {
	color: #ffffff;
	text-transform: uppercase;
	background: #e4c440;
	border-color: #e4c440;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
	color: #ffffff;
	background: #C9A71C;
	border-color: #C9A71C;
}

.btn-yellow i {
	margin-right: 0.75rem;
}

.btn-outline-yellow {
	color: #e4c440;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #e4c440;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-yellow:hover,
.btn-outline-yellow:active,
.btn-outline-yellow:focus,
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.btn-outline-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-yellow.dropdown-toggle {
	color: #ffffff;
	background: #e4c440;
	border-color: #e4c440;
}

.btn-outline-yellow i {
	margin-right: 0.75rem;
}

.btn-outline-lime {
	color: #66bb6a;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #66bb6a;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-lime:hover,
.btn-outline-lime:active,
.btn-outline-lime:focus,
.btn-outline-lime:not(:disabled):not(.disabled):active,
.btn-outline-lime:not(:disabled):not(.disabled).active,
.show > .btn-outline-lime.dropdown-toggle {
	color: #ffffff;
	background: #66bb6a;
	border-color: #66bb6a;
}

.btn-outline-lime i {
	margin-right: 0.75rem;
}

.btn-outline-ruby {
	color: #ed7673;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #ed7673;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-ruby:hover,
.btn-outline-ruby:active,
.btn-outline-ruby:focus,
.btn-outline-ruby:not(:disabled):not(.disabled):active,
.btn-outline-ruby:not(:disabled):not(.disabled).active,
.show > .btn-outline-ruby.dropdown-toggle {
	color: #ffffff;
	background: #ed7673;
	border-color: #ed7673;
}

.btn-outline-ruby i {
	margin-right: 0.75rem;
}

.btn-ruby {
	color: #ffffff;
	text-transform: uppercase;
	background: #ed7673;
	border-color: #ed7673;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-ruby:hover,
.btn-ruby:active,
.btn-ruby:focus,
.btn-ruby:not(:disabled):not(.disabled):active,
.btn-ruby:not(:disabled):not(.disabled).active,
.show > .btn-ruby.dropdown-toggle {
	color: #ffffff;
	background: #E6413D;
	border-color: #E6413D;
}

.btn-ruby i {
	margin-right: 0.75rem;
}

.btn-teal {
	color: #ffffff;
	text-transform: uppercase;
	background: #26a69a;
	border-color: #26a69a;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-teal:hover,
.btn-teal:active,
.btn-teal:focus,
.btn-teal:not(:disabled):not(.disabled):active,
.btn-teal:not(:disabled):not(.disabled).active,
.show > .btn-teal.dropdown-toggle {
	color: #ffffff;
	background: #1B746C;
	border-color: #1B746C;
}

.btn-teal i {
	margin-right: 0.75rem;
}

.btn-outline-teal {
	color: #26a69a;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #26a69a;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-teal:hover,
.btn-outline-teal:active,
.btn-outline-teal:focus,
.btn-outline-teal:not(:disabled):not(.disabled):active,
.btn-outline-teal:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal.dropdown-toggle {
	color: #ffffff;
	background: #26a69a;
	border-color: #26a69a;
}

.btn-outline-teal i {
	margin-right: 0.75rem;
}

.btn-outline-ocean {
	color: #00acc1;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #00acc1;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-ocean:hover,
.btn-outline-ocean:active,
.btn-outline-ocean:focus,
.btn-outline-ocean:not(:disabled):not(.disabled):active,
.btn-outline-ocean:not(:disabled):not(.disabled).active,
.show > .btn-outline-ocean.dropdown-toggle {
	color: #ffffff;
	background: #00acc1;
	border-color: #00acc1;
}

.btn-outline-ocean i {
	margin-right: 0.75rem;
}

.btn-outline-blue {
	color: #337fff;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #337fff;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-blue:hover,
.btn-outline-blue:active,
.btn-outline-blue:focus,
.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
	color: #ffffff;
	background: #337fff;
	border-color: #337fff;
}

.btn-outline-blue i {
	margin-right: 0.75rem;
}

.btn-aqua {
	color: #ffffff;
	text-transform: uppercase;
	background: #26c6da;
	border-color: #26c6da;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-aqua:hover,
.btn-aqua:active,
.btn-aqua:focus,
.btn-aqua:not(:disabled):not(.disabled):active,
.btn-aqua:not(:disabled):not(.disabled).active,
.show > .btn-aqua.dropdown-toggle {
	color: #ffffff;
	background: #1C96A6;
	border-color: #1C96A6;
}

.btn-aqua i {
	margin-right: 0.75rem;
}

.btn-outline-aqua {
	color: #26c6da;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #26c6da;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-aqua:hover,
.btn-outline-aqua:active,
.btn-outline-aqua:focus,
.btn-outline-aqua:not(:disabled):not(.disabled):active,
.btn-outline-aqua:not(:disabled):not(.disabled).active,
.show > .btn-outline-aqua.dropdown-toggle {
	color: #ffffff;
	background: #26c6da;
	border-color: #26c6da;
}

.btn-outline-aqua i {
	margin-right: 0.75rem;
}

.btn-forest {
	color: #ffffff;
	text-transform: uppercase;
	background: #43A047;
	border-color: #43A047;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-forest:hover,
.btn-forest:active,
.btn-forest:focus,
.btn-forest:not(:disabled):not(.disabled):active,
.btn-forest:not(:disabled):not(.disabled).active,
.show > .btn-forest.dropdown-toggle {
	color: #ffffff;
	background: #327735;
	border-color: #327735;
}

.btn-forest i {
	margin-right: 0.75rem;
}

.btn-outline-forest {
	color: #43A047;
	text-transform: uppercase;
	background: #ffffff;
	border-color: #43A047;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.10);
}

.btn-outline-forest:hover,
.btn-outline-forest:active,
.btn-outline-forest:focus,
.btn-outline-forest:not(:disabled):not(.disabled):active,
.btn-outline-forest:not(:disabled):not(.disabled).active,
.show > .btn-outline-forest.dropdown-toggle {
	color: #ffffff;
	background: #43A047;
	border-color: #43A047;
}

.btn-outline-forest i {
	margin-right: 0.75rem;
}


.voice-note {
	background: #f2f6fc;
	padding: 12px 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	/* height: 72px; */
	justify-content: space-between;
	gap: 20px;
	border: 1px solid #dde1e5;
}

.voice-note-description {
	flex: 1 1 auto;
	min-width: 0;
}

.voice-note-waveform {
	--voice-note-waveform-fill-duration: 4.5s;
	--voice-note-wave-pulse-duration: 2.8s;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 48px;
	display: none;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: flex-start;
	gap: 5px;
	overflow: hidden;
	clip-path: inset(0 0 0 100%);
}

.voice-note.is-recording .voice-note-description {
	display: none;
}

.voice-note.is-recording .voice-note-waveform {
	display: flex;
	animation: voice-note-waveform-fill var(--voice-note-waveform-fill-duration) linear forwards;
}

.voice-note-controls {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

.voice-note-dictation-actions {
	display: none;
	align-items: center;
}

.voice-note.is-recording .voice-note-record-button {
	display: none;
}

.voice-note.is-recording .voice-note-dictation-actions {
	display: flex;
}

.voice-note-wave-bar {
	display: block;
	flex: 0 0 4px;
	width: 4px;
	height: 20px;
	border-radius: 999px;
	background: #ff7e00;
	opacity: 0.85;
	transform: scaleY(0.55);
	transform-origin: center;
	animation: voice-note-wave var(--voice-note-wave-pulse-duration) ease-in-out infinite;
}

.voice-note-wave-bar:nth-child(20n+1) { height: 12px; animation-delay: -1.10s; }
.voice-note-wave-bar:nth-child(20n+2) { height: 18px; animation-delay: -0.95s; }
.voice-note-wave-bar:nth-child(20n+3) { height: 26px; animation-delay: -0.80s; }
.voice-note-wave-bar:nth-child(20n+4) { height: 34px; animation-delay: -0.65s; }
.voice-note-wave-bar:nth-child(20n+5) { height: 22px; animation-delay: -0.50s; }
.voice-note-wave-bar:nth-child(20n+6) { height: 40px; animation-delay: -0.35s; }
.voice-note-wave-bar:nth-child(20n+7) { height: 30px; animation-delay: -0.20s; }
.voice-note-wave-bar:nth-child(20n+8) { height: 18px; animation-delay: -0.05s; }
.voice-note-wave-bar:nth-child(20n+9) { height: 36px; animation-delay: -1.15s; }
.voice-note-wave-bar:nth-child(20n+10) { height: 44px; animation-delay: -1.00s; }
.voice-note-wave-bar:nth-child(20n+11) { height: 28px; animation-delay: -0.85s; }
.voice-note-wave-bar:nth-child(20n+12) { height: 16px; animation-delay: -0.70s; }
.voice-note-wave-bar:nth-child(20n+13) { height: 24px; animation-delay: -0.55s; }
.voice-note-wave-bar:nth-child(20n+14) { height: 38px; animation-delay: -0.40s; }
.voice-note-wave-bar:nth-child(20n+15) { height: 32px; animation-delay: -0.25s; }
.voice-note-wave-bar:nth-child(20n+16) { height: 20px; animation-delay: -0.10s; }
.voice-note-wave-bar:nth-child(20n+17) { height: 30px; animation-delay: -1.05s; }
.voice-note-wave-bar:nth-child(20n+18) { height: 42px; animation-delay: -0.90s; }
.voice-note-wave-bar:nth-child(20n+19) { height: 24px; animation-delay: -0.75s; }
.voice-note-wave-bar:nth-child(20n+20) { height: 14px; animation-delay: -0.60s; }

@keyframes voice-note-wave {
	0%, 100% {
		transform: scaleY(0.45);
		opacity: 0.55;
	}
	50% {
		transform: scaleY(1);
		opacity: 1;
	}
}

@keyframes voice-note-waveform-fill {
	0% {
		clip-path: inset(0 0 0 100%);
		opacity: 0;
	}
	100% {
		clip-path: inset(0);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.voice-note.is-recording .voice-note-waveform {
		animation: none;
		clip-path: inset(0);
	}

	.voice-note-wave-bar {
		animation: none;
		transform: scaleY(0.75);
	}
}

/* Settings sidebar refresh */
.settings-sidebar {
	--settings-sidebar-text: #1f2937;
	/* --settings-sidebar-muted: #888888; */
	--settings-sidebar-muted: #667085;
	--settings-sidebar-line: #0000001a;
	/* --settings-sidebar-line: #e6ebf1; */
	--settings-sidebar-hover: #ffffff;
	/* --settings-sidebar-hover: #f2f6fc; */
	--settings-sidebar-active: #fff4e8;
	--settings-sidebar-accent: #ff7e00;
	--settings-sidebar-primary: #1c547a;
	/* --settings-sidebar-primary: #002d4a; */
	flex: 0 0 220px;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	min-height: calc(100vh - 96px);
	/* max-height: calc(100vh - 96px); */
	/* position: sticky; */
	/* top: 59px; */
	position: relative;
	z-index: 1010;
	align-self: stretch;
	padding: 20px 14px 28px;
	background: #f5f5f5;
	border-right: 1px solid var(--settings-sidebar-line);
	color: var(--settings-sidebar-text);
	overflow: visible;
}

.settings-sidebar-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0px 6px 8px 0px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--settings-sidebar-line);
}

.settings-sidebar-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #f5f5f5;
	/* background: #f6fafc; */
	/* background: var(--settings-sidebar-active); */
	color: #1f8a9e;
	/* color: var(--settings-sidebar-accent); */
}

.settings-sidebar-header h2 {
	margin: 0;
	color: var(--settings-sidebar-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.settings-nav-section {
	/* padding: 8px 0 2px; */
	padding-top: 10px;
}

.settings-nav-section + .settings-nav-section {
	margin-top: 8px;
	/* padding-top: 14px;
	border-top: 1px solid var(--settings-sidebar-line); */
}

.settings-nav-section--admin {
	margin-top: 12px;
}

.settings-nav-section--popout {
	position: relative;
	z-index: 1;
}

.settings-nav-section--popout:hover,
.settings-nav-section--popout:focus-within {
	z-index: 5;
}

.settings-nav-label {
	/* font-family: "Montserrat", Helvetica, sans-serif; */
	margin: 0 8px 6px;
	color: #1c547a;
	/* color: var(--settings-sidebar-muted); */
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	/* text-transform: uppercase; */
}

.settings-nav-popout-trigger {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	/* min-height: 36px; */
	padding: 9px 10px 9px 10px;
	margin: 0 0px 6px 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	text-align: left;
	cursor: pointer;
	transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.settings-nav-popout-trigger::after {
	content: "";
	position: absolute;
	top: 0;
	right: -14px;
	width: 14px;
	height: 100%;
}

.settings-nav-popout-trigger i {
	font-size: 11px;
	color: #1c547a;
	transition: transform 0.18s ease;
}

.settings-nav-section--popout:hover > .settings-nav-popout-trigger,
.settings-nav-section--popout:focus-within > .settings-nav-popout-trigger {
	color: #ffffff;
	background: #1c547a;
	/* box-shadow: inset 0 0 0 1px rgba(31, 138, 158, 0.18); */
	outline: none;
}

.settings-nav-section--popout:hover > .settings-nav-popout-trigger i,
.settings-nav-section--popout:focus-within > .settings-nav-popout-trigger i {
	/* transform: translateX(2px); */
	color: #ffffff;
}

.settings-nav-popout {
	position: absolute;
	top: -28px;
	left: calc(100% + 10px);
	width: 260px;
	padding: 12px;
	background: #ffffff;
	border: 1px solid #d5e4ed;
	border-top: 3px solid #1f8a9e;
	border-radius: 5px;
	box-shadow: 0 18px 42px rgba(28, 84, 122, 0.18);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-10px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	z-index: 1200;
}

.settings-nav-popout::before {
	content: "";
	position: absolute;
	top: 42px;
	left: -8px;
	width: 16px;
	height: 16px;
	background: #ffffff;
	border-top: 1px solid #d5e4ed;
	border-left: 1px solid #d5e4ed;
	transform: rotate(-45deg);
}

.settings-nav-section--popout:hover > .settings-nav-popout,
.settings-nav-section--popout:focus-within > .settings-nav-popout {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}

.settings-nav-popout-title {
	margin: 0 0 8px 12px;
	color: #4c4c4c;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}

.settings-nav-popout-list {
	display: grid;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.settings-nav-popout-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 12px;
	border-radius: 8px;
	color: var(--settings-sidebar-primary);
	font-size: 16px;
	line-height: 1.25;
	text-decoration: none;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.settings-nav-popout-link:hover,
.settings-nav-popout-link:focus {
	color: #0f425f;
	background: #eef7f9;
	text-decoration: none;
	outline: none;
}

.settings-nav-popout-link i {
	flex: 0 0 18px;
	width: 18px;
	color: #1f8a9e;
	text-align: center;
}

.settings-nav-list {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.settings-nav-link {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 10px 7px 10px;
	border-radius: 8px;
	color: #1c547a;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.25;
	text-decoration: none;
	transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.settings-nav-link::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 50%;
	width: 3px;
	height: 16px;
	border-radius: 999px;
	background: transparent;
	transform: translateY(-50%);
	transition: background-color 0.18s ease;
}

.settings-nav-link:hover,
.settings-nav-link:focus {
	color: #ffffff;
	/* color: var(--settings-sidebar-primary); */
	background: #1c547a;
	/* background: var(--settings-sidebar-hover); */
	text-decoration: none;
}

/* .settings-nav-link:focus-visible,
.settings-nav-toggle:focus-visible,
.settings-nav-popout-trigger:focus-visible {
	outline: 2px solid rgba(255, 126, 0, 0.35);
	outline-offset: 2px;
} */

.settings-nav-link.is-active,
.settings-nav-link.active,
.settings-nav-link[aria-current="page"] {
	color: #ffffff;
	/* color: var(--settings-sidebar-primary); */
	font-weight: 500;
	background: #1c547a;
	/* background: #f6fafc; */
	/* background: var(--settings-sidebar-active); */
	/* box-shadow: inset 0 0 0 1px #dce8f0; */
	/* box-shadow: inset 0 0 0 1px rgba(255, 126, 0, 0.22); */
	padding: 8px 10px 8px 14px;
}

.settings-nav-link.is-active::before,
.settings-nav-link.active::before,
.settings-nav-link[aria-current="page"]::before {
	/* background: #1f8a9e; */
	/* background: var(--settings-sidebar-accent); */
}

.settings-nav-toggle {
	font-family: 'rubik', Helvetica, sans-serif;
	text-transform: uppercase;
	display: flex;
	gap: 6px;
	align-items: center;
	/* justify-content: space-between; */
	width: 100%;
	padding: 10px;
	border: 0;
	color: #888888;
	background: transparent;
	font-size: 12px;
	font-weight: 500;
	/* text-align: left; */
	cursor: pointer;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.settings-nav-toggle:hover,
.settings-nav-toggle:focus {
	/* background: #f2f2f2; */
	color: var(--settings-sidebar-primary);
	outline: none;
}

.settings-nav-toggle i {
	font-size: 12px;
	transition: transform 0.18s ease;
	margin-bottom: 2px;
}

.settings-nav-toggle[aria-expanded="true"] i {
	transform: rotate(180deg);
}

#settings-sidebar-admin {
	padding-top: 10px;
}

@media screen and (max-width: 1200px) {
	.settings-sidebar {
		flex-basis: 220px;
		width: 220px;
		min-width: 220px;
		max-width: 220px;
		padding: 18px 10px 24px;
	}

	.settings-nav-link {
		font-size: 13px;
	}
}

@media screen and (max-width: 768px) {
	.settings-sidebar {
		position: relative;
		top: auto;
		flex-basis: 220px;
		width: 220px;
		min-width: 220px;
		max-width: 220px;
		max-height: none;
	}

	.settings-nav-popout {
		top: calc(100% + 8px);
		left: 0;
		width: min(260px, calc(100vw - 32px));
	}

	.settings-nav-popout::before {
		top: -8px;
		left: 24px;
		border-top: 1px solid #d5e4ed;
		border-left: 1px solid #d5e4ed;
		transform: rotate(45deg);
	}
}

/* Next-level sidebar refresh */
.settings-sidebar + #sidebar-left {
	--next-sidebar-text: #26384a;
	--next-sidebar-muted: #667085;
	--next-sidebar-line: #0000001a;
	/* --next-sidebar-line: #dce8f0; */
	--next-sidebar-surface: #f6fafc;
	--next-sidebar-surface-strong: #ffffff;
	--next-sidebar-hover: #ffffff;
	/* --next-sidebar-hover: #eaf4f8; */
	--next-sidebar-active: #e5f5f8;
	--next-sidebar-primary: #1c547a;
	--next-sidebar-accent: #1f8a9e;
	flex: 0 0 220px;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	/* max-height: calc(100vh - 59px); */
	overflow-y: auto;
	overflow-x: hidden;
	/* position: sticky; */
	/* top: 59px; */
	align-self: flex-start;
	padding: 20px 12px 28px;
	background: #f5f5f5;
	/* background: linear-gradient(180deg, var(--next-sidebar-surface) 0%, #f1f7fa 100%); */
	border-top: 0;
	border-right: 1px solid var(--next-sidebar-line);
	color: var(--next-sidebar-text);
	box-shadow: inset 1px 0 0 #ffffff, 8px 0 20px rgba(28, 84, 122, 0.04);
}

.settings-sidebar + #sidebar-left h3 {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 42px;
	padding: 0 6px 12px !important;
	margin: 0 0 15px !important;
	border-bottom: 1px solid var(--next-sidebar-line) !important;
	color: var(--next-sidebar-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

/* .settings-sidebar + #sidebar-left h3::before {
	content: "";
	flex: 0 0 8px;
	width: 8px;
	height: 28px;
	border-radius: 999px;
	background: var(--next-sidebar-accent);
	box-shadow: 0 0 0 4px rgba(31, 138, 158, 0.11);
} */

.settings-sidebar + #sidebar-left h3 .float-right {
	float: none !important;
	display: inline-flex;
	margin-left: auto;
}

.settings-sidebar + #sidebar-left h3 a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--next-sidebar-line);
	border-radius: 8px;
	background: var(--next-sidebar-surface-strong);
	color: var(--next-sidebar-muted);
	text-decoration: none;
	transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.settings-sidebar + #sidebar-left h3 a:hover,
.settings-sidebar + #sidebar-left h3 a:focus {
	background: var(--next-sidebar-active);
	border-color: rgba(31, 138, 158, 0.28);
	color: var(--next-sidebar-accent);
	text-decoration: none;
	outline: none;
}

.settings-sidebar + #sidebar-left .custom-switch {
	min-height: 38px;
	padding: 8px 10px 8px 44px;
	margin: 0 0 14px;
	border: 1px solid var(--next-sidebar-line);
	border-radius: 8px;
	background: var(--next-sidebar-surface-strong);
	box-shadow: 0 8px 20px rgba(28, 84, 122, 0.05);
}

.settings-sidebar + #sidebar-left .custom-switch label {
	color: var(--next-sidebar-text);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
}

/* .settings-sidebar + #sidebar-left .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--next-sidebar-accent);
	background-color: var(--next-sidebar-accent);
} */

.settings-sidebar + #sidebar-left .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(31, 138, 158, 0.2);
}

.settings-sidebar + #sidebar-left hr {
	margin: 14px 6px 16px !important;
	border-top: 1px solid var(--next-sidebar-line);
}

.settings-sidebar + #sidebar-left h4 {
	font-family: "Montserrat", Helvetica, sans-serif;
	font-weight: 700 !important;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 18px 8px 8px !important;
	color: #4c4c4c;
	/* color: var(--next-sidebar-muted) !important; */
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}

.settings-sidebar + #sidebar-left h4::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--next-sidebar-line);
}

.settings-sidebar + #sidebar-left .sb-menu {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0;
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.25;
	list-style: none;
}

.settings-sidebar + #sidebar-left .sb-menu li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 1px 6px 1px 5px;
	border-radius: 8px;
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

/* .settings-sidebar + #sidebar-left .sb-menu li::before {
	content: "";
	position: absolute;
	left: 3px;
	top: 50%;
	width: 3px;
	height: 16px;
	border-radius: 999px;
	background: transparent;
	transform: translateY(-50%);
	transition: background-color 0.18s ease;
} */

.settings-sidebar + #sidebar-left .sb-menu li:hover,
.settings-sidebar + #sidebar-left .sb-menu li:focus-within {
	background: var(--next-sidebar-hover);
}

.settings-sidebar + #sidebar-left .sb-menu li:hover::before,
.settings-sidebar + #sidebar-left .sb-menu li:focus-within::before {
	background: rgba(31, 138, 158, 0.45);
}

.settings-sidebar + #sidebar-left .sb-menu li > a {
	flex: 1 1 auto;
	min-width: 0;
	padding: 7px 2px;
	color: var(--next-sidebar-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0;
	text-decoration: none;
	overflow-wrap: anywhere;
	transition: color 0.18s ease;
}

.settings-sidebar + #sidebar-left .sb-menu li > a:hover,
.settings-sidebar + #sidebar-left .sb-menu li > a:focus {
	color: #0f425f;
	text-decoration: none;
	outline: none;
}

.settings-sidebar + #sidebar-left .sb-menu li > a.active,
.settings-sidebar + #sidebar-left .sb-menu li > a[aria-current="page"] {
	color: #0f425f;
	font-weight: 500;
}

.settings-sidebar + #sidebar-left .sb-menu li:has(> a.active),
.settings-sidebar + #sidebar-left .sb-menu li:has(> a[aria-current="page"]) {
	background: var(--next-sidebar-active);
	box-shadow: inset 0 0 0 1px rgba(31, 138, 158, 0.22);
}

.settings-sidebar + #sidebar-left .sb-menu li:has(> a.active)::before,
.settings-sidebar + #sidebar-left .sb-menu li:has(> a[aria-current="page"])::before {
	background: var(--next-sidebar-accent);
}

.settings-sidebar + #sidebar-left .sb-menu .dropdown {
	flex: 0 0 24px;
	display: inline-flex;
	justify-content: center;
	margin-right: 0 !important;
}

.settings-sidebar + #sidebar-left .sb-menu .dropdown > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: var(--next-sidebar-surface-strong);
	box-shadow: inset 0 0 0 1px #d5e4ed;
	font-size: 15px;
	cursor: pointer;
	transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.settings-sidebar + #sidebar-left .sb-menu .dropdown > i:hover,
.settings-sidebar + #sidebar-left .sb-menu .dropdown > i:focus {
	background: #ffffff;
	box-shadow: inset 0 0 0 1px rgba(31, 138, 158, 0.35), 0 4px 10px rgba(28, 84, 122, 0.12);
	transform: translateY(-1px);
	outline: none;
}

.settings-sidebar + #sidebar-left .onboarding-status-new {
	color: var(--next-sidebar-primary);
}

.settings-sidebar + #sidebar-left .onboarding-status-in-progress {
	color: #ff7e00;
}

.settings-sidebar + #sidebar-left .onboarding-status-completed {
	color: #27a745;
}

.settings-sidebar + #sidebar-left .onboarding-status-inactive {
	color: #98a2ad;
}

.settings-sidebar + #sidebar-left .dropdown-menu {
	min-width: 178px;
	padding: 6px;
	border: 1px solid var(--next-sidebar-line);
	border-radius: 8px;
	box-shadow: 0 14px 30px rgba(28, 84, 122, 0.14);
}

.settings-sidebar + #sidebar-left .dropdown-item {
	display: flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 10px;
	border-radius: 6px;
	color: var(--next-sidebar-primary);
	font-size: 13px;
	line-height: 1.25;
	text-decoration: none;
}

.settings-sidebar + #sidebar-left .dropdown-item:hover,
.settings-sidebar + #sidebar-left .dropdown-item:focus,
.settings-sidebar + #sidebar-left .dropdown-item.active,
.settings-sidebar + #sidebar-left .dropdown-item:active {
	background: var(--next-sidebar-hover);
	color: #0f425f;
	text-decoration: none;
	outline: none;
}

@media screen and (max-width: 1200px) {
	.settings-sidebar + #sidebar-left {
		flex-basis: 250px;
		width: 250px;
		min-width: 250px;
		max-width: 250px;
		padding: 18px 10px 24px;
	}

	.settings-sidebar + #sidebar-left .sb-menu li > a {
		font-size: 13px;
	}
}

@media screen and (max-width: 768px) {
	.settings-sidebar + #sidebar-left {
		position: relative;
		top: auto;
		flex-basis: 232px;
		width: 232px;
		min-width: 232px;
		max-width: 232px;
		max-height: none;
	}
}