/* Minification failed. Returning unminified contents.
(1318,29): run-time error CSS1046: Expect comma, found '255'
(1318,37): run-time error CSS1046: Expect comma, found '/'
(1319,28): run-time error CSS1046: Expect comma, found '0'
(1319,32): run-time error CSS1046: Expect comma, found '/'
(1320,31): run-time error CSS1046: Expect comma, found '255'
(1320,39): run-time error CSS1046: Expect comma, found '/'
(1321,23): run-time error CSS1046: Expect comma, found '0'
(1321,27): run-time error CSS1046: Expect comma, found '/'
(1322,21): run-time error CSS1046: Expect comma, found '0'
(1322,25): run-time error CSS1046: Expect comma, found '/'
(1332,25): run-time error CSS1046: Expect comma, found '0'
(1332,29): run-time error CSS1046: Expect comma, found '/'
(1333,19): run-time error CSS1046: Expect comma, found '0'
(1333,23): run-time error CSS1046: Expect comma, found '/'
 */
.opacity-0 {
  opacity: 0; }

.opacity-10 {
  opacity: 0.1; }

.opacity-20 {
  opacity: 0.2; }

.opacity-30 {
  opacity: 0.3; }

.opacity-40 {
  opacity: 0.4; }

.opacity-50 {
  opacity: 0.5; }

.opacity-60 {
  opacity: 0.6; }

.opacity-70 {
  opacity: 0.7; }

.opacity-80 {
  opacity: 0.8; }

.opacity-90 {
  opacity: 0.9; }

.opacity-100 {
  opacity: 1; }
.hover-opacity-0:hover {
  opacity: 0; }

.hover-opacity-10:hover {
  opacity: 0.1; }

.hover-opacity-20:hover {
  opacity: 0.2; }

.hover-opacity-30:hover {
  opacity: 0.3; }

.hover-opacity-40:hover {
  opacity: 0.4; }

.hover-opacity-50:hover {
  opacity: 0.5; }

.hover-opacity-60:hover {
  opacity: 0.6; }

.hover-opacity-70:hover {
  opacity: 0.7; }

.hover-opacity-80:hover {
  opacity: 0.8; }

.hover-opacity-90:hover {
  opacity: 0.9; }

.hover-opacity-100:hover {
  opacity: 1; }

body {
  padding-bottom: 50px;
  font-family: Roboto;
  background-color: #e7e9e9;
}
body,
table,
p,
.table {
  color: #000;
}
.table {
  background-color: #ffffff;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid .full-modals .modal .modal-dialog {
  width: 90% !important;
  min-width: 90% !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

.row {
  padding: 0.75rem;
}
.district-row {
  margin: 0 auto;

  width: 100%;
}
.district-row:before,
.district-row:after {
  content: " ";
  display: table;
}
.district-row:after {
  clear: both;
}
.district-row.collapse > .column,
.district-row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.district-row.collapse .district-row {
  margin-left: 0;
  margin-right: 0;
}
.district-row .district-row {
  margin: 0 -0.9375rem;
  max-width: none;
  width: auto;
}
.district-row .district-row:before,
.district-row .district-row:after {
  content: " ";
  display: table;
}
.district-row .district-row:after {
  clear: both;
}
.district-row .district-row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}
.district-row .district-row.collapse:before,
.district-row .district-row.collapse:after {
  content: " ";
  display: table;
}
.district-district-row .district-row.collapse:after {
  clear: both;
}

