/* Note AI Polish & Draft buttons */
.note-ai-actions { display:flex; align-items:center; gap:6px; margin:4px 0 2px; }
.note-ai-btn { background:#f0f4ff; border:1px solid #c5d0e8; border-radius:4px; color:#3a5099; cursor:pointer; font-size:12px; padding:3px 10px; transition:background 0.15s; }
.note-ai-btn:hover:not(:disabled) { background:#dde6ff; }
.note-ai-btn:disabled { opacity:0.6; cursor:default; }
.note-ai-error { color:#c0392b; font-size:11px; }

/*PAGE*/
*{ margin:0; padding:0; outline:0;}
html, body { overflow-x: hidden; }
body{ height:100%; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff url(/images/bg02.jpg) no-repeat 50% 0;color:#fff;}
a{color:#f6b760;}
div#menu-hed, #content-body, #footer-con, #header-con{ width:1124px; margin:0 auto; }
div.datacon, div.footer{ margin:0px auto; margin-top:25px;}
#site_container { width: 1124px; margin: 0 auto; padding: 0 120px 0 0;}
.logged-out #site_container { padding-right: 0; }
@media screen and (min-width: 1605px) {
    #site_container {
        width: max(70%, 1124px);
        margin-inline: auto;
        padding-inline: 1rem;
    }
    div#menu-hed, #content-body, #footer-con, #header-con {
        width: unset;
    }
}

/* Styles replacing uniform plugin */
select { padding: 1px; border-radius: 5px; border: 1px solid gray; height: 24px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
input[type=checkbox] { vertical-align: middle; margin: 0 3px; color: #000; -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); }
button, input[type=button], input[type=submit] { padding: 4px; border: 1px solid #d69520; border-radius: 8px; background-color: #d69520; color: #fff; letter-spacing: 1px; font-weight: bold; cursor: pointer;}
button:disabled, input[type=button]:disabled, input[type=submit]:disabled { padding: 4px; border: 1px solid #865d14; border-radius: 8px; background-color: #865d14; color: #fff; letter-spacing: 1px; font-weight: bold; cursor: pointer;}

/* Purple button */
button.btn-purple, input[type=button].btn-purple, input[type=submit].btn-purple { background-color: #5a4bf1; border-color: #5144d9; color: #ffffff; }
button.btn-purple:disabled, input[type=button].btn-purple:disabled, input[type=submit].btn-purple:disabled { background-color: #dedbfc; border-color: #dedbfc; color: #9c93f7; cursor: default; }

.red_button { background-color: #FF3030 !important; border: 1px solid #FF4D4D !important;}
input[type=text], input[type=number], input[type=password], input[type=email] { height: 20px; padding: 1px 3px; border-radius: 5px; border: 1px solid gray;}
textarea { border: 1px solid gray;}
button.ui-datepicker-trigger { background: inherit; border: none; }

/* Favorite reports */
#container.reports-tab-container {
  #btn-editable-favorite-reports,
  #btn-editable-favorite-reports-cancel {
    background-color: transparent;
    border: none;
    font-weight: normal;

    .icon {
      text-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
      color: #f6b749;
      font-size: 1.5em;
    }

    .text {
      border-bottom: 2px solid transparent;
      transition: all 0.2s ease-in-out;
    }

    &:hover .text {
      border-color: #fff;
    }
  }

  #btn-editable-favorite-reports-cancel {
    display: none;
  }

  .reports-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin: 10px 0;

    .reports-category-field,
    .reports-search-field {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    label {
      font-weight: 700;
    }

    input[type="text"],
    select {
      height: 20px;
      padding: 0 8px;
      border: 1px solid #94bdd1;
      border-radius: 4px;
      font-size: 13px;
      box-sizing: border-box;
    }

    input[type="text"] {
      width: 220px;
    }

    select {
      min-width: 180px;
    }
  }

  .report-lists {
    #favorite-reports h2 {
      display: none;

      &:has(~ ul li) {
        display: block;
      }
    }

    li {
      .drag-handle {
        display: none;
        position: relative;
        top: 2px;
        font-size: 1.2em;
        letter-spacing: -1px;
        opacity: 0;
        transition: opacity 0.1s ease-in-out;
      }

      &:hover .drag-handle {
        opacity: 1;
        cursor: move;
      }

      .favorite-star {
        display: none;
        background: transparent;
        border-radius: unset;
        border: none;
        font-weight: normal;
        padding: unset;

        &::before {
          content: '\002606';
        }

        &.filled::before {
          text-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
          font-weight: bold;
          content: '\002605';
          color: gold;
        }
      }
    }
  }

  &.is-editable {
    #btn-editable-favorite-reports-cancel,
    li .drag-handle,
    li .favorite-star {
      display: unset;
    }

    .report-lists {
      ul {
        margin-left: 12px;
        list-style: none;
      }

      #favorite-reports ul {
        margin-left: 0;
      }
    }
  }
}

/* User tab status options */
#users-tab-toggle-status-container {
  max-width: fit-content;
  padding: 0.7em 0.9em;
  margin-bottom: 10px;
  border-radius: 5px;
}
#users-tab-toggle-status-container .form-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
#users-tab-toggle-status-container label,
#users-tab-toggle-status-container input[type="checkbox"] {
  margin: 0;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
#users-tab-toggle-status-container label:hover,
#users-tab-toggle-status-container input[type="checkbox"]:hover {
  border-color: #fff;
}
#users-tab-toggle-status-container input[type="checkbox"][disabled],
#users-tab-toggle-status-container input[type="checkbox"][disabled] ~ label {
  cursor: default;
  border-bottom: 2px solid transparent;
}
#users-tab-toggle-status-container .users-search-field {
  display: flex;
  align-items: center;
  gap: 8px;
}
#users-tab-toggle-status-container .users-search-field label {
  cursor: default;
  border-bottom: none;
}
#users-tab-toggle-status-container .users-search-field label:hover {
  border-color: transparent;
}
#users-tab-toggle-status-container .users-search-field input[type="text"] {
  width: 180px;
  height: 20px;
  padding: 4px 8px;
  border: 1px solid #94bdd1;
  border-radius: 4px;
  font-size: 13px;
  box-sizing: border-box;
}
#dialog-status-users p {
  line-height: 1.7;
}
.ui-widget-overlay.dark-overlay {
  background-color: #000;
  background-image: none;
  opacity: 0.6;
}

