/* General */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
body, html {
  height: auto;
  min-height: 100%;
}

/* Start hiding CallerID Name */


.caller_id_name {
  display: none;
}

#settings-cid-name {
  display: none;
}

div.form-group:has(> label[for="callerIdName"]) {
  display: none;
}

/* vb summary and new/edit form*/
div.form-group:has(> label[translate="vb_description.caller_id_name"]) {
  display: none;
}
div.form-group:has(> label[for="inputCIDNam"]) {
  display: none;
}

/* pd details */
#CampaignDetails-callerid_name, #AUDC-callerid_name-div {
  display: none;
}

/* End hiding CallerID Name */


body {
  font-family: "Lato", sans-serif;
  font-size: 15px;
  background: #cfd4e3; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #edeff5 0%, #cfd4e3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #edeff5 0%,#cfd4e3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #edeff5 0%,#cfd4e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeff5', endColorstr='#cfd4e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.hh-body {
  padding-top: 0;
}
.container, .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.row {
  margin: 0;
}
.clear::after {
  clear: both;
  content: " ";
  display: table;
}
#webphone-panel {
    position: fixed !important;
}
.gray-bg {
  background: #eee!important;
}
/* Typography */
@font-face {
	font-family: 'Linearicons';
	src: url('font/Linearicons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}
h2, .panel-body h3, .panel .panel-heading h2, .real-time-monitor .col-md-4 th {
  font-size: 13.5px;
  color: #939EAB;
  text-transform: uppercase;
}
h1, h2.colored, .campaign-mod h2, .listview-mod > h2, .agent-monitor-mod h2, .settings-mod .title-bar h2, .admin-mod > .row:first-child h2, .vb-mod > .row:first-child h2 {
  font-size: 18px;
  color: #5091DD;
  text-transform: none;
}
h3 {
  font-size: 15px;
}
a {
  color: #5091DD;
}
a:hover {
  color: #397BC8;
}
p {
  line-height: 1.5em;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  color: #000000;
}
/* Login */
div.login_block {
  padding: 25px;
}
.logo-block img {
  height: 200px;
  width: auto;
}
/* Icons */
.glyphicon, .sidebar ul li a::before, .home-statistics h2::after, .panel-heading h2::after, .panel-body h3::after, .listview-mod .result h2 > small::before, .settings-mod .panel-heading h2::after, .admin-mod .panel:not(.user-list) .panel-heading h2::after, .vb-mod > .panel h2::after {
  font-family: 'Linearicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
}
.glyphicon-red {
  color: #d63131;
}
.glyphicon-green, .glyphicon-plus {
  color: #509861;
}
.glyphicon-blue, .glyphicon-export {
  color: #5091DD;
}
.glyphicon-yellow, .glyphicon-list-alt, .glyphicon-upload {
  color: #F5A623;
}
.glyphicon-cog::before, .admin-mod .panel:not(.user-list) .panel-heading h2::after, .vb-mod > .panel h2::after {
  content: "\e672";
}
.glyphicon-th::before {
  content: "\e880";
}
.glyphicon-user::before {
  content: "\e71e";
}
.glyphicon-log-out::before {
  content: "\e6d3";
}
.glyphicon-ok-sign::before {
  content: "\e959";
  color: #509861;
}
.glyphicon-remove-sign::before {
  content: "\e95a";
  color: #d63131;
}
.glyphicon-calendar::before {
  content: "\e789";
}
.glyphicon-search::before {
  content: "\e922";
}
.glyphicon-refresh::before {
  content: "\e8da";
  color: #FB0000;
}
.caller-id-setup-header .close {
   opacity: 0.5 !important; 
}
.glyphicon-stats::before {
  content: "\e7f8";
  color: #5091DD;
}
.glyphicon-chevron-left:before {
  content: "\e93b";
}
.glyphicon-chevron-right:before {
  content: "\e93c";
}
.glyphicon-pencil::before {
  content: "\e60d";
  color: #F5A623;
}
.glyphicon-list-alt::before {
  content: "\e6cb";
}
#ContactCtrl-PostURL.glyphicon-upload::before {
  content: "\e909";
}
.glyphicon-upload::before {
  content: "\e8b0";
}
.glyphicon-earphone::before {
  content: "\e76a";
  color: #509861;
}
.glyphicon-star.def-active::before {
  content: "\e91b";
  color: #228B22;  
}
.glyphicon-star.def::before {
  content: "\e99c";
  color: #FF0000;  
}
.glyphicon-earphone.text-danger::before {
  content: "\e76a";
  color: #d63131;
}
.glyphicon-volume-up::before {
  content: "\e8b0";
}
.controls-bar-2 .glyphicon-user::before {
  content: "\e726";
}
.controls-bar-2 .glyphicon-volume-up::before {
  content: "\e96a";
}
.glyphicon-forward::before {
  content: "\e96e";
}
.glyphicon-envelope::before {
  content: "\e696";
}
.glyphicon-record::before {
  content: "\e99e";
}
.glyphicon-open-file::before {
  content: "\e6cb";
  color: #5091DD;
}
.glyphicon-eye-open::before {
  content: "\e6a5";
  color: #5091DD;
}
.glyphicon-leaf::before {
  content: "\e82d";
}
.glyphicon-trash::before {
  content: "\e681";
}
.glyphicon-plus::before {
  content: "\e936";
}
.glyphicon-warning-sign::before {
  content: "\e955";
}
.glyphicon-export::before, .glyphicon-share::before {
  content: "\e91f";
}
.glyphicon-save::before {
  content: "\e8f5";
}
.glyphicon-eye-close::before {
  content: "\e6a6";
}
.glyphicon-signal::before {
  content: "\e79a";
}
.glyphicon-phone-alt::before {
  content: "\e76e";
}
.glyphicon-phone::before {
  content: "\e7d8";
  color: #509861;
}
.Admin-phone .glyphicon-tasks::before {
  content: "\e71a";
}
.glyphicon-usd::before {
  content: "\e870";
}
.glyphicon-tags::before {
  content: "\e756";
}
.glyphicon-time::before {
  content: "\e789";
}
.glyphicon-bullhorn::before {
  content: "\e699";
}
.glyphicon-remove::before {
  content: "\e95a";
}
.glyphicon-info-sign::before {
  content: "\e957";
}
.glyphicon-play::before {
  content: "\e96a";
}
.glyphicon-pause::before, .glyphicon-stop::before {
  content: "\e969";
}
.glyphicon-send::before {
  content: "\e699";
}
.glyphicon-arrow-up::before {
  content: "\e95e";
}
.glyphicon-arrow-down::before {
  content: "\e95f";
}
.glyphicon-ok::before, .glyphicon-ok-circle::before {
  content: "\e959";
}
.glyphicon-th-list::before {
  content:"\e92d"; 
}
.glyphicon-info-sign::before {
  content:"\e954"; 
}
.glyphicon-th-large::before {
  content:"\e87d" ; 
}
.glyphicon-none {
  display: none !important;
}
/* Modal / Panel */
.modal-footer, .modal-footer-ex, .modal-header {
  border: none;
}
.modal-title, .modal-content p.text-l.text-b {
  color: #5091DD;
  font-size: 16px !important;
  font-weight: 400 !important;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 800px;
  }
}
.panel .panel-heading {
  padding: 0 10px 15px 0;
}
.panel-heading h2 svg, .panel-body h3 svg, .admin-mod > .row:first-child svg {
  display: none;
}
.panel-heading h2::after, .panel-body h3::after, .listview-mod .result h2 > small::before, .settings-mod .panel-heading h2::after, .admin-mod .panel:not(.user-list) .panel-heading h2::after, .vb-mod > .panel h2::after {
  vertical-align: -3px;
  font-size: 18px;
  margin-left: 15px;
  color: #5091DD;
}
.panel {
  background-color: transparent;
  box-shadow: none;
}
.panel .table {
  border: none;
}
.panel-footer {
  background-color: #EDEFF5;
}
/* Table */
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
  border: none;
  margin-top: -7.5px;
}
.table>tbody>tr>td {
  background: #fff;
  padding: 10px;
  border: none;
  font-size: 13.5px;
  vertical-align: middle !important;
}
#HomeCtrl-callSchedule .table>tbody>tr>td {
  padding: 10px;
}
.table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #eee !important;
}
.scroll-table-container .table {
  border-spacing: 0 4px;
}
/* Icon group */
.icon-group a, .icon-group button {
  background: transparent;
  line-height: 100%;
}
.icon-group a:hover, .icon-group button:hover, .icon-group button:focus, .icon-group button:active {
  background-color: #EDEFF5 !important;
}
.table>tbody>tr>td.icon-group a, .table>tbody>tr>td.icon-group button {
  background-color: transparent;
  padding: 0 10px;
}
.table>tbody>tr>td.icon-group a:last-child, .table>tbody>tr>td.icon-group button:last-child {
  padding-right: 0;
}
table .icon-group a:hover, table .icon-group button:hover, table .icon-group button:focus, table .icon-group button:active {
  background: none !important;
}
/* Button */
.btn {
  font-size: 15px;
  line-height: 100%;
}
.btn-primary, #HomeCtrl-displayAgentProductivity, .add-note button {
  background-color: #5091DD;
  border-color: #5091DD;
  color: #fff;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus, #HomeCtrl-displayAgentProductivity.active, #HomeCtrl-displayAgentProductivity:active, #HomeCtrl-displayAgentProductivity:hover, #HomeCtrl-displayAgentProductivity.focus, #HomeCtrl-displayAgentProductivity:focus, .add-note button.active, .add-note button:active, .add-note button:hover, .add-note button.focus, .add-note button:focus {
  background-color: #397BC8 !important;
  border-color: #397BC8 !important;
  color: #fff;
}
.btn-warning {
  background-color: #F5A623;
  border-color: #F5A623;
}
.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.btn-warning.dropdown-toggle, .btn-warning.focus, .btn-warning:focus{
  background-color: #DF9215 !important;
  border-color: #DF9215 !important;
}
.btn-default, .btn-default:hover, .form-control {
  color: #5091DD;
  border-color: #caced4;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle {
  background-color: #f5f5f5 !important;
}
.input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
  border-left: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
}
.input-group .form-control:not(:first-child):not(:last-child), .btn-calendar button {
  border-left: none;
  border-right: none;
}
.productivity-filter table .btn {
  padding: 8px;
}
.productivity-filter table .btn.active, .productivity-filter table .btn:active {
  background-color: #5091DD;
}
.productivity-filter .dropdown-menu {
  left: 0 !important;
}
.modal-content .input-group-btn:last-child>.btn {
  border: 1px solid #5091DD;
  color: #5091DD;
}
/* Forms */
.form-group {
  margin-bottom: 7.5px;
}
.form-control {
  color: #555;
  font-family: "Lato", sans-serif;
}
dt, kbd kbd, label {
  color: #939EAB;
  font-weight: 400;
}
input[type=checkbox], input[type=radio] {
  margin-top: 5px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-right: none;
}
.input-group .form-control:last-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.home-statistics .btn, .home-statistics .form-control {
  padding: 8px 11px;
  font-size: 12px;
  height: 35px;
  line-height: 15px;
}
.input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
  border-left: 1px solid #caced4;
}
.contact-mod .contact-details .form-control-static {
  border: 1px solid #EDEFF5;
  background-color: #EDEFF5;
}
.form-control-label, .form-control-static, .form-horizontal .control-label {
  font-size: 13.5px;
}
@media (min-width: 768px){
  .form-control-label, .form-control-static, .form-horizontal .control-label {
    padding: 10px 0 0 0;
  }
}
label, label.text-b {
  font-weight: 400 !important;
}
/* Sidebar navigation */
.sidebar-header, .sidebar {
  background-color: #2F323A;
}
.sidebar-header .navbar-toggle .icon-bar, .sidebar-header .sidebar-toggle .icon-bar {
  background-color: #939EAB;
  width: 16px;
  height: 1px;
}
.sidebar-header .sidebar-toggle {
  margin: 15px 0 0 10px;
}
.sidebar ul li a {
  text-transform: none;
  color: #939EAB;
}
.sidebar ul li.active a {
  color: #5091DD;
  font-weight: 400;
}
.sidebar ul li a svg {
  display: none;
}
.nav>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .hh-sidebar-active.toggled, .hh-sidebar-active.toggled .sidebar, .hh-sidebar-active.toggled .sidebar-header {
    width: 213.75px;
  }
  .hh-sidebar-active .sidebar {
    padding-top: 20px;
  }
  .hh-sidebar-active ul li a {
    padding: 8px 22.5px;
  }
  .hh-sidebar-active .sidebar-header {
    padding: 7px 22.5px;
    min-height: 64px;
  }
  .fixed-bottom {
    bottom: 150px;
  }
  .fixed-bottom:last-child {
    bottom: 100px;
  }
}
.sidebar ul li a:active, .sidebar ul li a:hover, .sidebar ul li a:focus {
  color: #5091DD;
  background-color: #393d4a;
}
.sidebar ul li.main-link a span {
  margin-left: 20px;
}
#NavigationCtrl-Home::before {
  content: "\e603";
}
#NavigationCtrl-Recording::before {
  content: "\e703";
}
#NavigationCtrl-ListView::before {
  content: "\e71a";
}
#NavigationCtrl-ContactView::before {
  content: "\e71b";
}
#NavigationCtrl-Campaign::before {
  content: "\e699";
}
#NavigationCtrl-Monitor::before {
  content: "\e6f0";
}
#NavigationCtrl-Voice::before {
  content: "\e8c7";
}
#NavigationCtrl-PdIns::before {
  content: "\e715";
}
#NavigationCtrl-AgentSt::before {
  content: "\e95b";
}
#NavigationCtrl-VbIns::before {
  content: "\e715";
}
#NavigationCtrl-BuyMins::before {
  content: "\e8ef";
}
#NavigationCtrl-SpeedTst::before {
  content: "\e835";
}
#NavigationCtrl-Knowledgebase::before {
  content: "\e957";
}
#NavigationCtrl-SupportTckt::before {
  content: "\e696";
}
#NavigationCtrl-ResetPass::before {
  content: "\e8d9";
}
#NavigationCtrl-UpdateCreditCard::before {
  content: "\e75a";
}
#NavigationCtrl-FixScamLikely::before {
  content: "\e67c";
}
#NavigationCtrl-Suggestions::before {
  content: "\e693";
}
#NC-stompDelay-span {
  font-size: 13px;
}
#NavigationCtrl-Admin {
  color: #5091DD;
}
/* Title bar */
.title-bar {
  padding: 12px 15px;
  background-color: #fff;
  border-bottom: 1px solid #F0F3F4;
}
@media (min-width: 1175px) {
  .title-bar {
    position: fixed;
    z-index: 999;
  }
}
.title-bar.wide {
  padding: 22.5px 30px;
  margin: 0 0 30px 0 !important;
}
@media (min-width: 1025px) {
  .title-bar.wide {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
  }
}
/* Dashboard title */
.home-mod {
  position: relative;
}
@media (max-width: 979px) {
  h1 {
    margin-bottom: 20px;
  }
}
.home-mod > .row:first-child {
  padding: 12px 15px;
  background-color: #fff;
  border-bottom: 1px solid #F0F3F4;
}
@media (min-width: 1175px) {
  .home-mod > .row:first-child {
    position: fixed;
    z-index: 999;
  }
}
/* Dashboard statistics */
.home-statistics [class^="col-"] {
  width: 100%;
}
.home-statistics {
  background-color: #fff;
  margin-top: -30px;
  padding: 20px 0 30px;
}
@media (min-width: 1175px) {
  .home-statistics {
    position: fixed;
    top: 64px;
    right: 0;
    width: 320px;
    height: 100vh;
    padding: 20px 15px 15px 15px;
    margin: 0;
  }
  .home-statistics .row [class^="col-"] {
    padding: 0;
  }
  .home-statistics .row .m-b-5 {
    margin-bottom: 7.5px !important;
  }
}
@media (max-width: 1174px) {
  .home-statistics h2 {
    padding-left: 15px;
  }
}
.home-statistics h2 {
  padding-bottom: 15px;
  font-size: 13.5px;
}
.home-statistics svg {
  display: none;
}
.home-statistics h2::after {
  content: "\e7fd";
  font-size: 18px;
  margin-left: 15px;
  color: #5091DD;
  vertical-align: -3px;
}
.home-statistics .stat {
  background: #EDEFF5;
  padding: 11px 14px;
  color: #939EAB;
  position: relative;
  min-height: 0;
  font-size: 10.5px;
  margin-bottom: 7.5px;
}
.home-statistics .stat h3 {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 3px;
}
.home-statistics .col:first-child .stat h3 {
  color: #5091DD;
}
.home-statistics .col:nth-child(2) .stat h3 {
  color: #509861;
}
.home-statistics .col:nth-child(3) .stat h3 {
  color: #F5A623;
}
.home-statistics .col:nth-child(4) .stat h3 {
  color: #d63131;
}
.home-statistics .stat small {
  position: relative;
  bottom: 0;
  color: #000000;
}
.home-statistics .stats-list {
  padding-top: 5px;
}
.stats-list .row {
  margin-bottom: 0;
}
#HomeCtrl-predictiveCampaigns .panel-heading h2::after {
  content: "\e699";
}
/* Dashboard campaigns / scheduled calls */
.home-statistics + div.row {
  padding: 0 15px;
}
@media (min-width: 1175px) {
  .home-statistics + div.row {
    width: 70%;
    padding-top: 94px;
  }
  .HomeCtrl-campaign {
    float: left;
    width: 49%;
  }
  .HomeCtrl-campaign:nth-child(odd) {
    margin-right: 7.5px;
  }
}
@media (max-width: 1174px) {
  .HomeCtrl-campaign {
    clear: both;
    overflow: hidden;
  }
}