.clickable-row {
  cursor: pointer;
}
.serial-number {
  margin: 0px;
}
.v-center {
  display: flex;
  align-items: center;
}
.hidden {
  display: none;
}
.hidden-important {
  display: none !important;
}
.header {
  min-height: 95px;
  position: relative;
}
.logo {
  margin-right: 60px;
  font-family: "Roboto Condensed";
}
.logo h1 {
  font-weight: 400;
}
.navbar-nav .nav-item {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.navbar-nav .nav-item .nav-link {
  font-family: "Roboto Condensed";
  font-size: 18px;
}
.dropdown-toggle::after {
  display: none;
}
.circle-bk {
  min-width: 90px;
  width: 90px;
  min-height: 90px;
  height: 90px;
  background: #ffffff;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  overflow: hidden;
}
.current-user-info {
  position: absolute;
  right: 0px;
  top: 0px;
  min-width: 292px;
  display: none;
}
.user-photo a {
  display: block;
  height: 63px;
  width: 63px;
}
.current-user-text h3 {
  font-size: 0.9em;
  margin: 0px;
  color: #ffffff;
  text-wrap: none;
  white-space: nowrap;
}
.current-user-text h4 {
  font-size: 0.9em;
  color: #ffffff;
  margin: 0px;
}
.white-text {
  color: #ffffff !important;
}
.crm-blue {
  color: #537d97 !important;
}
.crm-teal {
  color: #4fc5dd !important;
}
.army-green {
  color: #a6d366 !important;
}
.cyan-text {
  color: #38cad3;
}
.red-text {
  color: #f92f3f;
}
.crm-blue-bk {
  background-color: #537d97 !important;
}
.dark-grey-bk {
  background-color: #69747d;
}
.light-grey-bk {
  background-color: #d0dce3;
}
.section-header {
  font-weight: 500;
}
.yellow-bk {
  background-color: #f3d951;
}
.red-bk {
  background-color: #f92f3f;
}
.cyan-bk {
  background-color: #38cad3;
}
.army-green-bk {
  background-color: #a6d366;
}
.indianred-bk {
  background-color: indianred;
}
.green-bk {
  background-color: #38d39e;
}
.purple-bk {
  background-color: #8393ca;
}
.white-bk {
  background-color: #ffffff;
}
.orange-bk {
  background-color: #fa6b24;
}
.grey-bk {
  background-color: #edf1f4;
}
.light-blue-bk {
  background-color: #f0f8ff;
}
.text-small {
  font-size: 0.75em;
}
.text-large {
  font-size: 1.2em;
}
.circle {
  font-family: "Roboto Condensed";
  border-radius: 33px;
  width: 66px;
  height: 66px;
  text-align: center;
}
a.phone-link,
a.opp-link {
  color: #38cad3 !important;
}
.circle h2 {
  font-size: 1.8em;
}
.dashboard-link {
  cursor: pointer;
}
.dashboard-card {
  padding: 1em;
}
.dashboard-card-header .nav-tabs {
  border: none;
}
.dashboard-card-header .nav-tab {
  border: none;
}
.dashboard-card-header a.nav-link {
  font-weight: bold;
  color: #d0dce3;
}
.dashboard-card-header a.nav-link.active {
  border: none;
  color: #38cad3;
}
.manager-section .list-group .list-group-item {
  background-color: transparent;
  border: none;
}
.revenue-section .revenue-bar {
  height: 20px;
  max-width: 100%;
}
.revenue-section .label {
  border-right: 1px solid #54626d;
}
.modal .dropdown-menu,
.followups-table .dropdown-menu {
  width: 300px !important;
  min-height: 300px !important;
  height: auto !important;
  padding: 0px;
}
.dropdown-menu .dropdown-header {
  background-color: #537d97;
  color: #ffffff;
  font-weight: bold;
  margin: 0px;
  padding: 1em;
}
.table .bootstrap-datetimepicker-widget table td,
.table .bootstrap-datetimepicker-widget table th {
  border-top: none;
}
.bootstrap-autocomplete {
  max-height: 400px;
  width: 400px;
  overflow-y: auto; /* prevent horizontal scrollbar */
  overflow-x: hidden; /* add padding to account for vertical scrollbar */
  z-index: 1000 !important;
}
.contacts {
  padding-top: 25px;
}
.fixed-bottom {
  background-color: #3b4045;
  height: 40px;
  line-height: 4px;
  z-index: 1;
}
.copyright-text {
  color: white;
  margin-top: 20px;
}
.menuButtons {
  margin-top: 18px;
  margin-bottom: 12px;
}
@media (min-width: 576px) {
  .modal-dialog {
    width: 80%;
    max-width: 800px;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1000px) {
  .modal-xl {
    width: 80%;
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    width: 80%;
    max-width: 1140px;
  }
}

.navbar-toggler {
  z-index: 4 !important;
}

.current-user-info {
  z-index: 3 !important;
}

.navbar-collapse {
  z-index: 2 !important;
}

.loader,
.loader:before,
.loader:after {
  background: #5133db;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #5133db;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: "";
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.loader-modal .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  max-width: 100px;
  top: calc(50% - 150px);
}

.loader-modal .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
  height: 255px;
}

h1 {
  color: green;
}
.xyz {
  background-size: auto;
  text-align: center;
  padding-top: 100px;
}
.btn-circle.btn-sm {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  font-size: 8px;
  text-align: center;
}
.btn-circle.btn-md {
  width: 50px;
  height: 50px;
  padding: 7px 10px;
  border-radius: 25px;
  font-size: 10px;
  text-align: center;
}
.btn-circle.btn-lg {
  width: 60px;
  height: 60px;
  padding: 9px 12px;
  border-radius: 30px;
  font-size: 12px;
  text-align: center;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 12px;
  text-align: center;
}
.btn-circle.btn-xxxl {
  width: 90px;
  height: 90px;
  padding: 16px 16px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
}
.text-b {
  font-weight: bold;
}
/*.iconbtn {
 }
 .iconbtn:hover {
     transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2)
 }*/
.contactdetails-name {
  font-size: 36px;
}
.contactdetails {
  font-size: 16px;
}

.detailsViewValue-name {
  font-size: 36px;
}
.detailsViewValue-name a {
  color: #537d97;
}
.detailsViewValue-name a:hover {
  text-decoration: none;
  cursor: pointer;
}
.detailsViewTitle {
  font-size: 14px;
}
.detailsViewValue {
  font-size: 16px;
}
.detailsViewNotes {
  font-size: 14px;
}
.detailsViewItems {
  font-size: 14px;
}
#overlay {
  background: black;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-top: 0;
  opacity: 0.8;
}
.spinner {
  margin: 0 auto;
  height: 64px;
  width: 64px;
  animation: rotate 0.8s infinite linear;
  border: 5px solid #f97316;
  border-right-color: transparent;
  border-radius: 50%;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.followups-table {
  margin-bottom: 1rem;
  display: table;
}
.followups-table td {
  padding-left: 1rem;
  padding-right: 1rem;
}
.followups-chart {
  margin-bottom: 1rem;
  display: none;
}

.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 800px;
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
.highcharts-credits {
  display: none;
}
table.highcharts-tooltipTable {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.highcharts-tooltipTable td,
table.highcharts-tooltipTable th {
  padding: 3px 2px;
}
table.highcharts-tooltipTable tbody td {
  font-size: 12px;
}
table.highcharts-tooltipTable th {
  font-size: 10px;
  font-weight: bold;
}
.highcharts-tooltipContainer {
  padding: 10px;
}

#searchpanel {
  position: relative;
  display: none;
  background-color: #537d97;
  color: #fff;
  padding: 10px 20px 30px 20px;
}
#searchpanel .close-reveal-modal {
  color: #7ca6db;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  right: 1.375rem;
}
#searchpanel .searchpanel-content {
  max-width: 80%;
  margin: 0 auto;
}
#searchpanel h2 {
  color: #fff;
}
#searchpanel .form-check-input {
  height: auto;
  width: auto;
}