/*BACKGROUND*/
div#menu-hed a{ background:#257a99 url(/images/menu-link-bg.gif) 0 -35px repeat-x; border:1px solid #B2B2B2; border-bottom:none;}
div#menu-hed a:hover{ background-position:0 0;}
div.contentbody h1{ background:#257a99;}
.chart1 tr.silver{background:#fcfdf9 url(/images/bg-blocks.gif) repeat-x 0 100%;}
div#menu-hed a.bucks{ background:#257a99 url(/images/100-dollar_sm.jpg) 50% 0 no-repeat; border:1px solid #B2B2B2; border-bottom:none;color:#000;font-weight:800;width:60px;}
div#menu-hed a.selected{ background:#285e99}


/*CURVE*/
div.contentbody{-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; }
/*MENU*/
div#menu-hed{ position:relative; margin:0px auto; width:100%; margin-top:-4px;}
div#menu-hed a{ display:inline-block; padding:10px 4px 10px 4px; margin:0 0 -1px 1px; color:#fff; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;text-decoration:none;}
div#menu-hed a span{color:#f6b749 !important;}
div#menu-hed a:hover{ color:#fff;}
/* FRU-21518 - Pause Incoming / OOO quick toggle + out-of-office message editor (Sales only, all
   tabs). Rendered hidden in the template, then relocated by admin.js into the page's <h1> title bar
   (e.g. "Client Search") so it sits right-aligned in that band on every tab and flows responsively
   with the h1 (no fixed positioning that breaks between viewport breakpoints). float:right on the
   container computes display:flex, so the toggle + edit button align on one line. */
.ooo-control{ float:right; position:relative; display:inline-flex; align-items:center; gap:6px; margin:0 2px 0 0; white-space:nowrap; }
.ooo-control .paused-incoming-toggle{ display:inline-flex; align-items:center; gap:5px; margin:0; font-size:14px; color:#fff; line-height:1.2; cursor:pointer; }
.ooo-control .paused-incoming-toggle input[type="checkbox"]{ margin:0; cursor:pointer; }
.ooo-control .paused-incoming-toggle input[type="checkbox"]:disabled{ cursor:not-allowed; }
.ooo-control .ooo-edit-btn{ background:transparent; border:none; border-radius: 50%; color:#fff; cursor:pointer; font-size:13px; line-height:1; padding:0 2px; opacity:.85; width: 24px; height: 24px; box-sizing:border-box; }
.ooo-control .ooo-edit-btn:hover{ opacity:1; background: #2c5c6e; }
/* Popover is moved to <body> by admin.js and positioned fixed relative to the edit button, so the
   h1's overflow:hidden never clips it. */
.ooo-popover{ width:280px; background:#fff; color:#333; border:1px solid #bbb; border-radius:6px; box-shadow:0 6px 20px rgba(0,0,0,.35); padding:10px; z-index:100000; text-align:left; }
.ooo-popover[hidden]{ display:none; }
.ooo-popover .ooo-popover-label{ display:block; font-size:12px; font-weight:bold; margin-bottom:4px; color:#333; }
.ooo-popover textarea{ width:100%; box-sizing:border-box; resize:vertical; font-size:13px; padding:6px; border:1px solid #ccc; border-radius:4px; color:#333; font-family:inherit; }
.ooo-popover .ooo-popover-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:8px; }
.ooo-popover .ooo-popover-status{ margin-right:auto; font-size:12px; color:#2e7d32; }
.ooo-popover button{ font-size:12px; padding:4px 10px; border-radius:4px; border:1px solid #ccc; background:#f3f3f3; cursor:pointer; color:#333; }
.ooo-popover .ooo-save{ background:#257a99; border-color:#1f6a86; color:#fff; }
.ooo-popover .ooo-save:disabled{ opacity:.6; cursor:default; }
div#menu-hed .main-menu-user-tab-wrapper {
  display: inline-block;
}
div#menu-hed a.main-menu-user-tab {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 4px;
  border-right: none;
}
div#menu-hed a.main-menu-user-role-switcher {
  margin-left: -5px;
  border-left: none;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  font-size: 14px;
  padding: 10px 6px 10px 4px !important;

  .user-role-switcher-icon {
    transition: transform 0.3s ease;
  }

  ~ #user-role-switcher-menu {
    opacity: 0;
    visibility: hidden;
    clear: both;
    float: none;
    position: absolute;
    width: fit-content;
    z-index: 1;
    transform: translateY(-0.5rem);
    transition: all 0.3s ease;

    background-color: hsl(105, 47%, 70%);
    background-image: linear-gradient(to left top, #92c9b4, #a6d4ba, #badfc2, #cdeaca, #e1f5d4);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 0 0.15rem 0.1rem;
    border-radius: 0.8rem;

    li {
      list-style: none;
      margin-block: 0.25rem;

      a {
        display: block;
        border-radius: 0.5rem;
        font-size: 14px;
        padding: 0.4rem;

        &:active {
          background-image: none;
          background-color: #285e99;
        }
      }
    }
  }

  &:hover,
  &:has(~ #user-role-switcher-menu:hover) {
    .user-role-switcher-icon {
      transform: rotate(180deg);
    }

    ~ #user-role-switcher-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
  }

  &.selected:hover{
    background-color:hsl(211, 59%, 45%);
  }
}

/*CONTENT*/
div.contentbody{ background:#2589ab url(/images/bg-blocks.gif) repeat-x 0 100%;  padding:0 0 25px 0; -moz-box-shadow:0 0 5px #666;}
div.contentbody h1{ width:100%; padding:5px 5px 0px 10px; font-size:18px; color:#fff; border-bottom:1px solid #E8E8E8;font-weight:normal;overflow:hidden; box-sizing: border-box;}
/*HEADER*/
#header-con h1{ font-size:30px; color:#666666; margin:5px 20px 5px 15px;}
span.hag{padding:2px 2px 2px 2px; margin:5px 0 5px 0; background:#CACACA; display:block; font-size:14px; border:1px outset #eee; font-weight:bold;}
div.infield ul li.refno span.sle select{ width:99px; margin-right:2px;}
div.infield ul li.refno span label{ display:block; margin-bottom:2px;}
/*CHART*/
.chart1{border:1px solid #ccc; border-bottom:none;   border-left:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;background:#fefefe;color:#333;}
.chart1 td{ border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding:0px; margin:0px;padding:5px 5px 5px 5px;max-width: 95px;word-wrap: break-word;}
.chart1 tr td span.def{ display:inline-block; width:175px;}
.chart1 tr td span.def, .chart1 tr td span.def a{ color:#0099FF;} .chart1 tr td span.def a:hover{ color:#FF6600;}
.chart1 tr.silver{font-weight:bold;}.chart1 tr.gold{ background:#f5f5f5;}.chart1 tr{ text-align:left; font-size:11px;}
.chart1 tr.silver td{color:#fff;}
.chart1 tr.silver a{color:#F6B760;}
.chart1 tr.silver a:hover{color:#F6B760;}
.chart1 a{ color:#42839f; font-weight:bold;}.chart1 a:hover{ color:#4e8fab;}
.chart1 a.more{ display:inline-block; width:85px; padding:5px 2px 5px 2px; text-align:center; background:#FF6600; text-decoration:none; color:#FFFFFF; -moz-border-radius:5px;text-transform:uppercase; border:1px solid #FF3300;-moz-box-shadow:1px 1px 5px #666;}
.chart1 a:hover.more{ background:#FFCC00;}
#rate_table_report td{padding: 5px 2px !important;}
.chart1.sm-padding td {padding: 5px 2px !important;}
/*FIELDSET*/
div.infield{width:700px; position:relative; margin:0px auto; margin-top:25px; }
div.infield fieldset{ padding:10px 10px 10px 10px; margin:0 auto; border:1px solid #146482; -moz-border-radius:10px; background:#2589ab url(/images/bg-blocks.gif) repeat-x 0 100%;color:#fff;}

div.infield fieldset:not(.users-edit-user) legend{ padding:5px 10px 5px 10px; background:#146482; -moz-border-radius:5px; color:#fff;}
div.infield fieldset.users-edit-user legend {
  .legend-text,
  .log-in-as {
    padding: 5px 10px 5px 10px;
    background:#146482;
    border-radius: 5px;
    color:#fff;
  }
  .log-in-as {
    color: yellow;
  }
}

div.infield fieldset cite{color:#fff !important;}
div.infield fieldset a{color:#F6B749;}
div.infield ul li{ list-style-type:none; width:45%; float:left; margin:5px 0 5px 0;color:#fff;}
/*div.infield ul li input, div.infield ul li textarea{ width:100%; padding:2px 2px 2px 2px; border:1px inset #ccc;}
div.infield ul li input{
  background:#ececec url(/images/bg-decor-field.gif) repeat-x;
  color:#555;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size:12px;
  height:15px;
  padding:7px;
  border:0;
  width:291px;
}
div.infield ul li.last{ width:100%;}
div.infield ul li textarea{ height:100px;}
div.infield ul li input.sbtn{ width:20%; padding:5px 5px 5px 5px; border:none; background:#333; color:#FFFFFF; -moz-border-radius:5px;}
div.infield ul li input:focus, div.infield ul li textarea:focus{ color:#FF0000; -moz-border-radius:5px; border:none; border:1px solid #006600;}
div.infield ul li input:focus{
  border:0;
  background:#e4dfdf;
  color:#d79822;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}*/
/*FOOTER*/
div.footer{ text-align:right; line-height:18px; font-size:11px; color:#333; padding:10px 0 20px 0;}
div.footer a{ color:#999999; text-decoration:underline;}div.footer a:hover{ color:#CCCCCC;}

.datacon img {border:none; vertical-align:middle;}
.contentbody img {border:none; vertical-align:middle;}
/*ALIGN*/
.floatleft{ float:left;}.floatright{ float:right;}
/*MISC*/
.td-wordbreak {word-break:break-word;}
/*------------------POPUPS------------------------*/
#fade {display:none;background:#000;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;opacity:.80;z-index:9999;}
.popup_block{display: none;background: #fff;padding: 20px;border: 20px solid #ddd;float: left;font-size: 1.2em;position: fixed;top: 50%; left: 50%;z-index: 99999;
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
img.btn_close {float:right;margin:-55px -55px 0 0;border:0px;}
.popup p {padding: 5px 10px;margin: 5px 0;}
p.txt-box{
  float:right;
  text-align:center;
  font:12px/15px Georgia, Times, serif;
  color:#000;
  padding-top:7px;
  margin:0 0 3px;
}
p.txt-box a{
  color:#515558;
}
p.txt-box a:hover{
  text-decoration:none;
}
.logo-back{float:left;}
.fb-like{
  float:right;
  padding:2px 0 0;
}


div.login-form{
  overflow:hidden;
  position:relative;
  margin:25px auto 0;
  width:319px;
  padding:0 0 15px;
}
div.login-form form{
  overflow:hidden;
  width:297px;
  padding:25px 11px 8px;
}
div.login-form .row{
  overflow:hidden;
  padding:0 0 6px;
}
div.login-form .row label{
  float:left;
  width:80px;
  padding:5px 20px 0 0;
  font-size:13px;
  color:#fff;
  line-height:16px;
  text-align:right;
}
div.login-form .error-txt{
  display:block;
  padding:0 0 0 102px;
  color:#e8b042;
}
div.login-form ul li input#email,
div.login-form ul li input.password{
  float:left;
  background:#ececec url(/images/bg-decor-field.gif) repeat-x;
  color:#555;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size:12px;
  height:15px;
  padding:7px;
  border:0;
  width:171px;
}
div.login-form ul li input#email:focus,
div.login-form ul li input.password:focus{
  border:0;
  background:#e4dfdf;
  color:#d79822;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
div.login-form .row-holder{
  overflow:hidden;
  padding:0 0 5px 100px;
}
div.login-form .row-holder input{
  float:left;
  width:16px;
  height:16px;
  margin:0;
  padding:0;
}
div.login-form ul li{
  float:none;
  width:auto;
  overflow:hidden;
  margin:0;
  padding:6px 0;
}
div.login-form #uniform-rememberme{float:left;}
div.login-form .row-holder label{
  float:left;
  white-space:nowrap;
  color:#fff;
  line-height:16px;
  padding:1px 0 0;
}
div.login-form #uniform-saveForm{
  width:107px;
  height:42px;
  overflow:hidden;
  text-indent:-9999px;
  display:block !important;
  margin:0 auto;
  background:url(/images/bg-btn-login.png) no-repeat !important;
}
div.login-form #uniform-saveForm span{background:none;}
.help-box{
   margin-left:20px;
   margin-top:35px;
   list-style:none;
}
.help-box h3{
  color:#fff;
  font-weight:normal;
  margin:0 0 10px;
  font-size:16px;
  line-height:19px;
}
.help-list{
  color:#fff;
  line-height:30px;
  list-style:none;
}
.help-list li{
  background:url(/images/bullet-help-list.png) no-repeat 0 8px;
  padding:0 0 0 25px;
}
.help-list a{color:#F6B749;}
.help-list a:hover{
  text-decoration:none;
}
#def{color:#fff;}
#def a{color:#2e83a9 !important;}
.table-info td{background:#efefe;}
#postfrm td{padding:0 0 5px;}
.admin-login input#password,
.admin-login input#userid{width:171px;}

/* Client Edit */
#frmClients .phone
{
  width: 181px;
}
#frmClients input[type=text]
{
  width: 300px;
}
#frmClients .phone-ext
{
  width: 27px !important;
}
#frmClients .phone
{
  width: 150px !important;
}

#frmClients .advanced-post-url,
#frmClients .advanced-live-transfer,
#frmClients #custom-pricing ul li,
#frmClients #modules ul li,
#frmClients #groups ul li
{
  display: none;
}

#edit-client-submit
{
  text-align: center;
  margin: 20px 0;
}
#frmClients .error
{
  color: yellow;
}
/* END Client Edit */

/* Client Log Page */
.client-log-value
{
  font-weight: 600;
  color: #300;
}

.sms-chat-first-entry {
}
.sms-chat-first-entry:hover {
  cursor: pointer;
}
.sms-chat-additional-entries {
  display: none;
}
/* END Client Log Page */

.clear
{
  clear: both;
}

#logo
{
  float: left;
}
#sales_next_call_container
{
  float: left;
  margin: 5px 10px 5px 20px;
  /* position: absolute;
  left: 270px;
  top: 5px;*/
}
#sales_next_call_warning
{
  color: red;
  position: relative;
  top: 2px;
}
#sms_chats_nav_button
{
  float: left;
  margin-top: 5px;
}

#stat_panels
{
  position: absolute;
  right: 10px;
  top: 0;
	padding-bottom: 5rem;
}

.pitch_content
{
  font-weight: 400;
  font-size: 1.1rem;
  color: #000000;
  line-height: 1.5;
}

#pitch_panel
{
  position: absolute;
  left: 1%;
  top: 195px;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid rgba(0,0,0,.4);
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
  z-index: 60;
  width: 15.5%;
  height: auto;
  min-height: 200px;
}

#pitch_panel_top
{
	border: 1px solid #ddd;
  background: linear-gradient(to bottom, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
  color: #362b36;
	border-radius: 6px;
	font-size: 14px;
	padding: 15px 20px;
	margin-bottom: 1rem;
}

.hide {
  display: none;
}

.lt_panel, .points_panel
{
  position: absolute;
  left: 50%;
  padding: 12px 15px;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid rgba(0,0,0,.4);
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
  z-index: 60;
  width: auto;
  height: auto;
  min-height: 200px;
  margin-top: -1px;
}

.lt_panel_pending
{
  left: 45%;
}

.points_panel {
  min-height: initial;
}

.call_log tr:nth-child(n+6) {
  display: none;
}

.call_types {
  padding-bottom: 6px;
}

.pitch_menu
{
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 0;
}

.pitch_symbol
{
  color: #000000;
}

@media screen and (max-width: 1760px) {
  .pitch_content
  {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
  }
  #pitch_panel
  {
    left: 5px;
    width: 13%;
    padding: 5px;
    top: 267px;
  }
}
/* Sales Stats */

#sales_stats_panel
{
  float: right;
  background-color: rgba(237, 234, 234, .9);
  color: #151d18;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  overflow: hidden;
  font-size: 11px;
  margin-bottom: 5px;
}

.sales_panel_full_size
{
  width: 118px;
  padding: 3px;
  height: auto;
  min-height: 100px;
}

.sales_panel_min_size
{
  width: max-content;
  height: 15px;
  padding: 3px;
  min-height: 0;
}
	/* Collapsed panels declare height: 15px with 3px of padding. The universal
	   border-box rule below is inside @media (max-width: 1024px), so above that
	   width these stay content-box and the clip window is 21px, not 15px. The
	   header fills 15px of it and the first line of the content div shows through
	   the remaining 6px — measured, at 1400px, on all six panels. Under 1024px
	   the border box is exactly 15px and nothing leaks, which is why this only
	   ever reproduced on desktop.

	   display, not visibility: the widths above are now max-content, and a
	   visibility-hidden content div still takes part in layout, so max-content
	   would size every panel to "Error loading data." instead of to its own
	   header and they would all collapse to the same slab.

	   !important is load-bearing. sales, csr, live_transfer, aged and followup
	   all call slideDown() on this div, and jQuery finishes a slideDown on an
	   element hidden by a stylesheet by writing an inline display onto it. That
	   inline value outranks any plain rule here, so without !important the
	   content comes back — and the panel re-collapses to the slab width — for
	   the rest of the session as soon as the range toggle is used once. */
	#sales_stats_panel.sales_panel_min_size {
		padding-left: 5px;
		padding-right: 6px;
	}
	.sales_panel_min_size #sales_stats_content {
		display: none !important;
	}

#sales_stats_panel .stat_menu
{
  display: block;
  text-align: right;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
}

#sales_stats_panel table
{
  width: 100%;
}
#sales_stats_panel td
{
  padding: 1px 3px;
}
#sales_stats_panel .stat_percent
{
  color: #2E4537;
  text-align: right;
}
#sales_stats_panel .stat_number
{
  color: #2E3B33;
  text-align: right;
}
#sales_stats_panel .stat_duration
{
  color: #2E3B33;
  text-align: right;
}
#sales_stats_panel tr:nth-child(even)
{
  background-color: rgba(223, 220, 220, .9);
}

#sales_stats_panel .stat_menu a
{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;
}

#sales_stats_panel a
{
  color: blue;
}

#sales_stats_panel tr.totals-row
{
  background-color: #F5FFF5;
}

#sales_stats_panel .stat_negative
{
  color: red;
}

#sales_stats_panel .stat_positive
{
  color: green;
}

#sales_stats_panel h2
{
  background: transparent;
  color: black;
  font-size: 11px;
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  text-align: center;
}

#sales_stats_panel ol
{
  margin: 0 0 0 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #fff;
  font-size: 11px;
}

#sales_help_content
{
  display: none;
}

#sales_stats_panel .panel_loading
{
  position: absolute;
  top: 50%;
  left: 50%;
}
/* Sales Stats END */

/* CSR Stats */

#csr_stats_panel
{
  float: right;
  background-color: rgba(245, 245, 255, .9);
  color: #151d18;
  padding: 3px;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

#csr_stats_panel tr:nth-child(even)
{
  background-color: rgba(220, 230, 230, .9);
}

#csr_stats_panel
{
  font-size: 11px;
}

.csr_panel_full_size
{
  width: 160px;
  height: auto;
  min-height: 100px;
}

.csr_panel_min_size
{
  width: max-content;
  height: 15px;
  min-height: 0;
}
	#csr_stats_panel.csr_panel_min_size {
		padding-left: 5px;
		padding-right: 6px;
	}
	.csr_panel_min_size #csr_stats_content {
		display: none !important;
	}

#csr_stats_panel.fixed
{
  position: fixed;
  top: 0;
}
#csr_stats_panel .stat_menu
{
  display: block;
  text-align: right;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
}

#csr_stats_panel .stat_menu a
{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;
}

#csr_stats_panel h1
{
  background: transparent;
  color: black;
  font-size: 12px;
  font-weight: bold;
  border: none;
  margin: 5px 0;
  text-align: center;
}

#csr_stats_panel h2
{
  background: transparent;
  color: black;
  font-size: 11px;
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  text-align: center;
}

#csr_stats_panel ol
{
  margin: 0 0 0 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #fff;
  font-size: 11px;
}

#csr_help_content
{
  display: none;
}

#csr_stats_panel .panel_loading
{
  position: absolute;
  top: 50%;
  left: 50%;
}
#csr_stats_thirty
{
  display: none;
}
#csr_stats_panel table
{
  width: 100%;
}
#csr_stats_panel td
{
  padding: 1px 3px;
}
#csr_stats_panel .stat_percent
{
  color: #053B38;
  text-align: right;
}
#csr_stats_panel .stat_number
{
  color: #0F4F31;
  text-align: right;
}
#csr_stats_panel .stat_badges
{
  white-space: nowrap;
  font-size: 0.9em;
  padding-left: 4px;
}
#csr_stats_panel .stat_duration
{
  color: #0F4F31;
}
#csr_stats_panel .csr_stat_description
{
  font-weight: normal;
}
/* CSR Stats END */

/* Live Transfer Stats */

#live_transfer_stats_panel,
#arcade_points_stats_panel
{
  float: right;
  background-color: rgba(245, 245, 255, .9);
  color: #151d18;
  padding: 3px;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

#live_transfer_stats_panel tr:nth-child(even),
#arcade_points_stats_panel tr:nth-child(even)
{
  background-color: rgba(220, 230, 230, .9);
}

#live_transfer_stats_panel,
#arcade_points_stats_panel
{
  font-size: 11px;
}

.live_transfer_panel_full_size,
.arcade_points_panel_full_size
{
  height: auto;
  min-height: 100px;
}

.live_transfer_panel_min_size,
.arcade_points_panel_min_size
{
  width: max-content;
  height: 15px;
  min-height: 0;
}
	#live_transfer_stats_panel.live_transfer_panel_min_size {
		padding-left: 5px;
		padding-right: 6px;
	}
	.live_transfer_panel_min_size #live_transfer_stats_content {
		display: none !important;
	}

#live_transfer_stats_panel.fixed
{
  position: fixed;
  top: 0;
}
#live_transfer_stats_panel .stat_menu,
#arcade_points_stats_panel .stat_menu
{
  display: block;
  text-align: right;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
}

#live_transfer_stats_panel .stat_menu a,
#arcade_points_stats_panel .stat_menu a
{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;
}

#live_transfer_stats_panel h1
{
  background: transparent;
  color: black;
  font-size: 12px;
  font-weight: bold;
  border: none;
  margin: 5px 0;
  text-align: center;
}

#live_transfer_stats_panel h2
{
  background: transparent;
  color: black;
  font-size: 11px;
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  text-align: center;
}

#live_transfer_stats_panel ol
{
  margin: 0 0 0 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #fff;
  font-size: 11px;
}

#live_transfer_help_content
{
  display: none;
}

#live_transfer_stats_panel .panel_loading,
#arcade_points_stats_panel .panel_loading
{
  position: absolute;
  top: 50%;
  left: 50%;
}
#live_transfer_stats_thirty
{
  display: none;
}
#live_transfer_stats_panel table,
#arcade_points_stats_panel table
{
  width: 100%;
}
#live_transfer_stats_panel td,
#arcade_points_stats_panel td
{
  padding: 1px 1px;
}
#live_transfer_stats_panel table td:first-child,
#aged_stats_panel table td:first-child,
#csr_stats_panel table td:first-child
{
  width: 14px;
  padding-right: 1px;
  white-space: nowrap;
}
#live_transfer_stats_panel .stat_total,
#aged_stats_panel .stat_total
{
  font-weight: bold;
}
#live_transfer_stats_panel .stat_number.stat_internet,
#aged_stats_panel .stat_number.stat_internet
{
  color: #999;
}
.sh-time  { color: #808080; }
.sh-lt    { color: #0F4F31; font-weight: bold; }
.sh-int   { color: #999; }
.sh-total { color: #0F4F31; font-weight: bold; }
.sh-pct   { color: #666; }
#live_transfer_stats_panel .stat_percent
{
  color: #666;
  text-align: right;
  padding-left: 3px;
}
#live_transfer_stats_panel .stat_number
{
  color: #0F4F31;
  text-align: right;
  padding-left: 3px;
}
#live_transfer_stats_panel table td:nth-child(2),
#aged_stats_panel table td:nth-child(2),
#phone_gap_stats_today table td:nth-child(1)
{
  padding-right: 2px;
  padding-left: 1.1em;
  position: relative;
  white-space: nowrap;
}
#live_transfer_stats_panel table td:nth-child(2) img,
#aged_stats_panel table td:nth-child(2) img
{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-height: 1em;
}
#live_transfer_stats_panel .stat_badges,
#aged_stats_panel .stat_badges
{
  white-space: nowrap;
  font-size: 0.9em;
  padding-right: 2px;
}
.pace-badge-blue
{
  filter: hue-rotate(200deg) saturate(3) brightness(1.1);
  display: inline-block;
}
.pace-badge-fire
{
  display: inline-block;
}
/* FRU-23467: HOT call banner on the lead page */
.hot-call-banner
{
  margin: 6px 0;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 1.25em;
  font-weight: bold;
  color: #fff;
}
.hot-call-extra_hot
{
  background: #1565c0;
}
.hot-call-hot
{
  background: #d84315;
}
.hot-call-new_lead
{
  /* the site's own lead-page banner colours, as #same_day uses */
  background: #FEFFE8;
  color: #4C4C46;
  border: 1px solid #656648;
}
#live_transfer_stats_panel .stat_duration
{
  color: #0F4F31;
}
#live_transfer_stats_panel .live_transfer_stat_description
{
  font-weight: normal;
}
#live_transfer_stats_panel .lt_stat_note
{
  color: #666;
  font-size: 9px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 3px;
}
#live_transfer_stats_panel .first_call
{
  color: #808080;
  font-size: 0.72em;
  vertical-align: middle;
  padding-right: 1px;
}
#live_transfer_stats_panel .tz
{
  color: #808080;
  font-size: 8px;
}
#arcade_points_stats_panel {
  width: 110px;
}
#arcade_points_stats_panel.arcade_points_panel_full_size {
  width: 200px;
}
.arcade_points_panel_full_size #arcade_points_stats_content {
  visibility: visible;
  opacity: 1;
}
	/* Width as well as the padding here: #arcade_points_stats_panel declares
	   width: 110px a few rules up, and an ID beats the min-size class, so the
	   max-content on .arcade_points_panel_min_size never reaches this panel.
	   It is the only one of the seven with an ID-level width. */
	#arcade_points_stats_panel.arcade_points_panel_min_size {
		width: max-content;
		padding-left: 5px;
		padding-right: 6px;
	}
	.arcade_points_panel_min_size #arcade_points_stats_content {
		display: none !important;
	}
/* Live Transfer Stats END */

/* Aged Stats */

#aged_stats_panel
{
  float: right;
  background-color: rgba(245, 245, 255, .9);
  color: #151d18;
  padding: 3px;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

#aged_stats_panel tr:nth-child(even)
{
  background-color: rgba(220, 230, 230, .9);
}

#aged_stats_panel
{
  font-size: 11px;
}

.aged_panel_full_size
{
  height: auto;
  min-height: 100px;
}

.aged_panel_min_size
{
  width: max-content;
  height: 15px;
  min-height: 0;
}
	#aged_stats_panel.aged_panel_min_size {
		padding-left: 5px;
		padding-right: 6px;
	}
	.aged_panel_min_size #aged_stats_content {
		display: none !important;
	}

#aged_stats_panel.fixed
{
  position: fixed;
  top: 0;
}
#aged_stats_panel .stat_menu
{
  display: block;
  text-align: right;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
}

#aged_stats_panel .stat_menu a
{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;
}

#aged_stats_panel h1
{
  background: transparent;
  color: black;
  font-size: 12px;
  font-weight: bold;
  border: none;
  margin: 5px 0;
  text-align: center;
}

#aged_stats_panel h2
{
  background: transparent;
  color: black;
  font-size: 11px;
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  text-align: center;
}

#aged_stats_panel ol
{
  margin: 0 0 0 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #fff;
  font-size: 11px;
}

#aged_help_content
{
  display: none;
}

#aged_stats_panel .panel_loading
{
  position: absolute;
  top: 50%;
  left: 50%;
}
#aged_stats_thirty
{
  display: none;
}
#aged_stats_panel table
{
  width: 100%;
}
#aged_stats_panel td
{
  padding: 1px 1px;
}
#aged_stats_panel .stat_percent
{
  color: #666;
  text-align: right;
}
#aged_stats_panel .stat_number
{
  color: #0F4F31;
  text-align: right;
  padding-left: 3px;
}
#aged_stats_panel .stat_duration
{
  color: #0F4F31;
}
#aged_stats_panel .live_transfer_stat_description
{
  font-weight: normal;
}
#aged_stats_panel .first_call
{
  color: #808080;
  font-size: 0.72em;
  vertical-align: middle;
  padding-right: 1px;
}
#aged_stats_panel .tz
{
  color: #808080;
  font-size: 8px;
}
/* Aged Stats END */

/* Followup Stats */

#followup_stats_panel
{
  float: right;
  background-color: rgba(245, 245, 255, .9);
  color: #151d18;
  padding: 3px;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

#followup_stats_panel tr:nth-child(even)
{
  background-color: rgba(220, 230, 230, .9);
}

#followup_stats_panel
{
  font-size: 11px;
}

.followup_panel_full_size
{
  width: 175px;
  height: auto;
  min-height: 100px;
}

.followup_panel_min_size
{
  width: max-content;
  height: 15px;
  min-height: 0;
}
	#followup_stats_panel.followup_panel_min_size {
		padding-left: 5px;
		padding-right: 6px;
	}
	.followup_panel_min_size #followup_stats_content {
		display: none !important;
	}

#followup_stats_panel.fixed
{
  position: fixed;
  top: 0;
}
#followup_stats_panel .stat_menu
{
  display: block;
  text-align: right;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
}

#followup_stats_panel .stat_menu a
{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;
}

#followup_stats_panel h1
{
  background: transparent;
  color: black;
  font-size: 12px;
  font-weight: bold;
  border: none;
  margin: 5px 0;
  text-align: center;
}

#followup_stats_panel h2
{
  background: transparent;
  color: black;
  font-size: 11px;
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  text-align: center;
}

#followup_stats_panel ol
{
  margin: 0 0 0 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #fff;
  font-size: 11px;
}

#followup_help_content
{
  display: none;
}

#followup_stats_panel .panel_loading
{
  position: absolute;
  top: 50%;
  left: 50%;
}
#followup_stats_thirty
{
  display: none;
}
#followup_stats_panel table
{
  width: 100%;
}
#followup_stats_panel td
{
  padding: 1px 1px;
}
#followup_stats_panel .stat_percent
{
  color: #053B38;
  text-align: right;
}
#followup_stats_panel .stat_number
{
  color: #0F4F31;
  text-align: right;
}
#followup_stats_panel .stat_duration
{
  color: #0F4F31;
}
#followup_stats_panel .followup_stat_description
{
  font-weight: normal;
}
/* Live Transfer Stats END */

#phone_gap_stats_panel
{
  float: right;
  background-color: rgba(245, 245, 255, .9);
  color: #151d18;
  padding: 3px;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

#phone_gap_stats_panel .stat_menu
{
  display: block;
  text-align: right;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
}

#phone_gap_stats_panel tr:nth-child(even)
{
  background-color: rgba(220, 230, 230, .9);
}

#phone_gap_stats_panel tr.orange {
  background-color: rgba(249, 180, 45, 0.9);
}

#phone_gap_stats_panel tr.orange a {
  color: #fff;
}

#phone_gap_stats_panel
{
  font-size: 11px;
}

.phone_gap_panel_full_size
{
  height: auto;
  min-height: 100px;
}

.phone_gap_panel_min_size
{
  width: max-content;
  height: 15px;
  min-height: 0;
}
	#phone_gap_stats_panel.phone_gap_panel_min_size {
		padding-left: 5px;
		padding-right: 6px;
	}
	.phone_gap_panel_min_size #phone_gap_stats_content {
		display: none !important;
	}

#phone_gap_stats_panel.fixed
{
  position: fixed;
  top: 0;
}

#phone_gap_stats_panel .stat_menu a
{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;
}

#phone_gap_stats_panel h2
{
  background: transparent;
  color: black;
  font-size: 11px;
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  text-align: center;
}

#phone_gap_help_content
{
  display: none;
}

#phone_gap_stats_panel .panel_loading
{
  position: absolute;
  top: 50%;
  left: 50%;
}

#phone_gap_stats_panel table
{
  width: 100%;
}
#phone_gap_stats_panel td
{
  padding: 1px 1px;
}

/* Phone Gap Stats END */

.stat_min_label
{
  cursor: pointer;
}
.info_box
{
  margin: 0 0 10px 0;
}
.info_box > div
{
  padding: 5px !important;
}
/* Reviews */
.lender-row .actions-cell {
  padding: 20px;
}

.lender-row .actions-cell .actions {
  visibility: hidden;
  float: right;
}

.lender-row .actions-cell .lender-link {
  font-size: 120%;
}

.review-row .actions-cell .review-action-link {
  padding-right: 10px;
}

.ui-pnotify.stack-bar-bottom{margin-left:15%;right:auto;bottom:3px;top:auto;left:auto;}

.badge1 {
   position:relative;
   padding-right: 30px !important;
}
a.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top: 2px;
   right:3px;
   font-size:1em;
   background:#c00;
   color:white;
   width:22px;height:22px;
   text-align:center;
   line-height:22px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}
button.badge1 {
  padding: 7px;
}
button.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top: 0;
   right:0;
   font-size:.9em;
   background:white;
   color:black;
   width:25px;height:25px;
   text-align:center;
   line-height:25px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}
a#pp-users-tab-link.badge1 {
  padding-right: 2px !important;
}
a#pp-users-tab-link.badge1[data-badge]:after {
  top: -11px;
  right: -21px;
  min-width: 20px;
  height: 18px;
  padding: 0 0.05rem;
  background-color: #c0392b;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.date-view-tz
{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.7;
}
.date-view-time
{
  white-space: nowrap;
}

.error-row, .error-row a
{
  color: red;
}

.nowrap
{
  white-space: nowrap;
}

.sent_clients{
  width: 200px;
}

.dec_links strong{
  margin-right: 4px;
}

.dec_links a{
  margin-right: 4px;
}
/*
 Assumed user browsing
 */
#assumed-admin
{
  width: 100%;
  background-color: #ffc;
  color: black;
  padding: 10px 0;
  text-align: center;
}

.is-capitalized {
  text-transform: capitalize;
}

/* New Button Begin */
.button-new {
  background: #d69520;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: .04em;
  text-decoration: none;
  border: none;
  border-radius: 2px;
  padding: 8px;
  opacity: 0.85;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.button-new:hover {
  opacity: 1;
}
.button-new.muted {
  background: #ddd;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .02em;
  padding: 3px 6px;
}
.button-new.is-small {
  padding: 4px 8px;
}
.button-new.is-smaller {
  font-size: 10px;
  padding: 3px 6px;
}
.button-new.sent {
  background: #00e19b !important;
}
.button-new.not-sent {
  background: #ff4b55 !important;
}
/* New Button End */

.hidden {
  display: none;
}

/* SMS Autoarchive Begin */
#autoarchive_messages {
  margin: 10px;
}
#autoarchive_messages h2 {
  font-size: 15px;
  margin-bottom: 5px;
}
#add_sms_chat_autoarchive_message {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
#autoarchive_messages .button-new {
  display: inline-block;
  padding: 5px;
  opacity: 0.9;
}
#autoarchive_messages table {
  width: 100%;
}
#autoarchive_messages th {
  background: #1d789a;
}
#autoarchive_messages td {
  background: #fff;
  color: #333;
}
#autoarchive_messages th, #autoarchive_messages td {
  text-align: left;
  padding: 5px;
}
#autoarchive_messages th, #autoarchive_messages td {
  font-size: 11px;
}
#autoarchive_messages input[name="message"] {
  width: 88%;
  height: 24px;
  display: block;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  padding: 0 8px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-align: left;
}
#autoarchive_messages input[name="message"]:hover {
  border-color: #bbb;
}
#autoarchive_messages input[name="message"]:focus {
  border-color: #3b99fc;
}
/* SMS Autoarchive End */


/** Phone app embed **/
.phone-app-error {
  font-size: 125%;
  font-weight: bold;
  background-color: rgba(100, 100, 50, 0.5);
  padding: 10px;
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
  background-image: none !important;
  padding: 4px !important;
  background: inherit;
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
  background-image: none;
}

.tablesorter-default td {background: inherit !important;}

.other_lead_activity {
  color: grey !important;
  font-style: italic;
}

.other_lead_activity a {
  color: grey !important;
}

.review-row .actions-cell .review-action-link {
	padding-right: 5px; /* from 10 to 5 */
  }
  .sent_clients {
	  width: 130px; /* from 200 to 130px */
  }

/*FRU-10862*/
.negative-cell-bg {
  background:lightcoral;
}

/*FRU-11503*/
.lblue-cell-bg {
  background: #a2ccf8;
}

/*FRU-11611*/
.btn_btm_spacing {
  margin-bottom: 5px;
}

/*FRU-11466*/
.credit_csr_div {
  padding: 5px;
  text-align: center;
}

/*FRU-11777*/
.color-ahp {
 color: #ffa500;
}

/*FRU-12588 - CSR Activity Report Adjustments*/

a.csr_a_report {
  padding-right:3px;
  text-decoration:none;
  color:blue
}

.loading span {
  width: 12px;
  height: 12px;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.btn-blue {
  background-color: #71d3f3;
  border-color: #71d3f3;
  font-size: 13px;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

div.username_taken {
  border: red;
  background-color: white;
  color: red;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  font-size: large;
}

#quickview-states-sm-top,
#quickview-states-sm-bottom {
  display: none;
  color: #333;
  font-size: 0.57rem;
  text-align: center;
  padding-inline: 5px;
  margin: 0.7rem auto 0rem auto;
  text-shadow: #fff 1px 0 10px;
}
#quickview-states-sm-top {
  margin-bottom: 0.7rem;
}
#quickview-states-sm-top p,
#quickview-states-sm-bottom p {
  margin-block: 5px;
  white-space: pre-line;
}
#quickview-states-sm-top p.refinance-purchase-states-n-lenders,
#quickview-states-sm-bottom p.refinance-purchase-states-n-lenders {
  white-space: normal;
}
#quickview-states-sm-bottom #sales_next_call_container {
  float: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#sm-stat-btn-wrapper {
  display: none;
}
@media only screen and (min-width: 1024px) {  
  #site_container > #header-con > #logo {
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  #header-con {
    min-height: 35px;
  }
  .sm-hidden {
    display: none;
  }
  #logo .feerateupdate-logo {
    max-width: 200px;
  }
  #stat_panels,
  #quickview-states {
    display: none;
  }
  #sm-stat-btn-wrapper {
    display: block;
    position: absolute;
    top: 2px;
    right: 12px;
    background-color: hsl(105, 47%, 70%);
    background-image: linear-gradient(to right top, #92c9b4, #a6d4ba, #badfc2, #cdeaca, #e1f5d4);
    padding: 0.2rem;
    border-radius: 0.4rem;

    #sm-stat-btn {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 12px;
      letter-spacing: normal;
      border-color: transparent;
      background-color: rgba(237, 234, 234, .9);
      border-radius: 0.3rem;
      color: #2d5b6c;
      padding: 1px 2px;
    }
  }
  #stat_panels.sm-active {
    display: block;
    background-color: hsl(105, 47%, 70%);
    background-image: linear-gradient(to left top, #92c9b4, #a6d4ba, #badfc2, #cdeaca, #e1f5d4);
    box-shadow: rgba(204, 204, 204, 0.25) 0px 13px 27px -5px,
                rgba(204, 204, 204, 0.3) 0px 8px 16px -8px;
    padding: 0.35rem;
    border-radius: 0.8rem;
    margin-top: 2rem;

    .sm-hidden {
      display: none;
    }

    #sales_stats_panel,
    #live_transfer_stats_panel,
    #aged_stats_panel,
    #arcade_points_stats_panel,
	  #phone_gap_stats_panel {
      background-color: rgba(245, 245, 255, .9);
      border-radius: 0.5rem;
      font-size: 14px;
      min-height: 30px;
      padding: 0.5rem;
      width: auto;
      width: -webkit-fill-available;

      table {
        margin-bottom: 1.5rem;
      }

      tr:nth-child(even) {
        background-color: rgba(220, 230, 230, .9);
      }

      &:last-of-type {
        margin-bottom: 0;
      }

      .stat_menu {
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 4px;

        .stat_min_label {
          flex-grow: 1;
          text-align: end;
        }
      }

      #sales_stats_content,
      #live_transfer_stats_content,
      #aged_stats_content,
      #phone_gap_stats_content {
        margin-top: 0.25rem;
      }

      h2 {
        font-size: 12px;
        color: #444;
      }

      td {
        padding: 5px;
      }
    }
  }

  #sales_stats_panel td {
    text-align: center;
  }

  #quickview-states-sm-top,
  #quickview-states-sm-bottom {
    display: block;
  }
  #quickview-states-sm-top .available-lt-calls-not-for-client,
  #quickview-states-sm-bottom .available-lt-calls-not-for-client {
    white-space: normal;
  }
  #quickview-states-sm-top button.badge1[data-badge]:after,
  #quickview-states-sm-bottom button.badge1[data-badge]:after {
    top: 2px;
    right: 2px;
  }

  .logged-out #content-body .infield li.last {
    text-align: end;
    width: 95%;
  }

  div.contentbody h1 {
    border-block: 1px solid #558c9f;
  }

  #site_container {
    padding: 0;
    width: 100%;
  }
  h1 #lph {
    margin-right: 5px;
  }

  div#menu-hed, #content-body, #footer-con, #header-con {
    width: 100%;
    overflow: auto;
  }

  div#menu-hed:has(#user-role-switcher-menu) {
    position: static;
  }

	div#menu-hed:has(a#pp-users-tab-link.badge1[data-badge]) {
		padding-top: 12px;
	}

  #menu-hed .menuhed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: linear-gradient(
      to bottom,
      rgba(37,122,153,0) 0%,
      rgba(37,122,153,0) 1%,
      rgba(37,122,153,0.7) 30%,
      rgba(37,122,153,0.98) 35%,
      rgba(37,122,153,1) 100%
    );
  }
  #menu-hed .menuhed a {
    padding: 10px 4px;
    align-content: center;
    text-align: center;
  }
  #menu-hed .menuhed a.bucks {
    flex-shrink: 0;
    background-position: center;
    width: 86px;
  }
  #menu-hed .menuhed #user-settings {
    float: none;
    display: flex;
  }
  #search_filters {
    background: linear-gradient(
      to bottom,
      rgba(37,122,153,1) 1%,
      rgba(37,122,153,1) 50%,
      rgba(37,122,153,0) 100%
    );
  }
  #logo {
    float: none;
    text-align: center;
    margin-bottom: 1rem;
  }
  .logged-in #fru-phone-bar #phone-not-logged-in,
  .logged-in #fru-phone-bar #phone-no-background {
    font-size: 0.8rem;
  }
  #content-body ul.subnav {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1px;
    justify-content: center;
    height: auto;
  }
  #content-body ul.subnav li {
    float: none;
  }
	/* FRU-23228: Leads stats take their own line after the tabs, never between them */
	#content-body ul.subnav .subnav-stats {
		flex-basis: 100%;
		justify-content: center;
		margin-inline-end: 0;
	}
  #content-body ul.subnav a {
    padding-inline: 13px;
    padding-block: 4px;
    text-align: center;
    height: auto;
    min-height: 35px;
    line-height: normal;
    align-content: center;
    white-space: nowrap;
  }
  ul.subnav .fa {
    display: block;
  }
  ul.subnav::after {
    content: '';
    display: inline-block;
    clear: both;
  }
  #content-body .total_leads {
    float: none;
    margin: -15px 0 0 0;
    padding: 0;
    position: relative;
    top: 20px;
  }
}