.HomeCtrl-campaign {
  background-color: #fff;
}
.HomeCtrl-campaign:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.HomeCtrl-campaignName, .HomeCtrl-campaignIcon {
  padding: 10px;
  background-color: transparent;
}
.HomeCtrl-campaignName {
  width: 88%;
}
.HomeCtrl-campaignIcon {
  width: 12%;
}
#HomeCtrl-callSchedule, #HomeCtrl-predictiveCampaigns {
  width: 100%;
}
#HomeCtrl-predictiveCampaigns {
  margin-bottom: 30px;
}
#HomeCtrl-callSchedule .panel-heading h2::after {
  content: "\e78c";
}
@media (max-width: 768px) {
  .pull-right.mobile-float-none {
    float: right !important;
  }
  #HomeCtrl-callSchedule .table>tbody>tr>td:first-child {
    text-align: center;
    padding-bottom: 0;
  }
}
#HomeCtrl-callSchedule .table>tbody>tr>td {
  font-size: 15px;
}
#HomeCtrl-callSchedule .panel-heading {
  margin-bottom: 8px;
}
/* Dashboard display agent productivity */
.home-mod > .row:last-child {
  padding: 0 15px;
}
/* Contact view title */
.contact-mod h2.colored {
  padding: 22.5px 30px;
  margin: 0 !important;
}
@media (min-width: 1025px) {
  .contact-mod h2.colored {
    width: 100%;
    box-sizing: border-box;
  }
}
/* Contact view details */
.contact-details {
  background: #fff;
  padding: 20px 30px 30px;
}
.contact-details .panel-body {
  padding: 0;
}
@media (min-width: 1175px) {
  .contact-details {
    top: 64px;
    margin: 0;
    height: 100vh;
  }
  .contact-mod .col-md-7 {
    padding: 94px 30px 0;
  }
}
.contact-mod .contact-details .form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
}
.contact-details .form-group {
  margin-bottom: 3px;
}
/* Contact view body */
.contact-mod .col-md-7 .panel {
  background-color: #fff;
  border-radius: 3px;
}
.contact-mod .panel-heading {
  padding: 13px 13px 15px !important;
}
.contact-mod .panel-body {
  padding: 0 !important;
}
/* Contact view control bar 1 */
.contact-mod .controls-bar-1 {
  text-align: left;
  background: #EDEFF5;
  border-radius: 3px 3px 0 0;
  padding: 13px 30px 13px 13px;
}
.contact-mod .controls-bar-1 .control .btn {
  padding: 10px;
  padding-bottom: 0;
  padding-top: 0;
  height: auto;
  vertical-align: 1px;
}
.contact-mod .controls-bar-1 .control .btn span {
  font-size: 15px !important;
}
.contact-mod .control {
  margin-bottom: 0 !important;
}
#ContactCtrl-ManualDial {
  padding: 0;
  height: auto;
  color: #5091DD;
  background-color: transparent;
  border: none !important;
  margin-right: 20px;
}
.controls-bar-1 .control.form-control {
  padding: 0;
  font-size: 15px;
  color: #555;
  height: auto;
  background: transparent;
  border: none;
}
.controls-bar-1 .control.form-control a {
  color: #555;
}
.contact-mod .controls-bar-1 .control .btn .glyphicon-list-alt::before {
  color: #5091DD;
}
.contact-mod .controls-bar-1 .control .btn .glyphicon-upload::before {
  color: #d63131;
}
/* Contact view control bar 2 */
.contact-mod .controls-bar-2 {
  background: #fff;
}
.contact-mod .controls-bar-2 .btn {
  border-radius: 0;
  background: transparent;
  padding: 15px;
  height: auto;
  font-size: 27px;
  width: auto;
}
.contact-mod .controls-bar-2 .btn span {
  font-size: 27px;
}
@media (min-width: 1025px) {
  .contact-mod .separator {
    margin: 0;
  }
}
.contact-mod .controls-bar-2 .btn .glyphicon-volume-up::before {
  color: #F5A623;
}
.contact-mod .controls-bar-2 .btn .glyphicon-record::before {
  color: #d63131;
}
.contact-mod .controls-bar-2 .btn .glyphicon-forward::before {
  color: #509861;
}
.contact-mod .controls-bar-2 .btn .glyphicon-user::before {
  color: #5091DD;
}
.contact-mod .controls-bar-2 .btn .glyphicon-envelope::before {
  color: #F5A623;
}
.contact-mod .controls-bar-2 .btn .glyphicon-chevron-left::before {
  color: #d63131;
}
.contact-mod .controls-bar-2 .btn .glyphicon-chevron-right::before {
  color: #509861;
}
.contact-mod .controls-bar-2 {
  padding-bottom: 13px;
  padding-top: 13px;
}
/* Contact view disposition bar */
.dispositon-bar.row.dark {
  background-color: transparent;
  position: relative;
  padding: 0 15px;
}
.dispositon-bar .col-md-12 {
  padding: 0;
}
@media (min-width: 480px) {
  .dispositon-bar .col-md-11 {
    position: absolute;
    right: 15px;
    display: inline-block;
    width: auto;
    top: -5px;
  }
}
#ContactCtrl-popupScript {
  padding-right: 0 !important;
}
.dispositon-bar .form-inline {
  background: #EDEFF5;
  border-radius: 3px;
  padding: 13px 5px 5px;
  margin-bottom: 5px !important;
}
.dispositon-bar h3 {
  margin: 0;
}
.dispositon-bar .form-inline .form-control a {
  font-size: 15px;
  color: #555;
}
.dispositon-bar .form-inline .form-control {
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
  border: none;
  background: transparent;
}
/* Contact view contact log */
.contact-log {
  padding: 0 15px;
}
.contact-log h3 {
  margin-top: 0;
}
.contact-mod .contact-log .scroll-table-container {
  height: auto;
}
.contact-mod .contact-log .scroll-table-container .table {
  margin-bottom: 0;
}
#contacts-tbody td.colored, .table>thead>tr>th {
  background-color: transparent;
  color: #5091DD;
  font-size: 13.5px;
}
#contacts-tbody td.colored, .table>thead>tr>th:first-child {
  padding-left: 0;
}
.contact-mod .contact-log .scroll-table-container .table {
  width: 100%;
  margin-top: -7.5px;
}
.contact-mod .contact-log .scroll-table-container table tbody tr td {
  vertical-align: top;
  font-size: 13.5px;
  background: #EDEFF5;
}
/* Contact view add note */
.add-note.row.dark{
  margin-top: 10px !important;
  background: transparent;
  padding: 0;
  margin-bottom: 20px;
}
.contact-mod .add-note textarea {
  border-color: #EDEFF5;
  background-color: #EDEFF5;
}
/* Campaigns */
.campaign-mod {
  padding: 0 26.25px;
}
.campaign-mod > .row:first-child {
  padding: 12px 15px;
  background-color: #fff;
  border-bottom: 1px solid #F0F3F4;
  margin-left: -26.25px;
  margin-right: -26.25px;
}
@media (max-width: 979px) {
  .campaign-mod > .row:first-child h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 980px) {
  .campaign-mod .panel {
    width: 50%;
    display: inline-block;
  }
}
.campaign-mod .panel .panel-body {
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  margin: 0 3.75px;
}
.pc_name {
  color: #5091DD;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 7.5px;
}
.pc_details {
  color: #000000;
  font-size: 12px;
}
.campaign-mod .m-t-30 {
  margin-top: 10px !important;
}
.campaign-mod .m-b-10 {
  margin-bottom: 7.5px !important;
}
.campaign-mod .panel-body [class^="col-md-"] {
  width: 100%;
  padding: 0;
}
@media (min-width: 800px) {
  .campaign-mod .col-sm-5ths {
    padding: 0 5px;
  }
}
.campaign-mod .stat h3 {
  font-size: 18px;
  color: #555;
}
.campaign-mod .stat small {
  color: #000000;
  font-size: 9px;
}
@media (min-width: 800px) {
  .campaign-mod .stat:nth-child(4) h3 small {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
  }
  .campaign-mod .stat h3 {
    margin-top: 15px;
  }
}
/* Campaign chart */
.campaign-mod .chart-container {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 15px 0 10px;
}
.campaign-mod .chart-container .chart {
  width: 130px !important;
  height: auto !important;
  float: left;
}
.campaign-mod .chart-container chart-legend {
  display: inline-block;
  float: left;
  width: auto;
  text-align: left;
}
.campaign-mod .doughnut-legend {
  text-align: left;
  margin: 0;
}
.campaign-mod .doughnut-legend li {
  display: block;
}
.campaign-mod .doughnut-legend li span {
  width: 15px;
  height: 15px;
  border-radius: 3px;
}
/* Campaign icon group */
.campaign-mod .icon-group {
  background: transparent;
  margin-left: -19px;
  margin-right: -19px;
  border-top: 1px solid #EDEFF5;
  text-align: center;
}
.campaign-mod .glyphicon-volume-up, .campaign-mod .glyphicon-export {
  color: #F5A623;
}
.badgeLineNumber {
  background-color: #5091DD;
  height: 20px;
  width: 20px;
  line-height: 13px;
}
form[name=uploadFileForm] > .row {
  margin-bottom: 10px;
}
/*form[name=uploadFileForm] .form-control {
  height: 35px;
}
/* List view */
.listview-mod {
  padding: 0 30px;
}
.listview-mod > h2 {
  padding: 22.5px 30px;
  margin: 0 -30px 30px -30px;
}
@media (min-width: 1175px) {
  .listview-mod > h2 {
    width: 100%;
  }
}
.listview-mod h2 svg {
  display: none;
}
/* List view filter */
.listview-mod .filter {
  background: #fff;
  padding: 13px;
  margin-bottom: 30px !important;
  margin-left: -30px;
  margin-right: -30px;
}
@media (min-width: 1175px) {
  .listview-mod .filter {
    padding-top: 80px;
  }
}
.listview-mod .filter h3 {
  font-size: 13.5px;
  color: #939EAB;
}
.listview-mod .checkbox .glyphicon {
  color: #5091DD;
}
.listview-mod .filter .checkbox:nth-child(6) {
  min-width: 195px;
}
.listview-mod .form-inline .checkbox label, .form-inline .radio label {
  font-size: 13px;
}
.listview-mod .btn {
  border-right: 1px solid #caced4 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.listview-mod .col-md-3 h3 {
  margin-bottom: 10px !important;
}
@media (min-width: 1281px) {
  .listview-mod .filter .criteria {
    width: 110px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .listview-mod .filter .criteria {
    width: 80px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .listview-mod .filter .criteria {
    width: 40px;
  }
}
@media (min-width: 980px) {
  .listview-mod .ui-select-toggle {
    border-right: 1px solid #caced4 !important;
    width: 80px;
    overflow: hidden;
  }
}
/* List view table */
.listview-mod .result .scroll-table-container {
  background-color: transparent;
  height: 450px;
}
.listview-mod .result .scroll-table-container .table .col-1 {
  width: 115px !important;
}
.table .icon-group
.listview-mod .result .scroll-table-container tr td:last-child, .listview-mod .result .scroll-table-container tr th:last-child {
  width: 55%;
}
.listview-mod .result .scroll-table-container .table .col-2 {
  width: 40px;
  text-align: center;
}
.table .icon-group {
  padding: 10px 3px;
  text-align: left;
}
#contacts-tbody td.colored {
  padding-left: 13px;
  background-color: #F7F8FB;
}
.listview-mod .result h2 {
  margin-top: 0;
}
.listview-mod .result h2 > small::before{
  content: "\e71a";
  margin-right: 15px;
}
/* Agent Monitor */
.agent-monitor-mod {
  padding: 0 30px;
}
@media (min-width: 1175px) {
  .agent-monitor-mod h2 {
    width: 100%;
  }
}
.agent-monitor-mod h2 {
  padding: 22.5px 30px;
  margin: 0 -30px 0 -30px;
}
.agent-monitor-mod h2 svg {
  display: none;
}
@media (min-width: 1175px) {
  .agent-monitor-mod .panel {
    /*width: 70%;*/
    padding-top: 94px;
  }
  .real-time-monitor > .col-md-4 {
    padding: 0 !important;
  }
  .real-time-monitor .col-md-8.table-scroll {
    padding-right: 0;
  }
}
/* Agent monitor tabs */
.nav-tabs {
  border-bottom: 1px solid #000000;
}
.nav-tabs li a {
  color: #000000;
}
.agent-monitor-mod .nav-tabs li a {
  padding-top: 0;
}
.nav-tabs li.active a::after, .nav-tabs li:hover a::after {
  background-color: #5091DD;
}
.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover, .nav-tabs li a:hover {
  color: #5091DD;
}
.agent-monitor-mod .real-time-monitor .table tr td:last-child {
  border-right: none;
}
.agent-monitor-mod .real-time-monitor .table tr td:first-child {
  border-left: none;
}
.agent-monitor-mod .real-time-monitor .col-md-12.p-t-15 {
  padding-left: 0;
  padding-right: 0;
}
.alert-info {
  background-color: #5091dd21;
  border-color: #5091dd0a;
  color: #555;
}
.real-time-monitor .col-md-4 table tbody tr td {
  font-size: 13.5px;
  background: #fff;
}
.real-time-monitor table tbody tr td.icon-group {
  padding: 13px;
}
.agent-monitor-mod .p-15 {
  padding: 15px 0 !important;
}
#recorded-calls-tbody .icon-group .btn {
  height: auto;
}
/* Settings */
.settings-mod {
  padding: 0 15px;
}
@media (min-width: 1175px) {
  .settings-mod {
    padding-top: 94px;
  }
  .settings-mod .title-bar {
    width: 100%;
    top: 0;
  }
}
.settings-mod .title-bar {
  padding: 22.5px 30px;
  margin: 0 -15px 0 -15px;
  margin-bottom: 30px;
}
.settings-mod .title-bar h2 {
  margin: 0;
}
.settings-mod .panel:not(:first-child) {
  padding-top: 20px;
}
.settings-mod .panel:first-child .panel-heading h2::after {
  content: "\e672";
}
.settings-mod .panel:nth-child(2) .panel-heading h2::after {
  content: "\e76e";
}
.settings-mod .panel:nth-child(3) .panel-heading h2::after {
  content: "\e76c";
}
.settings-mod .col-md-4 .panel .panel-heading h2::after {
  content: "\e8b0";
}
/* Settings Panel */
.settings-mod .panel-heading {
  background: #fff;
  padding: 13px;
  border-bottom: 1px solid #eee;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.settings-mod .panel-body {
  background-color: #fff;
  padding: 13px;
}
.settings-mod .panel-footer {
  padding: 13px;
  background-color: #EDEFF5;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.settings-mod .btn-primary {
  margin: 5px;
  display: inline-block;
  height: auto;
}
/* Settings sound files */
@media (max-width: 979px) {
  .settings-mod .col-md-4 {
    margin-top: 15px;
  }
}
@media (min-width: 1175px) {
  .settings-mod .col-md-4 .panel-body, .settings-mod .col-md-4 .panel-footer {
    background: transparent;
  }
  .settings-mod .col-md-4 .btn-primary {
    margin-top: 30px;
  }
}
.sound-files {
  background: #fff;
  border-radius: 3px;
}
/* Admin wrapper */
.admin-mod {
  padding: 0 26.25px;
}
/* Admin title */
.admin-mod > .row:first-child {
  padding: 12px 15px;
  background-color: #fff;
  border-bottom: 1px solid #F0F3F4;
  margin-left: -26.25px;
  margin-right: -26.25px;
}
@media (max-width: 979px) {
  .admin-mod > .row:first-child h2 {
    margin-bottom: 20px;
  }
}
.admin-mod h3, .admin-mod h3.text-b, .admin-mod .row .text-b {
  color: #939EAB;
  font-weight: 400 !important;
}
.admin-mod .row h3.m-b-10 {
  margin-bottom: 15px !important;
  margin-top: 15px;
}
@media (min-width: 769px) {
  #AdminCtrl-createNewUser {
    margin-top: 15px;
  }
}
/* Admin user list */
@media (min-width: 980px) {
  .admin-mod .panel.user-list {
    width: 50%;
    display: inline-block;
  }
}
.admin-mod .panel.user-list .panel-body {
  padding: 19px;
  background: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0 3.75px !important;
}
.admin-mod .panel.user-list .panel-footer {
  border-top: 1px solid #EDEFF5;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 19px;
  background: #fff;
  border-radius: 3px;
  margin: 0 3.75px !important;
}
.admin-mod .icon-group {
  text-align: center;
}
.admin-mod .glyphicon-list-alt, .admin-mod .glyphicon-user {
  color: #5091DD;
}
.admin-mod .glyphicon-tasks {
  color: #509861
}
.admin-mod .glyphicon-volume-up {
  color: #F5A623;
}
.user-list span.text-l.text-b {
  color: #5091DD;
  font-size: 15px !important;
  font-weight: 400 !important;
}
.admin-mod .panel:not(.user-list) .panel-body {
  padding: 0;
}
.admin-mod .panel:not(.user-list) {
  margin: 0 3.75px 30px !important;
}
/* VB wrapper */
.vb-mod {
  padding: 0 26.25px;
}
/* VB title */
.vb-mod > .row:first-child {
  padding: 12px 15px;
  background-color: #fff;
  border-bottom: 1px solid #F0F3F4;
  margin-left: -26.25px;
  margin-right: -26.25px;
}
@media (max-width: 979px) {
  .vb-mod > .row:first-child h2 {
    margin-bottom: 20px;
  }
}
.vb-mod h3, .vb-mod h3.text-b, .vb-mod > .row:first-child .text-b {
  color: #939EAB;
  font-weight: 400 !important;
}
.vb-mod > .row:first-child h3.m-b-10 {
  margin-bottom: 15px !important;
  margin-top: 15px;
}
@media (min-width: 769px) {
  .vb-mod > .row:first-child .col-md-7 {
    margin-top: 15px;
  }
}
/* VB well */
.vb-well {
  padding: 0;
}
.vb-mod .vb-well .panel .panel-body {
  padding: 19px;
  background: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0 3.75px !important;
  min-height: 213px;
}
.vb-mod .vb-well .panel .panel-footer {
  border-top: 1px solid #EDEFF5;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 19px;
  background: transparent;
  border-radius: 3px;
  margin: 0 3.75px !important;
}
.vb-well .panel-body [class^="col-"] {
  padding: 0 !important;
}
.vb-well .glyphicon-search {
  color: #5091DD;
}
.vb-well .glyphicon-volume-up {
  color: #509861;
}
/*@media (min-width: 980px) {
  .vb-well .panel-body .col-md-3 {
    width: 50%;
  }
  .vb-well .panel-body .col-md-2 {
    width: 33.3333333333%;
    text-align: center;
    margin-bottom: 0 !important;
  }
  .vb-well.col-md-6 {
    width: 33.3333333333%;
  }
}*/
.vb-well .stat small {
  color: #000000;
  font-size: 9px;
}
.vb-mod .vb-well .stat h3 {
  font-size: 18px;
  color: #555;
}
.vb-mod .chart-container .chart {
  max-width: 65px !important;
  height: auto !important;
}
.well-active { background-color: #9ee2b1 !important; }
.well-active .top-icons .glyphicon-record {
  color: #9ee2b1;
}
/* VB setup */
.vb-mod #qcallListDiv{
  padding: 0;
}
.vb-mod > .panel {
  margin: 0 3.75px 30px !important;
}
.vb-mod > .row > div .clearfix {
  display: none !important;
}
/* VB new layout */
@media (min-width: 1060px) {
  .vb-mod .vb-well .panel {
    background-color: #fff;
    box-shadow: none;
    border-radius: 3px;
    clear: both;
    overflow: hidden;
    margin: 3.75px;
  }
  .vb-mod .vb-well .panel .panel-body {
    width: 80%;
    display: inline-block;
    float: left;
    margin: 0 !important;
    box-sizing: border-box;
    border-radius: 0;
    border-right: 1px solid #EDEFF5;
    min-height: 226px;
  }
  .vb-mod .vb-well .panel .panel-footer {
    display: inline-block;
    width: 20%;
    float: left;
    margin: 0 !important;
    box-sizing: border-box;
    border-top: none;
    border-radius: 0;
  }
#webphone-panel {
  background-color: #fff;
}


