/*PAGE*/
*{ margin:0; padding:0; outline:0;}
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; }

/* 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;
  }

  .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;
  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;
}
#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 10px 10px 10px; 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;}
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-left: 2px;

  .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;
}

.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: 60px;
  height: 15px;
  padding: 3px;
  min-height: 0;
}

#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: 45px;
  height: 15px;
  min-height: 0;
}

#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_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: 101px;
  height: 15px;
  min-height: 0;
}

#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 .stat_percent
{
  color: #053B38;
  text-align: right;
}
#live_transfer_stats_panel .stat_number
{
  color: #0F4F31;
  text-align: right;
  padding-left: 15px;
}
#live_transfer_stats_panel .stat_duration
{
  color: #0F4F31;
}
#live_transfer_stats_panel .live_transfer_stat_description
{
  font-weight: normal;
}
#live_transfer_stats_panel .first_call
{
  color: #808080;
}
#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;
}
.arcade_points_panel_min_size #arcade_points_stats_content {
  visibility: hidden;
  opacity: 0;
}
/* 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: 101px;
  height: 15px;
  min-height: 0;
}

#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: #053B38;
  text-align: right;
}
#aged_stats_panel .stat_number
{
  color: #0F4F31;
  text-align: right;
  padding-left: 15px;
}
#aged_stats_panel .stat_duration
{
  color: #0F4F31;
}
#aged_stats_panel .live_transfer_stat_description
{
  font-weight: normal;
}
#aged_stats_panel .first_call
{
  color: #808080;
}
#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: 75px;
  height: 15px;
  min-height: 0;
}

#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: 101px;
  height: 15px;
  min-height: 0;
}

#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;
}

.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: 120px; /* from 200 to 120px */
  }

/*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 (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;
  }

  #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;
  }
  #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;
  }
}

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

@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 .view-transcription {
	cursor: pointer;
}

#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;

			&.spk_0 {
				background: #d5dce5;
			}

			&.spk_1 {
				background: #efe4da;
			}
			
			&.spk_2 {
				background: #ebdbea;
			}

      &.spk_3 {
				background: #c4e3cb;
			}
      
      &.spk_4 {
				background: #e1c9c6;
			}

			&.highlight {
				background: yellow;
			}

			span {
				display: block;
				float: left;
				
				&.offset {
					width: 65px;
					cursor: pointer;
					color: blue;
				}
				
				&.speaker {
					width: 90px;
					font-weight: bold;
				}
				
				&.transcript {
					width: 650px;
				}
			}
		}
	}
}

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

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

#followup_fast {
	height: 32px;
	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;
}

.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;
  }
}