.clients-tab-change-log,
.clients-tab-change-log-list {
  .controls-container {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;

    .pagination-top {
      word-break: break-word;
      flex-grow: 1;

      a {
        text-wrap: nowrap;
      }
    }

    .filter-container {
      flex: 0 0 auto;

      a.btn {
        padding: 6px 24px;
        border-radius: 1rem;
        background: #f6b760;
        color: #fff;

        span {
          font-size: 1.2em;
          font-weight: bold;
        }
      }
    }

    select {
      padding-inline: 8px;
    }

    .description-search-input-wrapper {
      position: relative;
      display: inline-block;
      margin-inline-start: 0.7rem;

      &::before {
        font-family: 'FontAwesome';
        position: absolute;
        top: 6px;
        left: 6px;
        content: "\f002";
        color: #777;
      }

      #description-search-input {
        padding-inline: 20px;
        text-overflow: ellipsis;
      }

      .btn-clear {
        position: absolute;
        right: 4px;
        top: 5px;
        display: none;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        background: transparent;
        appearance: none;
        border: none;
        font-size: 1.5em;
        color: #777;
        cursor: pointer;

        &:hover {
          color: #333;
        }
      }

      #description-search-input.hastext ~ .btn-clear {
        display: flex;
      }
    }
  }
}