/* hide latency button and ms */
rem #NC-stompDelay-span { display: none; }

/* hide DNC on VB dialer */
#VUC-check_globaldnc-div { display: none; }

/* hide DNC on PD dialer */
#CUCC-check_globaldnc-div { display: none }

/* Hides VB advanced Broadcast options */
rem #VDC-apc-div { display: none }

/* Removes delete button on Admin tab for seats */
button.btn.Admin-delete {
    display: none;
}

/* Removes delete button for database fields */
rem #fields-remove { display: none; }

/* Hides Prevent Duplicate Numbers in file PD */
#CUCC-check_dupe_infile-div { display: none; }

/* Hides Prevent Duplicate Numbers in file VB */
#VDC-VoiceDetailsCtrl.pc.agent_max { display: none; }

/* Hides Prevent Duplicate Numbers in Active Campaign VB */
#VUC-check_dupe_enabled_campaign-div { display: none; }

/* Hides Prevent Duplicate Numbers in Active Campaign PD */
#CUCC-check_dupe_enabled_campaign-div { display: none; }

/* Hide Max Agents on VB */
#inputMaxAgent { display: none; }

/* Removes Admin User checkbox on PD Privileges */
#div.priv_admin { display: none; }

/* Move chat container over a bit (smaller number) */
.chaport-container .chaport-launcher .chaport-launcher-button {
  bottom: 0.5em !important;
  right: 0.5em !important;
}