.multiselect-native-select {
  width: 40%;
}
.multiselect-native-select .btn-group {
  width: 100%;
}

#non-bpname-form,
#territory-search-form,
#state-search-form,
.subnav-container .search-form {
  display: none;
}
.subnav-container #bpcode-form {
  display: block;
}
#searchpanel input::-webkit-input-placeholder,
#searchpanel input:-moz-placeholder,
#searchpanel input::-moz-placeholder #searchpanel input:-ms-input-placeholder {
  color: #778692;
}
#searchpanel .row .column {
  padding: 0px 8px;
}
#searchpanel input,
#searchpanel select {
  height: 41px;
  width: 100%;
  padding: 4px 4px;
}
#searchpanel select {
  background-color: #7ca6db;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
#searchpanel #search-btn,
#searchpanel #territory-search-btn,
#searchpanel #state-search-btn {
  background: url(../Content/images/search-go-btn.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 41px;
  background-color: #7ca6db;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.row .row {
  margin: 0 -15px;
}
.md-form {
  margin: 0px;
}
.md-form input[type="text"] {
  background-color: #fff;
}

.pipeline select {
  min-height: 36px !important;
  width: 100%;
  padding: 4px 4px;
  background-color: #69747d;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.pipelineheader {
  background: #39454f;
  color: #fff;
}