.clients-tab-change-log-list {
  .controls-container {
    margin-bottom: 1rem;
    flex-direction: column;
    align-items: stretch;

    .filter-container {
      flex: 1 1 auto;
      width: 100%;
    }
  }

  /* Page numbers — mirror the clients tab (.page_link / .current_page).
     Applies to both bars: the one under the filter and the one below the table. */
  .pagination-top {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center;
    padding: 5px 5px 5px 15px;
    background: linear-gradient(#257a99, #2d5b6c);
    background-color: #257a99;
    border-top: #94bdd1 1px solid;
    border-bottom: #94bdd1 1px solid;

    .page_link {
      display: inline-block;
      min-width: 15px;
      padding: 3px 5px;
      font-size: 8pt;
      border: 1px solid #c0c0c0;
      background-color: #2d5b6c;
      text-align: center;
      color: #fff;
      text-decoration: none;

      &:hover {
        background-color: #d69520;
      }
    }

    .current_page {
      background-color: #d69520;
      border: 1px solid #2d5b6c;

      span {
        color: #fff;
      }
    }
  }

  /* Collapsible filter panel — mirrors docs/reports.php Toggle Filters */
  .search-filters-fieldset {
    border: none;
    border-radius: 8px;
    padding: 0.5rem;
  }

  .search-filters-fieldset:has(.expanded) {
    border: 1px solid #94bdd1;
    margin-bottom: 1rem;
  }

  .search-filters-legend {
    border: 1px solid #94bdd1;
    border-radius: 8px;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    color: #fff;
    font-size: 1.1rem;
    transition: all 0.2s ease-out;
  }

  .search-filters-legend span:after {
    content: '\25bc';
    color: #fff;
    font-size: 0.8em;
    margin-inline-start: 5px;
  }

  .search-filters-legend.expanded span:after {
    content: '\25b2';
  }

  .search-filters-panel {
    overflow: hidden;
    transition: all 0.2s ease-out;
  }

  .search-filters-legend:not(.expanded) ~ .search-filters-panel {
    max-height: 0;
  }

  .change-log-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
    padding: 10px;

    /* Label-above fields — mirror docs/reports.php */
    .filter-field {
      display: inline-flex;
      flex-direction: column;
      gap: 5px;

      label {
        color: #fff;
        font-weight: 700;
        white-space: nowrap;
      }
    }

    input[type=text],
    input[type=date] {
      width: 180px;
      height: 20px;
      padding: 6px 8px;
      border: none;
      border-radius: 4px;
      font-size: 13px;
      box-sizing: border-box;
    }
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.select2-container {
  .select2-dropdown {
    background-color: #f1f1f1;
    color: #333;
  }
  .select2-results__option--highlighted[aria-selected] {
    background-color: hsl(206, 60%, 82%);
    color: #333;
  }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
  #menu-hed .menuhed a {
    padding: 10px 2px;
  }
  #content-body ul.subnav a {
    padding-inline: 16px;
  }
}