/* Hides SMS Key on VB Campaign setup */
#AdminCtrl-smsSettings {
    display: none;
}
/* Hides Auto Transfer After Message VB */
#VDC-auto_transfer-div {
  display: none;
}
.form-group.ng-scope:has(#inputSMSKey),
.form-group.ng-scope:has(#inputSMSTemplate) {
    display: none;
}


/* Notification icon   */
.glyphicon-bell::before {
  content: "\e841";
}
.notification-badge {
    font-size: 11px;
    font-weight: 700;
}
.notification-badge-circle {
    width: 17px;
    height: 17px;
    line-height: 12px;
    text-align: center;
}


#NavigationCtrl-AddSeat::before {
  content: "\e936"; /* plus */
  color: #509861;
}
#NavigationCtrl-RemoveSeat::before {
  content: "\e95a"; /* minus or remove */
  color: #d63131;
}
#NavigationCtrl-UpdateCreditCard::before {
  content: "\e75a"; /* credit card icon */
  color: #5091DD;
}
#NavigationCtrl-BulkCallerID::before {
  content: "\e76e"; /* phone-alt */
  color: #5091DD;
}
#NavigationCtrl-SMSsupport::before {
  content: "\e7d8"; /* phone */
  color: #509861;
}
#NavigationCtrl-BuyService::before {
  content: "\e870"; /* usd (money) */
  color: #5091DD;
}

#NavigationCtrl-Agent-Productivity::before {
  content: "\e7d8"; 
  color: #509861;
}

#NavigationCtrl-Chat::before {
  content: "\e7d8";
}
/* Target that specific cancel button */
button.btn.btn-warning.cancel-btn.ng-scope {
  position: relative;
  color: transparent; /* hide original text */
}

/* Add new label */
button.btn.btn-warning.cancel-btn.ng-scope::after {
  content: "Exit";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff; /* match your theme */
}

/* Hides VB "Auto Transfer After Message" */
#VDC-use_vm-div .col-sm-5 {
  display: none;
}

/* Hide redial settings*/
.form-group:has(#inputReDialAttempts),
.form-group:has(#inputReDialDelay) {
	display: none !important;
}

.glyphicon-link::before {
  content: "\e917"; 
}

#targetTransfersCount-group,                                                                                                                                                          
  .form-group:has(#targetTransfersCount) {                                                                                                                                              
    display: none;                                                                                                                                                                      
  }