.followups-filter-btn,
.phonecalls-filter-btn,
.pipeline-filter-btn,
.report-filter-btn {
  border-radius: 12px;
  background-color: #00b4e1 !important;
  color: #fff;
}

.report-export-btn {
  background-color: #537d97 !important;
  border: none !important;
}

.pipeline-filter-calendars {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.renewals-filter-btn {
  border-radius: 12px;
  background-color: #00b4e1;
  color: #fff;
}

.dashblue-link {
  color: #00b0e1 !important;
  font-weight: bold;
}

.userDashboardContainer {
  min-width: 96vw;
}
.userdashboard {
  width: 100%;
}

table.internalDashboardTable tbody tr {
  background-color: #e8f1e4;
}
table.internalDashboardTable .headerrow {
  background-color: #f4f4f4;
}
table.internalDashboardTable a {
  color: #00b0e1;
}
table.internalDashboardTable a:hover {
  color: #007bff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* Style the sidebar - fixed full height */

.flexibleContainer {
  display: flex;
}
.sidebarContent {
  width: 100%;
}
.contactBadgeTable {
  width: 100%;
  vertical-align: middle;
}
table.contactBadgeTable td,
table.contactBadgeTable th {
  padding-top: 1.1rem;
  padding-bottom: 1rem;
}

.contactBadgeTable td,
.contactBadgeTable th {
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
}
.miniTable {
  width: 100%;
  vertical-align: middle;
}
table.miniTable td,
table.miniTable th {
  padding-top: 1.1rem;
  padding-bottom: 1rem;
}

.miniTable td,
.miniTable th {
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
}
.ContactBadge {
  border: 1px solid #dee2e6;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0.375rem 0.75rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5em;
  color: #fff;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  width: 90%;
}
a.getdetailspage,
a.newTabLink {
  color: #537d97 !important;
  font-weight: bold;
}
a.getdetailspage:hover,
a.newTabLink:hover {
  color: #00b0e1;
  text-decoration: underline;
}
.getdetailspage:hover,
.newTabLink:hover {
  color: #00b0e1;
  text-decoration: underline;
}

a.modalLink {
  color: #537d97 !important;
  font-weight: bold;
}
a.modalLink:hover {
  color: #00b0e1;
  text-decoration: underline;
}
.modalLink:hover {
  color: #00b0e1;
  text-decoration: underline;
}

.show-loading-animation {
  animation: loading 2s infinite;
}

@keyframes loading {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}

.followups-date-filter:not(.hidden) {
  display: flex;
}
.phonecalls-date-filter:not(.hidden) {
  display: block;
}

.multiselect-container {
  width: 100% !important;
  max-height: 60vh;
  overflow: auto;
}

.multiselect-all {
  padding-left: 0 !important;
}

.multiselect-group-clickable label {
  border: 1px solid;
  border-radius: 4px;
  margin: 8px 0 8px 25px !important;
}

table td {
  font-weight: 400;
}
.ui-autocomplete {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}
ul.ui-autocomplete {
  z-index: 1100;
}

@keyframes animatedLoadingGif {
  0% {
    background-position: center;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: center;
  }
}
@-moz-keyframes animatedLoadingGif {
  0% {
    background-position: center;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: center;
  }
}
@-webkit-keyframes animatedLoadingGif {
  0% {
    background-position: center;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: center;
  }
}
@-ms-keyframes animatedLoadingGif {
  0% {
    background-position: center;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: center;
  }
}

input[type="text"].ui-autocomplete-loading {
  background: url("images/search-loading.gif") no-repeat right center;
  background-color: #fff;
  background-size: contain;

  animation: animatedLoadingGif 1.5s linear infinite;
  -moz-animation: animatedLoadingGif 1.5s linear infinite;
  -webkit-animation: animatedLoadingGif 1.5s linear infinite;
  -ms-animation: animatedLoadingGif 1.5s linear infinite;
}

.missed-followup-date {
  background-color: #ff8181;
}
.missed-followup {
  background-color: #f7e9e9;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.report-loading-message {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 20px;
  font-size: 1.4rem;
  font-weight: 300;
  color: #353535;
}

.admindash-reloading-message {
  width: 100%;
  display: flex;
  justify-content: start;
  margin: 20px;
  font-size: 1.4rem;
  font-weight: 300;
  color: #353535;
}

tr.report-footer th {
  font-weight: 800 !important;
}
.update-phone-number-button,
.update-lead-bp-button,
.update-lead-bp-button-channel,
.update-lead-activity-number-button {
  display: inline-block;
  font-weight: 400;
  color: #000;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 2px 4px;
  font-size: 0.85rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  white-space: nowrap;
  margin: 0;
}
.update-opportunity-button {
  display: inline-block;
  font-weight: 400;
  color: #000;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 2px 4px;
  font-size: 0.85rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  white-space: nowrap;
  margin: 0;
}
.save-phone-number,
.save-lead-bpcode,
.save-lead-activity-num {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dadada;
  border: 1px solid transparent;
  padding: 2px 4px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  margin-top: 2px;
}
.hidden-important {
  display: none !important;
}

.teq-squad-indent-form-group {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  background-color: #f8f9fb; /* bg-light */
  margin-bottom: 0.5rem;
}

.select-sales-rep-form {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.phonecalls-calendar-button {
  color: #fff;
  background-color: #00b4e1;
  text-align: center;
  width: 100%;
  padding: 4px;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 12px;
}

.phonecalls-date-filter-inputs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media (max-width: 1440px) {
  .phonecalls-date-filter-inputs {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

.SAPBPContainer {
  padding: 10px;
  background-color: #f5faff;
  border-radius: 4px;
}

.table-va-inherit td {
  vertical-align: inherit;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
}

table.adminDashboardTable {
  overflow: hidden;
  z-index: 1;
}
table.adminDashboardTable tbody tr {
  /*background-color: #e8f1e4;*/
}
table.adminDashboardTable .headerrow {
  background-color: #f4f4f4;
}
table.adminDashboardTable th.invisible-header {
  border: 0 !important;
  padding: 0 !important;
}
table.adminDashboardTable a {
  color: #00b0e1;
}
table.adminDashboardTable td:not(:first-child):hover {
  background-color: white;
  border-radius: 5px;
  color: #007bff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1.2);
}
table.adminDashboardTable a:hover {
  color: #007bff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1.2);
}

.opportunitiesColumn {
  background-color: #eaffea;
}
.RenewalsColumn {
  background-color: #dafffb;
}
.EmailsColumn {
  background-color: #ffe5ec;
}
.LeadsColumn {
  background-color: #f3f7c4;
}
.repNameColumn {
  font-weight: bold;
}

table.dataTable,
table.dataTable thead,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.adminDashboardTable thead,
table.renewalsTable thead,
table.pipelineTable thead,
table.datatable thead,
table.BPdatatable thead,
table.contactDetails thead,
table.data-table thead,
table.listItemsTable thead,
table.report-datatable thead,
table.report-datatable-basic thead,
table.invoicesTable thead,
table.deliveriesTable thead,
table.activitiesTable thead,
table.attachmentsTable thead,
table.pdpNotesTable thead table.oppsminiTable thead,
table.quotesminiTable thead,
table.ordersminiTable thead,
table.listLeadsTable thead,
table.call-report-datatable thead {
  background-color: #69747d;
  color: #fff;
}
.goal-card {
  background-image: linear-gradient(hsl(210deg 10% 45%), hsl(212deg 10% 28%));
  border: 0px;
  height: 150px;
}
.goal-card-header {
  border-bottom: 0px;
  background: none;
  padding: 0;
}

.goal-chart {
  width: 100%;
  margin: 0 0 0 20px;
}
.goal-title {
  padding-left: 10px;
  padding-bottom: 5px;
}
.goal-actual {
  color: hsl(208deg 12% 22%);
  font-size: 20px;
  padding: 0 10px;
  font-weight: 500;
}
.goal-achieved {
  background-image: linear-gradient(hsl(271deg 50% 81%), hsl(272deg 55% 60%));
  box-shadow:
    inset 0 3px 2px rgb(255 255 255 / 22%),
    inset 0 -3px 2px rgb(0 0 0 / 17%),
    inset 0 20px 10px rgb(255 255 255 / 12%),
    0 0 4px 1px rgb(0 0 0 / 10%),
    0 3px 2px rgb(0 0 0 / 20%);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-right: 2px solid hsl(270deg 51% 74%);
  height: 25px;
  width: 0%;
}
.goal-remaining {
  background-image: linear-gradient(hsl(208deg 9% 28%), hsl(208deg 10% 25%));
  box-shadow:
    inset 0 2px 0 rgb(0 0 0 / 20%),
    0 0 4px rgb(0 0 0 / 10%);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  height: 25px;
  width: 100%;
}
.goal-achieved-text {
  text-align: right;
  padding-top: 10px;
  padding-right: 5px;
  font-weight: bold;
  color: hsl(270deg 51% 74%);
}
.goal-achieved-text-alt {
  text-align: left;
  padding-top: 10px;
  padding-right: 5px;
  font-weight: bold;
  color: hsl(270deg 51% 74%);
}
.goal-achieved-text-border-right {
  border-right: 2px solid hsl(270deg 51% 74%);
}
.goal-achieved-text-border-left {
  border-left: 2px solid hsl(270deg 51% 74%);
}

.sales-order-info {
  border-top: 1px solid black;
}
.gutter-wrap {
  background: #f6f6f6;
  column-gap: 20px;
  row-gap: 20px;
}
.border-d {
  border: 8px solid #f6f6f6 !important;
}
.border-d-bottom {
  border-bottom: 8px solid #f6f6f6 !important;
}
.border-district {
  border-color: #f6f6f6 !important;
  background: #eceeef !important;
  border-width: thick !important;
}
.a-district {
  color: #00b3e3;
  text-decoration: none;
  font-family: "Roboto", Arial;
  font-weight: 400;
  font-size: 16px;
}
.district-title {
  color: #323e48;
  text-decoration: none;
  font-family: "Roboto", Arial;
  font-weight: 300;
  font-size: 36px;
  line-height: 38px;
  padding-bottom: 16px;
}
.fs-1 {
  font-size: 2rem;
}
.fs-2 {
  font-size: 1.75rem;
}
.fs-3 {
  font-size: 1.5rem;
}
.fs-4 {
  font-size: 1.25rem;
}
.fs-5 {
  font-size: 1rem;
}
.fs-6 {
  font-size: 0.9rem;
}
.fs-7 {
  font-size: 0.8rem;
}
.fs-8 {
  font-size: 0.7rem;
}
.fs-9 {
  font-size: 0.6rem;
}
.fs-10 {
  font-size: 0.5rem;
}
.no-padding {
  padding: 0 !important;
}
.district-body {
  font-family: "Roboto", Arial;
  font-weight: 400;
  font-size: 16px;
  color: #4b5760;
}
.pl-3 {
  padding-left: 30px;
}
.pb-1 {
  padding-bottom: 10px;
}
.district-scorecard-box {
  height: auto;
  text-align: center;
  padding: 10px;
  position: relative;
  cursor: pointer;
  padding-top: 20px;
}
.district-scorecard-box h2 {
  font-size: 18px;
  font-weight: 500;
}
.district-scorecard-box .expand-collapse-btn {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 35px;
  height: 35px;
}
.district-scorecard-box .number-circle {
  border-radius: 50%;
  background-color: rgb(0, 179, 227);
  text-align: center;
  color: #000000;
  width: 112px;
  height: 112px;
  font-weight: 300;
  margin: 0 auto;
  padding-top: 18px;
}
.district-scorecard-box .number-circle h4 {
  font-size: 28px;
  line-height: 26px;
  margin: 0;
  color: #000000;
  font-weight: 300;
  padding-top: 18%;
}
.district-scorecard-box .number-circle h5 {
  font-size: 24px;
  margin: 0;
  color: #000000;
}
.district-scorecard-box .number-circle h6 {
  font-size: 16px;
  margin: 0;
  color: #000000;
  line-height: 18px;
}
.number-circle {
  border-radius: 50%;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  font-size: 40px;
  color: #ffffff;
  font-weight: 300;
  margin: 0 auto;
}
.number-circle-black {
  border-radius: 50%;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  font-size: 40px;
  color: #000000;
  font-weight: 300;
  margin: 0 auto;
}
engagement-box .number-circle {
  border-radius: 50%;
  background-color: rgb(0, 179, 227);
  text-align: center;
  color: #ffffff;
  width: 250px;
  height: 250px;
  font-weight: 400;
  margin: 0 auto;
  padding-top: 60px;
}
.csr-scorecard-box .number-circle,
.nbd-scorecard-box .number-circle {
  border-radius: 50%;
  background-color: rgb(0, 179, 227);
  text-align: center;
  color: #ffffff;
  width: 98px;
  height: 98px;
  font-weight: 300;
  margin: 0 auto;
  padding-top: 18px;
}
.district-scorecard-box .number-circle {
  border-radius: 50%;
  background-color: rgb(0, 179, 227);
  text-align: center;
  color: #000000;
  width: 112px;
  height: 112px;
  font-weight: 300;
  margin: 0 auto;
  padding-top: 18px;
}
.engagement-box .number-circle h4 {
  font-size: 38px;
  line-height: 74px;
  margin: 0;
  color: #ffffff;
}
.csr-scorecard-box .number-circle h4,
.nbd-scorecard-box .number-circle h4 {
  font-size: 28px;
  line-height: 64px;
  margin: 0;
  color: #ffffff;
}
.district-scorecard-box .number-circle h4 {
  font-size: 28px;
  line-height: 26px;
  margin: 0;
  color: #000000;
  font-weight: 300;
  padding-top: 18%;
}
.engagement-box .number-circle h5 {
  font-size: 38px;
  line-height: 74px;
  margin: 0;
  color: #ffffff;
}
.csr-scorecard-box .number-circle h5 {
  font-size: 24px;
  margin: 0;
  color: #ffffff;
}
.district-scorecard-box .number-circle h5 {
  font-size: 24px;
  margin: 0;
  color: #000000;
}
.engagement-box .number-circle h6 {
  font-size: 34px;
  margin: 0;
  color: #ffffff;
}
.csr-scorecard-box .number-circle h6 {
  font-size: 16px;
  margin: 0;
  color: #ffffff;
}
.district-scorecard-box .number-circle h6 {
  font-size: 16px;
  margin: 0;
  color: #000000;
  line-height: 18px;
}
.number-circle-desc {
  margin-top: 8px;
  font-size: 17px;
  color: #3c4852;
  line-height: 20px;
  font-weight: 600;
}
.number-circle-desc2 {
  margin-top: 8px;
  font-size: 15px;
  color: #3c4852;
  line-height: 18px;
  font-weight: 600;
}
.number-circle.blue {
  background-color: #01b3e3;
  color: #000000;
}
.number-circle.teal {
  background-color: #4fc5dd;
  color: #000000;
}
.number-circle.red {
  background-color: #f42736;
  color: #ffffff;
}
.number-circle.green {
  background-color: #00ad69;
  color: #ffffff !important;
}
.number-circle.lime {
  background-color: #a1d784;
  color: #000000;
}
.number-circle.yellow {
  background-color: #ffec50;
  color: #ffffff !important;
}
.number-circle.orange {
  background-color: #ffb61e;
  color: #ffffff !important;
}
.number-circle-small {
  border-radius: 50%;
  background-color: rgb(243, 40, 54);
  width: 63px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  font-weight: 300;
  margin: 0 auto;
}
.orange {
  color: #e65400;
}
.opp-circle.orange-circle {
  background-color: #feb12b;
}
.pt-2 {
  padding-top: 15px;
}
.editDeleteContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.truncate {
  max-width: 200px; /* Adjust width as needed */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block; /* Ensure inline-block behavior */
  vertical-align: top; /* Align text properly */
}