#call_log {
  .call-summary {
    /* margin-top:5px; */
    height: 50px;
    overflow: hidden;

    &.show {
      height: initial;
    }

    p {
      margin: 10px 0;
    }

    ul {
      margin-left: 50px;

      li {
        margin:5px 0;
      }
    }
  }

  .view-transcription,
  .view-summary,
  .retry-summary {
	  cursor: pointer;
  }

  .retry-summary {
    color: rgb(255, 109, 109);

    &.pending {
      color: grey;
      cursor: default;
    }
  }
}

#call-summary-dialog {
  font-size: 16px;
  p {
    margin: 10px 0;
  }

  ul {
    margin-left: 50px;

    li {
      margin:5px 0;
    }
  }
}

#call_log .highlighted {
	background-color: #ffffcc;
	transition: background-color 0.3s ease;
}

#call-transcription-dialog {
	.lead {
		width: 100%;
		background: lightgrey;

		tr {
			border: 1px solid darkgrey;
		}

		td {
			&:nth-child(odd) {
				font-weight: bold;
			}

			&:nth-child(odd) {
				text-align: right;
			}
		}
	}

	.segments {
		height: 420px;
		overflow: auto;

		li {
			list-style: none;
			line-height: 22px;
			padding: 5px 10px;
			background: var(--speaker-background, #d5dce5);

			&.highlight {
				background: yellow;
			}

			span {
				display: block;
				float: left;

				&.offset {
					width: 65px;
					cursor: pointer;
					color: blue;
				}

				&.speaker {
					width: 90px;
					font-weight: bold;
				}

				&.transcript {
					width: 650px;
				}
			}
		}
	}
}

/* FRU-21746: transcription-dialog-expand.js sizes the dialog to the window and adds
   .is-expanded. The list then takes the height left under the lead table, and the text
   takes the width left beside the offset (65px) and speaker (90px) columns. The content
   still scrolls if the window is too short for a usable list. */
.ui-dialog.is-expanded #call-transcription-dialog {
	display: flex;
	flex-direction: column;

	.lead {
		flex: none;
	}

	.segments {
		flex: 1 1 0;
		height: auto;
		min-height: 200px;

		li span.transcript {
			width: calc(100% - 155px);
		}
	}
}

/* Sits left of the close X and matches its box. The ui-state-* classes come from the
   jQuery UI theme (and dark.css), set by the script the same way the close X gets them. */
.ui-dialog .dialog-expand-toggle {
	position: absolute;
	right: calc(.3em + 26px);
	top: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;

	&:focus-visible {
		outline: 2px solid currentColor;
		outline-offset: 1px;
	}
}

.ui-widget-overlay {
	background: #333333;
}

#boolean-mode-dialog {
	ul { margin: 25px; }
	li { margin: 10px 20px; }
	code { font-weight: bold; }
}

#followup_fast {
	height: 32px;
	position: relative;
	margin-top: 0 !important;

	button {
		position: absolute;
		background: #e4f2fb;
		color: #2779aa;
		z-index: 1;

		&.ui-state-hover, &.ui-state-active, &.ui-state-focus {
			background: #eff7fd;
		}

		&.open {
			box-shadow: 1px 1px 5px darkgrey;

			ul {
				display: block;
			}
		}

		ul {
			display: none;
			background: transparent;
			list-style-type: none;
			color: #000000;
			border-radius: 0 0 5px 5px;
			margin-top:5px;

			li {
				padding: 5px 0;
				font-weight: normal;
				cursor: pointer;
				border-radius: 5px;

				&:hover {
					background: #62bbe9;
				}
			}
		}
	}
}

.quick-prompts {
  button {
    margin-bottom: 5px;
		font-size: 12px;
	}
}

#report-issue-dialog +  div,
#suggestion-box-dialog + div {
	.file-upload {
		float: left;
		margin-left: 10px !important;

		span {
			padding: 0 !important;

			label {
				padding: 0.4em 1em;
				display: block;
			}
		}
	}
}

.notes-container .client-notes td {
  border-top: 1px solid #ccc;
  border-bottom: none;

  ul.contact-info {
    margin-left: 25px;
  }
}

.notes-container .client-notes .merge td {
  border-top: none;
}

#frmAdmins #password[disabled] {
  background-color: white;
}

#toggle_all_carl_details {
  padding: unset;
  border: unset;
  border-radius: unset;
  background-color: unset;
  transition: color 300ms;

  &:hover {
    color: #e3ab46;
  }
}

.ui-dialog.call-recording .ui-state-default .ui-icon {
  filter: hue-rotate(140deg);
}

#premium-dialog #booking {
  position: relative;

  h3 {
    text-align: center;
    background: yellow;
    padding: 5px 0;
  }

  h4 {
     text-align: center;
    padding: 5px 0;
  }

  #no_time_selected {
    color: red;
    font-weight: bold;
    display: block;
    text-align: center;

    &.hidden {
      display: none !important;
    }
  }

  .morning {
    background: #63a3ff;
  }

  .midday {
    background: #6b7cfc;
  }

  .afternoon {
    background: #9a60ff;
  }

  .evening {
    background: #d166ff;
  }

  .day {
    float: left;
    margin-bottom: 15px;
    text-align: center;

    span {
      font-weight: bold;
    }

    ul {
      list-style-type: none;
      margin-top: 5px;

      li {
        &.hidden {
          display:none;
        }

        input {
          display: none;

          &:checked + label {
            background: #2aa43b;
            border: 2px solid yellow;
            color: yellow;
            font-weight: bold;
          }
        }

        label {
          display: inline-block;
          cursor: pointer;
          border: 2px solid #f2f5f7;
          border-radius: 4px;
          color: #ffffff;
          padding: 5px 0;
          width: 100%;

          &:hover {
            background: #d79b3a;
          }
        }
      }
    }
  }

  .tod {
    float: left;
    margin-bottom: 15px;

    ul {
      list-style-type: none;

      li {
        float: left;

        input {
          display: none;

          &:checked + label {
            /* background: #b32f2f; */
            border: 2px solid yellow;
            color: yellow;
            font-weight: bold;
          }
        }

        label {
          display: inline-block;
          width: 80px;
          padding: 5px 0;
          margin-right: 10px;
          border: 2px solid lightgray;
          border-radius: 4px;
          color: #ffffff;
          text-align: center;
          cursor: pointer;

          &.any {
            background: darkgray;
          }

          &:hover {
            background: #d79b3a;
          }
        }
      }
    }
  }

  .time_zones {
    clear: both;
  }

  #tab-info {
    ul {
      list-style-type: none;

      li {
        width: 100%;
        margin-bottom: 10px;

        label {
          width: 120px;
          display: inline-block;
          text-align: right;

          &[for="special_requests"] {
            padding-top: 6px;
          }
        }

        input {
          width: 300px;
          box-sizing: border-box;
          padding: 5px;
        }

        textarea {
          height: 100px;
          width: 300px;
          box-sizing: border-box;
          padding: 5px;
          vertical-align: top;
        }

        .booking_error {
          border: 1px solid red;
        }
      }
    }
  }

  .loading {
    background: #ffffff;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.8;

    div {
      margin: 0 auto;
      width: 15px;
      position: absolute;
      top: 50%;
      left:  50%;
      aspect-ratio: 1;
      border-radius: 50%;
      animation: loader 1s infinite linear alternate;
    }
}
}

@keyframes loader {
  0%   { box-shadow: 20px 0 #000, -20px 0 #0002; background: #000  }
  33%  { box-shadow: 20px 0 #000, -20px 0 #0002; background: #0002 }
  66%  { box-shadow: 20px 0 #0002,-20px 0 #000;  background: #0002 }
  100% { box-shadow: 20px 0 #0002,-20px 0 #000;  background: #000  }
}

#signed_lender_button {
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 12px;
  margin-left: 25px;
}

#signed_toc_button:disabled {
  background: #cccccc;
  color: #666666;
  border: 1px solid #999999;
  cursor: not-allowed;
  opacity: 0.6;
}

#loan_officer_text[disabled] {
  background: #bfbfbf;
}

#lead_transaction_row {
  .lead_label {
    #dnc_emails_trigger {
      border-color: #ebccd1;
      background: #f2dede;
      color: #a94442;
      display: block;
      margin-top: 8px;
      transition: all 0.3s;

      .ui-button-text {
        font-size: 12px;
        letter-spacing: normal;
      }

      &:not([disabled]):hover {
        background: #f9f0f0;
        border-color: #dda7b0;
      }
    }
  }
  #lead_transaction_row_banks {
    .lead-summary-transaction {
      &::marker {
        color: hsl(0, 0%, 70%);
      }
      &.has_dnc_emails::marker {
        color: hsl(120, 100%, 37%);
      }
    }
  }
}

#dnc_emails_form {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding-block: 1rem;

  * {
    box-sizing: border-box;
  }

  .control_inline {
    display: flex;
    gap: 0.25rem;
  }

  .control_message {
    margin-block: 1rem 0.5rem;
  }

  .control_send_container {
    text-align: end;
  }

  input[type="text"],
  textarea {
    width: 100%;
    padding: 0.75rem 0.25rem;
    border-radius: 4px;
    border: 1px solid #86b8df;
    transition: border-color 0.3s;

    &:focus {
      border-color: #1e87f0;
    }

    &[disabled] {
      border-color: #ccc;
    }
  }

  textarea {
    padding: 0.35rem 0.25rem;
  }

  #dnc_emails_control_send[disabled],
  #dnc_emails_control_send[disabled]:hover,
  #dnc_emails_control_send[disabled]:active,
  #dnc_emails_control_send[disabled]:focus {
    border-color: #ccc;
    background: #fff;
    color: #ccc;
    cursor: default;
  }

  #dnc_emails_notification {
    padding: 12px 20px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-height: 150px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s, transform 0.3s;
    z-index: 100;

    &.is-success {
      background-color: #3cb371;
    }

    &.is-error {
      background-color: #ff4a4a;
    }

    &.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
  }
}

.chart1 a.no-lender-lnk {
  color: #df0404 !important;
}

#client_table a.make-client-leader {
  text-decoration: none;
  font-weight: normal;
	cursor: pointer;
}

#client_table span.ct_selected {
  font-weight: bold;
  color: #C97A7A;
	cursor: pointer;
  padding-left: 2px;
  padding-right:2px;
}

#client_table span.ct_not_selected {
  font-weight: bold;
  color: #c4c3c3;
	cursor: pointer;
  padding-left: 2px;
  padding-right:2px;
}

#upload_agreement_dialog {
  p {
    margin: 10px 0;
    font-weight: bold;
  }

  label {
    float: left;
    clear: left;
    margin-bottom: 5px;
    width: 100%;
    box-sizing: border-box;

    input {
      float: right;
      width: 250px;
      height: 25px;
      box-sizing: border-box;

      &.error {
        border: 1px solid red;
      }

      &:focus {
        border-color: #3b99fc;
        outline: none;
      }
    }
  }
}

#upload_agreement_button {
  margin-right: 35px;
  float: right;
}

#agreement_list {
  margin-left: 15px;
  list-style: none;
  li {
    margin: 3px 0;
  }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.client-campaign {
  font-size: 9px;
  display: inline;
  padding-left: 8px;
}

.rtn_return {
  background-color: #e8f0ec;
}

.rtn_denied {
  background-color: #f3e8e8;
}

.rtn_escalated {
  background-color: #f5f4f4;
}


.nmls-data {
    ul {
        list-style-type: none;

        &.collapse {
          display: none;
        }

        li {
            margin: 0 0 0 15px;
            padding: 5px 0 0 0;

            span {
              font-weight: bold;
            }
        }
    }
}

/* ── Khalead sidebar: stat panel coexistence ─────────────────────────────────
   Layout: position fixed, right-aligned, top of viewport down to Khalead top.
   Bottom is set via JS (widget.php) to guarantee flush contact with Khalead
   regardless of CSS specificity. CSS provides structure; JS controls the gap.
   ────────────────────────────────────────────────────────────────────────── */
body.cw-open #stat_panels::-webkit-scrollbar { width: 4px; }
body.cw-open #stat_panels::-webkit-scrollbar-thumb { background: #a0b8a0; border-radius: 999px; }
body.cw-open #stat_panels [class*="_panel_full_size"]::-webkit-scrollbar { width: 4px; }
body.cw-open #stat_panels [class*="_panel_full_size"]::-webkit-scrollbar-thumb { background: #a0b8a0; border-radius: 999px; }

body.cw-open #stat_panels [class*="_panel_full_size"] {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
body #stat_panels #live_transfer_stats_panel[class*="_panel_full_size"] {
	width: var(--cw-w, 360px) !important; /* same as Khalead's 360px */
}

input[name="consent-prompt-phone"],
input[name="consent-prompt-email"] {
  padding: 4px 8px;
  width: 150px;
  border: 1px solid #aaa;
  border-right: none;
  border-radius: 4px 0 0 4px;
  vertical-align: middle;
  height: 28px;
  box-sizing: border-box;
}

input[name="consent-prompt-email"] {
  width: 200px;
}

.consent-prompt-phone-edit,
.consent-prompt-email-edit {
  vertical-align: top;
  margin: 0;
  border-radius: 0 4px 4px 0;

  &.success {
    color: green;
  }

  &:disabled {
    opacity: .50;
    border: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    padding: initial;
  }
}

.consent-prompt-phone-row,
.consent-prompt-email-row {
  margin-bottom: 8px;
  white-space: nowrap;
}

#sendLeadLO:disabled {
  cursor: not-allowed;
}

.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
}

@media print {
  .cw-launcher,
  #cw-panel,
  #cw-ops-panel,
  #cw-feed-overlay,
  #fru-reporter-widget-wrap,
  #fru-reporter-modal,
  /* FRU-22162 — floating chrome must not print.
     The Baldwin/agent-dock chrome is handled in baldwin-assistant/assistant.css
     instead: it sets display with !important on state selectors this sheet
     cannot outrank from here. */
  .ai-persona-trigger,
  #fru-reporter-overlay,
  #fru-reporter-cap-overlay,
  #sms-chat-container {
    display: none !important;
  }
}