body, table td, select, button {
  /*font-family : Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;*/
  /* font-family: Arial Unicode MS, Arial, sans-serif; */
  font-size: small;
  }
pre {
   font-size: small;
}
body {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: ;
  background-position: top center;
}

body.no-wrapper-style {
 background-color: #fff;
}
hr {
  margin: 5px 0 8px;
}



/***********************************************************************
 * CSS3 animations and keyframes
 */

/*@keyframes pulsate{
    0%{transform:scale(0.1,.1);opacity:.3}
    50%{opacity:.8}
    100%{transform:scale(1.2,1.2);opacity:0}
}

@-webkit-keyframes pulsate{
    0%{-webkit-transform:scale(0.1,.1);opacity:.3}
    50%{opacity:.8}
    100%{-webkit-transform:scale(1.2,1.2);opacity:0}
}

@-moz-keyframes pulsate{
    0%{-moz-transform:scale(0.1,.1);opacity:.3}
    50%{opacity:.8}
    100%{-moz-transform:scale(1.2,1.2);opacity:0}
}*/

/***********************************************************************
 * Icon Fonts
 */

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* added 'iconfont' because of conflict with old icons. need to convert older glyphicons to use this font. search glyphicon */
.iconfont {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont-facetime-video:before {
  content: "\e059";
}

.iconfont-open:before {
  content: "\e167";
}

.iconfont-volume-up:before {
  content: "\e038";
}

.iconfont-comment:before {
  content: "\e111";
}

.iconfont-pencil:before {
  content: "\270f"
}

.iconfont-th-list:before {
    content: "\e012";
}

.iconfont-volume-off:before {
  content: "\e036";
}

.iconfont-cog:before {
  content: "\e019";
}

.iconfont-remove:before {
  content: "\e014";
}

.iconfont-search:before {
  content: "\e003";
}

.iconfont-envelope:before {
    content: "\2709";
}

.iconfont-ban-circle:before {
    content: "\e090";
}

.iconfont-remove:before {
    content: "\e014";
}
.icon-info-sign {
  opacity: .6
}
.icon-lock {
    background-position: -288px -24px;
}
.icon-arrow-down {
  margin-top: 0;
  left: .5px;
  position: relative;
  top: 1px;
}
/* nsicon netsapiens custom font icons */
@font-face {
  font-family: 'NSIcon';
  src:  url('../fonts/nsicon.eot?m1bic4');
  src:  url('../fonts/nsicon.eot?m1bic4#iefix') format('embedded-opentype'),
    url('../fonts/nsicon.ttf?m1bic4') format('truetype'),
    url('../fonts/nsicon.woff?m1bic4') format('woff'),
    url('../fonts/nsicon.svg?m1bic4#nsicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.nsicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nsicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nsicon-flag:before {
  content: "\e92d";
}
.nsicon-shared-alt:before {
  content: "\e92c";
}
.nsicon-fax:before {
  content: "\e92b";
}
.nsicon-shared:before {
  content: "\e92e";
}
.nsicon-log-in:before {
  content: "\e924";
}
.nsicon-log-out:before {
  content: "\e925";
}
.nsicon-more:before {
  content: "\e926";
}
.nsicon-paperclip:before {
  content: "\e927";
}
.chat-input-tool .nsicon-smiley:before {
  content: "\e928";
}
.nsicon-sort:before {
  content: "\e929";
}
.nsicon-status:before {
  content: "\e92a";
}
.nsicon-corner-grip:before {
  content: "\e922";
}
.nsicon-status-message:before {
  content: "\e923";
}
.nsicon-contacts:before {
  content: "\e920";
}
.nsicon-domains:before {
  content: "\e921";
}
.nsicon-masquerade:before {
  content: "\e91f";
}
.nsicon-notifications-on:before {
  content: "\e91e";
}
.nsicon-reply:before {
  content: "\e91d";
}
.nsicon-add-participant:before {
  content: "\e900";
}
.nsicon-assisted-transfer:before {
  content: "\e901";
}
.nsicon-block:before {
  content: "\e902";
}
.nsicon-answer-call:before {
  content: "\e903";
}
.nsicon-calls:before {
  content: "\e904";
}
.nsicon-drag-grip:before {
  content: "\e905";
}
.nsicon-extension:before {
  content: "\e906";
}
.nsicon-forward:before {
  content: "\e907";
}
.nsicon-hang-up:before {
  content: "\e908";
}
.nsicon-hold-call:before {
  content: "\e909";
}
.nsicon-home:before {
  content: "\e90a";
}
.nsicon-inbound-call:before {
  content: "\e90b";
}
.nsicon-language:before {
  content: "\e90c";
}
.nsicon-manager:before {
  content: "\e90d";
}
.nsicon-mic:before {
  content: "\e90e";
}
.nsicon-mobile:before {
  content: "\e90f";
}
.nsicon-mute-mic:before {
  content: "\e910";
}
.nsicon-mute-video:before {
  content: "\e911";
}
.nsicon-notifications-off:before {
  content: "\e912";
}
.nsicon-outbound-call:before {
  content: "\e913";
}
.nsicon-park-call:before {
  content: "\e914";
}
.nsicon-phone-extension:before {
  content: "\e915";
}
.nsicon-queue:before {
  content: "\e916";
}
.nsicon-reseller:before {
  content: "\e917";
}
.nsicon-transfer-call:before {
  content: "\e918";
}
.nsicon-user:before {
  content: "\e919";
}
.nsicon-video:before {
  content: "\e91a";
}
.nsicon-voicemail:before {
  content: "\e91b";
}
.nsicon-work:before {
  content: "\e91c";
}
s


/***********************************************************************
 * Web Phone dock column styles
 */

#dock-column-webphone .nsicon {
	font-size: 17px;
  opacity: 1;
}

#dock-column-webphone .nsicon.nsicon-mute-mic.muted {
	color: #7F223B;
}

#dock-column-webphone .volume-control {
	padding: 9px;
}

#dock-column-webphone .volume-control canvas {
	background-color: white;
	width: 80%;
	height: 5px;
}

/***********************************************************************
 * Bootstrap overwrites
 */
label{
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-shadow: none;
}

label, button, select, textarea,
input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"],
input[type="time"], input[type="week"],
input[type="number"], input[type="email"],
input[type="url"], input[type="search"],
input[type="tel"], input[type="color"],
.uneditable-input {
  font-size: small;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: small;
}

textarea {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

legend {
  font-size: 18px;
  line-height: 36px;
}

h6 {
  text-transform: uppercase;
  color: #bfbfbf;
}

a:hover {
  cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {
 }

h4 > .label {
  vertical-align: middle;
}

ul.hide {
	display: none;
}

.maclist li .selected-mac {
  font-family: monospace;
}

.modal-backdrop, .modal-backdrop.fade.in {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.modal {
  /*position: absolute;*/
  width: 600px;
  /* margin: -265px 0 0 -300px;*/
  margin: -120px 0 0 -300px;
}

.modal.widemodal {
  width: 800px;
  margin: -120px 0 0 -400px;
}

.address-notify {
  margin-top: -50px !important;
}

.modal.loading {
  background: transparent;
  border: none;
  box-shadow: none;
}

.modal.loading .loading-container,
.modal.loading .loading-container-relative {
  background: transparent;
}

.modal.loading .loading-container > .loading-spinner,
.modal.loading .loading-container-relative > .loading-lg {
  color: #fff;
}

.modal.fade {
  top: 50% !important;
}

/*.modal.fade{
  -webkit-transition:opacity .3s linear, none;
  -moz-transition:opacity .3s linear, none;
  -ms-transition:opacity .3s linear, none;
  -o-transition:opacity .3s linear, none;
  transition:opacity .3s linear, none;
}*/

.modal.span6 {
 width: 460px;
 margin-left: -230px;
}

.modal.span7 {
  width: 540px;
  margin-left: -270px;
}

.modal.span8 {
  width: 620px;
  margin-left: -310px;
}

.modal.span9 {
  width: 700px;
  margin-left: -350px;
}

.modal.span10 {
  width: 780px;
  margin-left: -390px;
}

.modal.span11 {
  width: 860px;
  margin-left: -430px;
}

.modal.span12 {
  width: 940px;
  margin-left: -470px;
}

.modal .row {
  margin-left: 0;
}

.modal-header,
.modal-body,
.modal-footer {
  display: none;
}

.modal-header.show,
.modal-body.show,
.modal-footer.show {
  display: block;
}

.modal-body {
  max-height: 600px;
  overflow-y: auto;
  /*overflow-x: hidden;*/
}

.modal-body p {
  margin-bottom: 16px;
}
.modal-body input[type="text"],
.modal-body input[type='password'],
.modal-body .uneditable-input {
  padding: 4px;
  width: 211px;
}

.modal-header-tabs {
  padding-bottom: 0;
  border-bottom: none;
}

.modal .nav-tabs {
  margin-bottom: 0;
}

/*.modal .tab-pane {
  margin-top: 25px;
}*/

table th {
  vertical-align: top;
}
.btn {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  font-weight: bold;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
     -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
          box-shadow: 0 0 0 rgba(0,0,0,0);
}
.btn:focus {
    outline:none;
    border:1px solid rgba(0, 0, 0, 0.247059);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(134,145,152,.7);
       -moz-box-shadow: 0px 0px 3px 0px rgba(134,145,152,.7);
            box-shadow: 0px 0px 3px 0px rgba(134,145,152,.7);
  -webkit-transition: box-shadow 0.15s ease-in-out;
     -moz-transition: box-shadow 0.15s ease-in-out;
      -ms-transition: box-shadow 0.15s ease-in-out;
       -o-transition: box-shadow 0.15s ease-in-out;
          transition: box-shadow 0.15s ease-in-out;
}
.btn-large:focus {
    outline:none;
    border:1px solid rgba(0, 0, 0, 0.247059);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(134,145,152,1);
       -moz-box-shadow: 0px 0px 3px 1px rgba(134,145,152,1);
            box-shadow: 0px 0px 3px 1px rgba(134,145,152,1);
  -webkit-transition: box-shadow 0.15s ease-in-out;
     -moz-transition: box-shadow 0.15s ease-in-out;
      -ms-transition: box-shadow 0.15s ease-in-out;
       -o-transition: box-shadow 0.15s ease-in-out;
          transition: box-shadow 0.15s ease-in-out;
}

/* btn span class width rules to overwrite bootstrap input.span rules*/
.btn.span4 {
  width: 300px;
}

.btn.span3 {
  width: 220px;
}

.btn.span2 {
  width: 140px;
}

.btn.span1 {
  width: 60px;
}

a.btn-combo-save {
    width: 78px !important;
}
input.btn-combo-save {
    width: 102px !important;
}

a.btn-primary {
  color: #fff;
}

.form-actions > .btn-primary {
  width: 140px;
}

.btn {
  background-repeat: no-repeat;
}

[class*="span"].btn {
  margin: 0;
  float: none;
}

.nav-tabs > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-tabs > li {
    position: relative;
}

.nav-tabs .badge {
    position: absolute;
    top: -8px;
    right: -7px;
}

.uneditable-input {
  display: inline-block;
  line-height: inherit;
}

.tooltip {
  z-index: 13000;
}

.popover {
  z-index: 1000000;
  max-width: 500px;
}

.qos-popover {
  width: 350px;
  max-width: 500px;
}

.faxpreview-popover {
  min-height:165px;
  width: 140px;
}

.call-options-popover select,
.call-options-popover input[type="checkbox"] {
    margin: 0;
}

.call-options-popover button {
    width: 106px;
}

.popover .input-append {
  margin-bottom: 0;
}

.table-hover tbody tr:hover .popover td,
.table-hover tbody tr:hover .popover th {
  background-color: #fff;
}

.table th {
  background-color: white;
}
.table th.checkboxes{
  width: 14px;
}
.table th.registrations{
  width: 4px;
}

table select {
  margin: 0;
}

.pagination a:hover, .pagination .active a {
  background-color: #c7eefe;
}

.pagination .checkbox {
  margin-bottom: 0;
}

.modal form {
  margin: 0;
  /*position: relative; for validation prompts*/
}

.icon-white {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
    -moz-opacity: 1;
         opacity: 1;
}

.btn + .btn,
.label + .label,
.badge + .badge {
  margin-left: 5px;
}

.label-info[href] {
  cursor: pointer;
}

.warning-icon {
    transition: 250ms all;
    z-index: 0;
    display: inline-block;
}
.warning-icon span {
    transition: 500ms all;
    opacity: .5;
}
.warning-icon:before {
    transition: 250ms all;
    opacity: .75;
    color: #f0ad4e !important;
    content: "\f071";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;
    top: 3px;
    position: relative;
}

h6 .tooltip .tooltip-inner {
  text-transform: none;
  font-weight: 100;
}

.tooltip .tooltip-inner {
  line-height: 16px;
}

/*button[disabled], button[disabled]:hover {
  filter: alpha(opacity=45);
  -khtml-opacity: 0.45;
  -moz-opacity: 0.45;
  opacity: 0.45;
}*/

/*.btn.active {
  background-color: #e6e6e6;
  background-color: #d9d9d9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}*/

.add-on input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
}

form .bootstrap-switch {
  margin-bottom: 10px;
}

.form-horizontal .bootstrap-switch {
  margin-bottom: 0;
}

.form-horizontal.form-wide .controls {
    margin-left: 280px;
}

.form-horizontal.form-wide .control-label {
    width: 260px;
}

.form-horizontal.form-wide .form-actions {
    padding-left: 280px;
}

.form-horizontal.form-wide .form-actions .back-btn {
    margin-left: -260px;
}




#history-storage .form-horizontal .control-label{
  width: 110px;
}

#history-storage .form-horizontal .controls{
  margin-left: 130px;
}
#recording-storage .testing-panel .controls{
  margin-left: 270px;
}

#recording-storage .testing-panel .control-label{
    text-align: center;
    width: 80px;
    margin-left: 165px;
}



.btn-mini {
  padding: 1px 6px;
  line-height: 19px;
  vertical-align: top;
}

/***********************************************************************
 * Configurable Colors
 */

.color-primary,
.color-primary a {
	background-color: ;
}

/*
 * TODO: the btn requires two colors for the gradient. One of the colors will be the color defined by the customer and the second should be a monochromatic color of the customer's. There is probably a PHP function that can do this
 */

.btn.color-primary {
  color: #ffffff;
  background-color: ;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to());
  background-image: -moz-linear-gradient(top, , );
  background-image: -ms-linear-gradient(top, , );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, , );
  background-image: -o-linear-gradient(top, , );
  background-image: linear-gradient(top, , );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color:   ;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.color-secondary,
.color-secondary a {
	background-color: #005388;
}

/***********************************************************************
 * JQUERY UI overwrites
 */

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed !important;
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
  height: 100px;
}

.ui-datepicker-buttonpane {
  display: none;
}

.ui-datepicker {
  z-index: 10000 !important; /* override z-index from jquery ui calculations because they weren't big enough */
}

/***********************************************************************
 * Icons and Action Buttons
 */

/* new round-button classes */
.round-button {
  background-image: url('../img/buttons/round-buttons-sprite.png');
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  outline: none;
  vertical-align: middle;
  background-color: transparent;
  border: none;
}

.round-button:hover {
  filter: alpha(opacity=85);
  -khtml-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}

.round-button + .round-button,
a + .round-button /*until all round icons are converted to round-button*/
{
  margin-left: 3px;
}

.round-call {background-position: 0 -100px;}
.round-music {background-position: -20px -100px;}
.round-record {background-position: -40px -100px;}
.round-goback {background-position: -60px -100px;}
.round-logout {background-position: -80px -100px;}
.round-login {background-position: -100px -100px;}
.round-add-contact {background-position: -120px -100px;}
.round-message {background-position: -140px -100px;}
.round-video {margin-right: 3px; background-position: -100px -120px;}
.round-reply {background-position: -160px -100px;}
.round-masquerade {background-position: 0 -120px;}
.round-copy {background-position: -20px -120px;}
.round-reseller {background-position: -40px -120px;}
.round-block-number {background-position: -60px -120px;}
.round-allow-number {background-position: -80px -120px;}
.round-allow {background-position: -120px -120px;cursor: initial;}

/* old icon classes */
.add:hover,
.del:hover,
.play:hover,
.playing:hover,
.upload:hover,
.edit:hover,
.copy:hover,
.rename:hover,
.delete:hover,
.reports:hover,
.download-report:hover,
.download-audio:hover,
.agents:hover,
.manage:hover,
.save:hover,
.audio:hover,
.listen:hover,
.forward:hover,
.details:hover,
.round-call:hover,
.mute:hover
/*.muted:hover*/ {
  filter: alpha(opacity=85);
  -khtml-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}

.add,
.del,
.play,
.playing,
.upload,
.mask,
.edit,
.copy,
.delete,
.reports,
.download-report,
.download-audio,
.agents,
.manage,
.inbound,
.outbound,
.missed,
.blocked,
.conference-inbound,
.conference-outbound,
.save,
.audio,
.presence,
.star,
.listen,
.forward,
.details,
.mute,
/*.muted,*/
i.record,
i.end,
i.hold,
i.answer,
i.transfer,
.agent-presence {
    background-image: url('../img/buttons/round-buttons-sprite.png');
}

.add,
.del,
.play,
.playing,
.upload,
.mask,
.edit,
.copy,
.rename,
.delete,
.reports,
.download-report,
.download-audio,
.agents,
.manage,
.waiting,
.inbound,
.outbound,
.missed,
.blocked,
.conference-inbound,
.conference-outbound,
.save,
.audio,
.presence,
.listen,
.forward,
.details,
.mute,
/*.muted,*/
.round-add-contact,
i.record,
i.end,
i.hold,
i.answer,
i.transfer,
.agent-presence {
  display: inline-block;
  margin-left: 3px;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  outline: none;
  vertical-align: middle;
  background-color: transparent;
  border: none;
}

i.end,
i.hold,
i.answer,
i.transfer,
i.record {
  margin-left: 0;
}

.waiting {
  background: url('../img/misc/loading.gif') no-repeat center;
  cursor: pointer;
}

.btn > .waiting {
  height: 16px;
  width: 16px;
  margin-left: 0;
  vertical-align: text-top;
  cursor: default;
}

#phonenumbers-div .waiting {
  height: 30px;
}

.loading-container {
  position: absolute;
  background-color: #fff;
  height: 100%;
  width: 100%;
}

.relative{
  position: relative!important;
  top: 120px;

}

.loading-container-relative {
    position: relative;
}

.loading-container > .loading-spinner,
.loading-container-relative > .loading-lg {
  top: 50%; /* 35px to account for header */
  left: 50%;
  color: #777;
  margin: -16px 0 0 -16px;
}

.loading-container-relative > .loading-lg {
    position: absolute;
}

.loading-lg {
  background: url('../img/misc/loading-lg.gif') no-repeat;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 0;
  font-size: 0;
  outline: none;
  margin: 0 auto;
}

.upload {background-position: -60px 0;}
.mask {background-position: 0 20px;}
.edit {background-position: -80px 0;}
.delete {background-position: -100px 0;}
.reports {background-position: 0 -20px;}
.download-report{background-position: -20px -20px;}
.download-audio{background-position: -40px -20px;}
.agents {background-position: -60px -20px;}
.manage {background-position: -40px 0;}
.inbound {background-position: 0 -40px;}
.outbound {background-position: -20px -40px;}
.missed {background-position: -40px -40px;}
.blocked {background-position: -160px -81px;}
.conference-inbound {background-position: -160px -20px;}
.conference-outbound {background-position: -160px -40px;}
.save {background-position: -60px -40px;}
.audio {background-position: -80px -40px;}
.add {background-position: -80px -20px;}
.del {background-position: -100px 0;}
.listen {
  background-position: -100px -80px;
  cursor: pointer;
}
.forward {
  background-position: -140px 0;
  cursor: pointer;
}
.details {
  background-position: -140px -20px;
  cursor: pointer;
}
.mute {
  background-position: -160px 0;
  cursor: pointer;
}
/*.muted {*/
/*  background-position: -160px -60px;*/
/*  cursor: pointer;*/
/*}*/
.play {
  background-position: 0 0;
  cursor: pointer;
}
.play.waiting {
  background-position: center center;
}
.playing {
  background-position: -20px 0;
  cursor: pointer;
}
.copy {background-position: -20px -120px;}
i.record {background-position: -140px -40px;}

i.end {background-position: 0 -80px;}
i.hold {background-position: -40px -80px;}
i.answer {background-position: -60px -80px;}
i.transfer {background-position: -20px -80px;}
.inbound, .outbound, .missed,.blocked, .conference-inbound, .conference-outbound {margin-left: 0;}

table .play,
table .manage{
  margin: 0;
}
.btn.refresh,
.btn.popout,
.btn.record {
  padding: 5px 7px 5px;
  line-height: 14px;
}

.icon-popout,
.icon-graph,
.icon-call,
.icon-minimize,
.icon-maximize{
    background-image: url('../img/buttons/round-buttons-sprite.png');
}

.icon-popout {
  background-position: -102px -43px;
}

.icon-graph {
  background-position: -82px -83px;
}

.icon-call {
  background-position: -123px -63px;
}

.icon-call.icon-white {
  background-position: -143px -64px;
}

.icon-minimize {
  background-position: -143px -82px;
}

.icon-maximize {
  background-position: -123px -82px;
}

[class*="glyphicon-"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: text-top;
  background-image: url("../img/misc/glyph-icons.png");
  background-repeat: no-repeat;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
         opacity: 0.65;
}

.glyphicon-charts {
  background-position: -30px -30px;
}

.glyphicon-stats {
  background-position: 0 -30px;
}

.glyphicon-cogwheel {
  background-position: -60px -30px;
}

[class*="glyphicon-small-"] {
  width: 15px;
  height: 15px;
  line-height: 15px;
  background-image: url("../img/misc/glyph-icons-small.png");
}

.glyphicon-small-charts {
  background-position: -15px -15px;
}

.glyphicon-small-stats {
  background-position: 0 -15px;
}

.glyphicon-small-cogwheel {
  background-position: -30px -16px;
}

.checkmark {
  background-image: url('../img/misc/glyph-icons.png');
  background-position: -33px -5px;
  margin: 0 auto;
  display: block;
  width: 24px;
  height: 21px;
}

.popover-title {
    word-wrap: break-word;
}

.listen.disabled,
.mask.disabled,
.edit.disabled,
.delete.disabled,
.download-audio.disabled,
table tr:hover .listen.disabled,
table tr:hover .mask.disabled,
table tr:hover .edit.disabled,
table tr:hover .delete.disabled,
table tr:hover .download-audio.disabled {
  filter: alpha(opacity=35);
  -khtml-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
  cursor: default;
}

table tr .action-buttons .copy.disabled,
table tr .action-buttons .listen.disabled,
table tr .action-buttons .mask.disabled,
table tr .action-buttons .edit.disabled,
table tr .action-buttons .delete.disabled,
table tr .action-buttons .details.disabled,
table tr .action-buttons .download-report.disabled,
table tr .action-buttons .download-audio.disabled,
table tr .action-buttons .round-allow-number.disabled,
table tr .action-buttons .round-allow.disabled,
table tr .action-buttons .round-block-number.disabled {
  filter: alpha(opacity=15);
  -khtml-opacity: 0.15;
  -moz-opacity: 0.15;
  opacity: 0.15;
  cursor: default;
}

table tr .action-buttons .listen.disabled.find,
table tr .action-buttons .mask.disabled.find,
table tr .action-buttons .edit.disabled.find,
table tr .action-buttons .delete.disabled.find,
table tr .action-buttons .download-audio.disabled.find {
  filter: alpha(opacity=99);
  -khtml-opacity: 0.99;
  -moz-opacity: 0.99;
  opacity: 0.99;
  cursor: default;
}

.not-registered {
  background-image: url('../img/misc/glyph-icons.png');
  background-position: -66px -5px;
  margin: 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  filter: alpha(opacity=30);
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.mobile-phone {
  background-image: url('../img/misc/glyph-icons.png');
  background-position: -3px -3px;
  margin: 0 auto;
  display: block;
  width: 24px;
  height: 24px;
}

.star {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-left: 0;
  vertical-align: text-bottom;
  background-position: -82px -64px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.star.fav {
  display: inline-block;
  background-position: -102px -64px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.chat-available {
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #006dcc;
    border-radius: 50%;
}

.user.presence {
  position: relative;
  top: -2px;
}
.presence,
.nsicon-shared {
  position: absolute;
  bottom: 2px;
  right: -3px;
  z-index: 2;
  height: 14px;
  width: 14px;
  margin-left: 2px;
  margin-right: 3px;
  background-position: -63px -62px;
}
.presence.popout,
.nsicon-shared.popout {
  z-index: 0;
}
.contact-presence-td .nsicon-shared {
  z-index: 0;
}

.agent-presence {
  margin-left: 3px;
  margin-right: 3px;
  background-position: -120px -20px;
}

.agent-presence-user-phone {
    font-size: 20px;
    color: #D4D4D4;
}

.agent-presence.onphone {background-position: -120px 0;}
.agent-presence.loggedout {background-position: -120px -20px;}
.agent-presence.loggedin {background-position: -120px -40px;}

.agent-presence-user-phone.onphone {color: #FF1200;}
.agent-presence-user-phone.loggedout {color: #D4D4D4;}
.agent-presence-user-phone.loggedin {color: #00A304}

.agent-queues-btn {
  font-size: 15px;
}

.presence.open {background-position: -3px -63px;}
.presence.inuse,
.presence.alerting,
.presence.progressing,
.presence.held,
.presence.held-private,
.presence.hold {
  background-position: -23px -63px;
}
.presence.closed {background-position: -43px -63px}
.presence.inactive {background-position: -63px -63px;}

.presence.agent_status
{
    position: relative;
}

/***********************************************************************
 * Login
 */

#login-container {
  text-align: center;
}

#login-group {
  display: inline-block;
  text-align: left;
  margin: 100px auto 0 auto;
  width: auto;
}

#login-logo {
  text-align: center;
  padding-top: 25px;
}

#login-box {
  background-color: #fff;
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.35);
     -moz-box-shadow: 0 6px 10px rgba(0,0,0,.35);
          box-shadow: 0 6px 10px rgba(0,0,0,.35);
}

#login-box hr {
  margin-top: 0px;
}

.login-box-instructions {
  padding-top:  10px;
  width: 302px;
  margin: 0 auto;
}

#login-fields {
  padding: 25px 20px 25px;
  width: 302px;
  margin: 0 auto;
}

#login-fields label {
  font-weight: bold;
  font-size: 14px;
}

#login-fields input {
  font-size: 14px;
  height: 25px;
  width: 292px;
}

#login-fields input[type='password'] {
  font-size: 22px;
}

#login-fields .group-header {
  font-size: 12px;
  opacity: .8;
}

#login-submit {
  padding: 10px 22px 25px 18px;
  text-align: center;
}

#login-submit .btn {
  width: 302px;
}

#login-group #footer {
  width: 280px;
  margin-top: 15px;
}

#login-group #my-signin2 {
  padding-left: 51px;
}

.ssoLoginBtn {
  width: 262px;
  margin: auto;
  margin-bottom: 5px;
  line-height: 22px !important;
  height: 20px !important;
}

.ssoLoginBtn img {
  height: 24px !important;
  float: left;
  top: -1px;
  position: relative;
}

#reset-links {
  width: 240px;
  margin: 0 auto;
  text-align: center;
}

.new-user-container {
  text-align: center;
  padding-bottom: 15px;
}

.login-language-container {
  font-size: 14px;
  text-align: center;
}

.login-language-container .dropdown-menu {
  left: 50%;
  margin-left: -140px;
  width: 280px;
}

.login-language-container .dropdown-menu > li > a {
  white-space:normal;
}


/***********************************************************************
 * Container
 */

.wrapper {
  max-width:2560px;
  //width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 10px 20px;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.35);
     -moz-box-shadow: 0 4px 6px rgba(0,0,0,.35);
          box-shadow: 0 4px 6px rgba(0,0,0,.35);
}

.wrapper.no-wrapper-style {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
     -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
          box-shadow: 0 0 0 rgba(0,0,0,0);
}

.fixed-container {
  visibility: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
}

.mask-bar {
  background-color: #FCF8E3;
  color: #C09854;
  width: 100%;
  height: 40px;
  visibility: visible;
  text-align: center;
  margin-bottom: 0;
  -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.35);
     -moz-box-shadow: 0 3px 7px rgba(0,0,0,.35);
          box-shadow: 0 3px 7px rgba(0,0,0,.35);
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  position: relative;
  font-size: 14px;
  font-weight: bold;
}
.mask-bar .nsicon {
  font-size: 32px;
  position: relative;
  top: 4px;
  margin-right: 6px;
}
.mask-bar .banner-text {
  position: relative;
  top: 3px;
  margin-right:5px;
}
.mask-bar .btn {
  position: relative;
  top: 3px;
}

#domain-message-holder {
  visibility: hidden;
  text-align: center;
  margin-bottom: 0;
  padding: 4px;
}

#domain-message {
  height: 40px;
  position: relative;
  visibility: visible;
  text-align: center;
  margin-bottom: 0;
  padding: 0px;
  -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.35);
     -moz-box-shadow: 0 3px 7px rgba(0,0,0,.35);
          box-shadow: 0 3px 7px rgba(0,0,0,.35);
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}


.domain-message-container, .mask-container {
  min-width: 970px;
  margin: 0 auto;
  display: flex;
}

@media only screen and (max-width: 970px) {
  .domain-message-container, .mask-container {
    width: 100%;
    margin: 0 auto;
  }

}


.domain-message-buttons {
  margin: 5px 0;
  display: flex;
  margin-left: 80px;
  margin-right: 80px;
}

.domain-message-text {
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media only screen and (max-width: 1280px) {
  #domain-message {
    padding-left: 16px;
    padding-right: 16px;
  }
  .domain-message-buttons {
    margin-left: 5px;
    margin-right: 5px;
  }

}

.plans-autocomplete{
  width: 260px;
}

#plans-autocomplete .selectivity-multiple-input-container {
    margin: 0 !important;
}

.addons-autocomplete{
  width: 260px;
}

#addons-autocomplete .selectivity-multiple-input-container {
    margin: 0 !important;
}


/***********************************************************************
 * Header
 */

#header {
  position: relative;
  //width: 960px;
  margin: 0 auto 10px 0;
}

#header-logo {
  float: left;
  /*height: 60px;*/
  padding-bottom: 10px;
}

#header-user {
  float: right;
  height: 50px;
  padding-top: 10px;
}

.header-user-divider {
  margin: 0 8px;
}

.user-toolbar {
  list-style: none;
  text-align: right;
}

.user-toolbar > li {
  display: inline;
}

.user-toolbar > li + li:before {
  content: "|";
  margin: 0 8px;
}

.user-toolbar ul {
  text-align: left;
}

.user-toolbar .nsicon {
  vertical-align: sub;
  font-size: 18px;
}

.user-toolbar .language-dropdown .dropdown-menu {
  right: 0;
  left: auto;
}

.user-toolbar .dropdown > .dropdown-msg-count {
    margin-left: -26px;
}
/***********************************************************************
 * Navigation
 */

#navigation {
  /*height: 115px;*/
  clear: both;
}

#nav-buttons {
  /*height: 110px;*/
  margin:0;
  padding:0;
  list-style: none;
  text-align: center;
}

#nav-buttons li {
  display: inline;
}

#nav-buttons a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  outline: none;
}

#nav-buttons div.nav-button {
  height: 60px;
  width: 74px;
  margin: 0 8px;
  padding: 0;
  border: solid 1px #6a6a6a;
  background-color: #8c8c8c;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#8c8c8c));
  background-image: -moz-linear-gradient(top, #cccccc, #8c8c8c);
  background-image: -ms-linear-gradient(top, #cccccc, #8c8c8c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #8c8c8c));
  background-image: -webkit-linear-gradient(top, #cccccc, #8c8c8c);
  background-image: -o-linear-gradient(top, #cccccc, #8c8c8c);
  background-image: linear-gradient(top, #cccccc, #8c8c8c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#8c8c8c', GradientType=0);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#nav-buttons div.nav-button:hover{
  background-position: 0;
}

#nav-buttons span.nav-text {
  display: block;
  margin: 0 8px;
  width: 75px;
  height: 47px;
  color: #a2a2a2;
  line-height: 15px;
}

#navigation-subbar .divider {
  padding: 0 10px;
  color: #eee;
}

#navigation-subbar {
  margin: 0 auto 0 auto;
  height: 37px;
  //width: 940px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 0 10px;
  background-color: #8c8c8c;
  background-repeat: repeat-x;

  /*TODO:UICONFIG option for nav subbar color*/
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to());
  background-image: -moz-linear-gradient(top, , );
  background-image: -ms-linear-gradient(top, , );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
  background-image: -webkit-linear-gradient(top, , );
  background-image: -o-linear-gradient(top, , );
  background-image: linear-gradient(top, , );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

#navigation-subbar .help-icon img {
  vertical-align: bottom;
  padding-bottom: 12px;
}

.navigation-title {
  line-height: 37px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

#navigation-subbar .subbar-btn {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
  padding: 5px 7px 5px;
  line-height: 14px;
}

#navigation-subbar .subbar-btn-masq {
  float: right;
  font-size: 22px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 2px 3px 2px;
  line-height: 14px;
}

#navigation-subbar .subbar-btn:disabled {
  cursor: default
}
#navigation-subbar .subbar-btn i.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#nav-voicemails a {
    position: relative;
}

#nav-msg-count {
    position: absolute;
    top: -10px;
    right: 0;
    padding: 5px 9px;
    border-radius: 12px;
    font-size: 14px;
}

#sub-nav-vm-count {
  z-index: 1;
}

#recents-msg-count {
    position: absolute;
    bottom: 20px;
    right: 40px;
    padding: 3px 7px;
    border-radius: 14px;
    font-size: 14px;
    z-index: 3;
}

/***********************************************************************
 background for navigation hyperlinks */

.nav-bg-image {
  background-image: url('../img/nav/navigation-background.png');
  position: absolute;
  top: 1px;
  left: 9px;
  height: 60px;
  width: 74px;
  display: block;
  /*background-color: #8c8c8c;*/
}

/*.nav-link-current span.nav-text {*/
/*  background-image: url('../img/nav/arrow-select.png');*/
/*}*/

.nav-link {
  position: relative;
}

.loading .nav-arrow,
.nav-link-current .nav-arrow {
  /*TODO:UICONFIG option to match nav subbar color */
  border-color: transparent transparent  transparent;
  border-style: solid;
  border-width: 13px;
  height:0;
  width:0;
  position:absolute;
  bottom: 0;
  left: 34px;
  z-index: 0;
}

/* Start Clarity Custom v39.0.4*/

#nav-analytics .nav-bg-image {
  background-position: -444px -0px;
}

#nav-smartRouting .nav-bg-image {
  background-position: -518px 0;
}

#nav-scheduledReport .nav-bg-image {
  background-position: -370px -60px;
}

#nav-support .nav-bg-image {
  background-position: -148px -120px;
}

#nav-users .nav-bg-image {
  background-position: -74px -120px;
}

/* End Clarity Custom */

#nav-conferences .nav-bg-image {
	background-position: -74px 0;
}

#nav-attendants .nav-bg-image {
	background-position: -148px 0;
}

#nav-callqueues .nav-bg-image {
	background-position: -222px 0;
}

#nav-timeframes .nav-bg-image {
	background-position: -296px 0;
}

#nav-music .nav-bg-image {
	background-position: -370px 0;
}

#nav-callhistory .nav-bg-image {
	background-position: 0 -60px;
}

#nav-inventory .nav-bg-image {
	background-position: -74px -60px;
}

#nav-phones .nav-bg-image {
	background-position: -148px -60px;
}

#nav-answerrules .nav-bg-image {
	background-position: -222px -60px;
}

#nav-contacts .nav-bg-image {
	background-position: -296px -60px;
}

#nav-voicemails .nav-bg-image {
	background-position: -370px -60px;
}

#nav-home .nav-bg-image {
	background-position: 0 -120px;
}

#nav-domains .nav-bg-image {
	background-position: -74px -120px;
}

#nav-settings .nav-bg-image {
	background-position: -148px -120px;
}

#nav-agents .nav-bg-image {
	background-position: -296px -120px;
}

#nav-home-manager .nav-bg-image {
  background-position: -222px -120px;
}

#nav-home-reseller .nav-bg-image {
	background-position: -370px -120px;
}

#nav-home-super .nav-bg-image {
  background-position: -444px -60px;
}

#nav-siptrunks .nav-bg-image {
  background-position: -444px -120px;
}

#nav-phonenumbers .nav-bg-image {
  background-position: -444px 0;
}

#nav-routeprofiles .nav-bg-image {
  background-position: -518px 0;
}

#nav-fax .nav-bg-image {
  background-position: -518px -120px;
}

#nav-resellers .nav-bg-image {
  background-position: -518px -60px;
}

#nav-uiconfigs .nav-bg-image {
  background-position: -148px -120px;
}


/***********************************************************************
 * navigation icons change on hover
 */

#nav-buttons .loading a.nav-link div.nav-button,
#nav-buttons a.nav-link:hover div.nav-button {
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  background-color: ;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to());
  background-image: -moz-linear-gradient(top, , );
  background-image: -ms-linear-gradient(top, , );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, , );
  background-image: -o-linear-gradient(top, , );
  background-image: linear-gradient(top, , );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0);
  border-color:   ;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#nav-buttons a.nav-link:hover span {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#nav-buttons .nav-disabled a.nav-link:hover div.nav-button,
#nav-buttons .nav-disabled a.nav-link:hover span.nav-text{
	cursor: default;
}
#nav-buttons .nav-link-current a.nav-link:hover div.nav-button,
#nav-buttons .nav-link-current a.nav-link:hover span.nav-text {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/***********************************************************************
 * navigation icons change on select
 */

#nav-buttons .nav-link-current div.nav-button {
  /*background-color: ;*/

  background-color: ;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to());
  background-image: -moz-linear-gradient(top, , );
  background-image: -ms-linear-gradient(top, , );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, , );
  background-image: -o-linear-gradient(top, , );
  background-image: linear-gradient(top, , );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color:   ;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#nav-buttons .nav-link-current span.nav-text {
  color: #404040;
}

.navigation-title, .navigation-title:hover, .navigation-title:visited {
  color: #fff;
}

#navigation-subbar .subnavigation {
}

/***********************************************************************
 * Footer
 */

#footer {
  clear: both;
  width: 960px;
  margin: 30px auto 0 auto;
  /*background: url('../img/nav/sub-panel-background.png') repeat-x;*/
  /*color: white;*/
  padding-bottom: 10px;
  text-align: center;
}

#footer p {
  color: #a2a2a2;
  font-size: 10px;
}

#js-debug-btn [class^="icon-"] {
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

/***********************************************************************
 * Docks
 */

.dock-overlay {
  position: fixed;
  visibility: hidden;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1100;
}

.dock-overlay-inner {
    float: right;
}

.dock-popup-overlay {
    margin-right: 360px;
    padding-left: 4px;
}

.dock-contacts-overlay {
    float: none;
    position: absolute;
    right: 0;
}

/***********************************************************************
 * group chat css work begin
 */

 /***********************************************************************
  * start of selectivity changes
  */
.selectivity-multiple-input-container {
  border: 1px solid #ccc;
  background: #fff;
  color: #fff;
  border-radius: 3px;
  cursor: text;
  max-height: 10em;
  min-height: calc(2em + 4px);
  overflow: auto;
  padding: 1px;
  margin: 5px;
}

.white {
  color: white;
}

.extenstion-blank-space {
  visibility: hidden;
}

.selectivity-multiple-input,
input[type="text"].selectivity-multiple-input {
  width: 100%;
  max-width: 215px;
  margin-bottom: 0px;
  padding-left: 4px;
  box-shadow: none;
}


.conversation-autocomplete2 {
  width: 100%;
}

.conversation-autocomplete-session {
  margin: auto;
  width: 95%;
  margin-top: 9px;
}

.selectivity-results-container {
  max-height: 18em; /* shortening from 28em for portal use*/
  overflow: auto;
}

.selectivity-load-more.highlight,
.selectivity-result-item.highlight {
  background: #0088cc;
}

.selectivity-multiple-selected-item {
  background: #0088cc;
}

/***********************************************************************
 * end of selectivity changes
 */

/***********************************************************************
* Start of multiple agent add work
*/

#write-agents-form-submit {
  width: 185px;
}

#addedit #device {
  width: 250px;
}

.agents-autocomplete{
  width: 260px;
}

.agents-autocomplete .selectivity-multiple-selected-item {
  font-size: x-small;
}

.agents-autocomplete .selectivity-multiple-input-container {
  margin: 0px;
  background-color: white;
}

.agents-autocomplete .nsicon-user {
  display: none;
}

.agents-autocomplete input[type="text"].selectivity-multiple-input {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 150px !important;
}

#addedit #extensions {
  width: 250px;
}

.extensions-autocomplete{
  width: 260px;
}

.extensions-autocomplete .selectivity-multiple-selected-item {
  font-size: x-small;
}

.extensions-autocomplete .selectivity-multiple-input-container {
  margin: 0px;
  background-color: white;
}

.extensions-autocomplete .nsicon-user {
  display: none;
}

.extensions-autocomplete input[type="text"].selectivity-multiple-input {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 150px !important;
}

/***********************************************************************
* End of multiple agent add work
*/



.start-new-conversation-button {
  width: 90px;
  color: white;
}

.chat-from-name{
    font-size: 90%;
    color: #bfbfbf;
    font-weight: 500;
}

.hide-conversation-dropdown {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

.dropdown .name-change-bubble {
  padding: 5px;
  width: 225px;
  height: 110px;
  display: grid;
  margin: 0;
  place-items: center center;
}

.contact-dock-gravatar {
  border-radius: 50%;
  background-color: #b9b9b9;
  height: 35px;
  position: relative;
}

.contact-dock-gravatar p {
  position: absolute;
  font-size: 16px;
  font-weight: 350;
  color: #fff;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/***********************************************************************
 * pariticipant overlay css begin
 */

.flex-container-participants, .flex-container-change-conversation-name{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: absolute;
  z-index: 1101;
  width: 100%;
  height: 395px;
  background-color: #fff;
}

.participants-header-item {
  order: 0;
  flex-grow: 0;
  background-color: #f5f5f5;
}

.paritipcent-table-item {
  order: 1;
  flex-grow: 2;
  overflow-y: auto;
}

.participants-edit-buttons {
  position: absolute;
  bottom: 22px;
}

.paritipant-button-item {
  order: 2;
  flex-grow: 0;
  flex-basis: 59px;
  min-height: 59px;
  background-color: #f5f5f5;

  display: flex;
  justify-content: center;
  align-items: center;
}

.cancel-participant-edit {
  width: 100px;
}

.confirm-participant-edit {
  width: 100px;
}

#overlay {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

.full:hover .overlay-effect, .half:hover .overlay-effect, .half2:hover .overlay-effect {
  opacity: 1;
  cursor: pointer;
}

.overlay-effect {
  z-index: 13213213;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(259, 67, 95, 0.7);
  overflow:hidden;
}

.participant-row-table {
  width: 100%;
  max-width: 239px;
  margin-left: 11px;
}

.chat-participant-remove-td {
  right: 0;
  margin-right: 7px;
  text-align: right;
}


.chat-participants-table {
  width: 100%;
}

.participant-outer-row .chat-participant-name .chat-participant-uid {
    width: 100%;
}

.chat-participant-name {
  text-align: left;
}

/***********************************************************************
 * pariticipant overlay css end
 */


/***********************************************************************
 * group chat css work end
 */



.dock-column {
  width: 270px;
  float: right;
}

.dock-column-inner {
  width: 260px;
  /*float: left;*/
  position: relative;
}

.dock-popup {
  position: fixed;
  bottom: 0;
  width: 263px;
  visibility: visible;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,.35);
     -moz-box-shadow: 0 0 7px rgba(0,0,0,.35);
          box-shadow: 0 0 7px rgba(0,0,0,.35);
}

.dock-popup h3,
.dock-popup h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

.dock-head {
  padding: 6px 5px 1px 5px;
  background-color: #333;
  color: white;
  overflow: auto;
  height: 29px;
  border-radius: 6px 6px 0 0;
}

.dock-head .dock-head-title {
    cursor: pointer;
}

.dock-head-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: 200px;
  line-height: 24px;
}

.dock-head-title i {
  margin: 0 5px;
}

.dock-head-title .chat-available {
    margin-right: 2px;
}

.dock-head .icon-comment {
  margin-right: 3px;
  margin-top: 0px;
}

.dock-head .dock-name {
  font-size: 14px;
  padding-left: 2px;
}

.dock-head .dock-head-buttons {
    position: absolute;
    cursor: pointer;
    right: 6px;
}

.dock-head-button:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.dock-submenu {
    /*table-layout: fixed;
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    z-index: 20000;*/
    background: whitesmoke;
    height: 35px;
    border-bottom: 1px solid #e3e3e3;
}

.dock-submenu-buttons {
    float: right;
    cursor: pointer;
    padding: 6px;
    line-height: 25px;
}

.dock-submenu-buttons-sms-queue {
    float: right;
    cursor: pointer;
    padding: 2px;
    line-height: 25px;
}

.dock-submenu-button,
.dock-head-button {
    outline: none;
    -webkit-appearance: none;
    border: 0 solid transparent;
    padding: 0;
    background: transparent;
    height: 24px;
    width: 24px;
    font-size: 16px;
}

.dock-submenu-button i {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.dock-submenu-button:hover i {
    filter: alpha(opacity=1);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.dock-submenu .dock-head-title {
    width: 130px;
    padding: 6px;
    height: 23px;
}

.dock-submenu .dock-head-title span{
    color: #9b9b9b;
    font-size: 12px;
    line-height: 20px;
}

.dock-submenu-video
{
	table-layout: fixed;
  position: absolute;
  left: 0px;
  top: 30px;
  height: 60px;
  width: 100%;
  z-index: 20000;
  background: #006dcc;
  border-bottom: 1px solid #e3e3e3;
  color: #fff;
	font-size: 12px
}
.dock-submenu-video p
{
	margin-bottom: 6px;
	margin-top: 4px;
}
.dock-submenu-video i
{
	margin-left: 5px;
	top: 2px;
	font-size: 15px;
}
.dock-submenu-video .btn
{
	width:120px;
	line-height:15px;
}
.dock-submenu-video div
{
	text-align: center;
}

.dock-submenu-sms-session
{
	table-layout: fixed;
  position: absolute;
  left: 0px;
  top: 30px;
  height: 100%;
  width: 100%;
  z-index: 20000;
  background: #006dcc;
  border-bottom: 1px solid #e3e3e3;
  color: #fff;
	font-size: 12px
}
.dock-submenu-sms-session p
{
	margin-bottom: 6px;
	margin-top: 4px;
  font-size: 20px
  text-align: center;
}
.iconfont-comment-sms-session
{
  text-align: center;
  font-size: 225px;
  display: inline-block;
}
.dock-submenu-sms-session i
{
  margin-left: 19px;
	top: 2px;
}
.dock-submenu-sms-session .btn
{
	width:120px;
	line-height:35px;
  padding-bottom: 3px;
}
.dock-submenu-sms-session div
{
	text-align: center;
}

.sms-session-buttons {
  <!-- margin-bottom: 0px; -->
  bottom: 0;
}

.sms-chat-footer {
    background-color: #f5f5f5;
    padding: 6px;
    border-top: 1px solid #e3e3e3;
    font-size: 12px;
}

.dock-chat-footer-alert {
    text-align: center;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 6px;
    cursor: pointer;
}

.dock-chat-footer-alert:hover span {
    text-decoration: underline;
}

.dock-body {
  background-color: #fff;
}

.dock-column.dock-contacts {
  float: right;
  width: 360px;
}

.dock-column.dock-contacts .dock-body {
  height: auto;
  position: relative;
}


.dock-column.dock-contacts .scroll-container {
  overflow-y: auto;
  min-height: 340px;
}

.dock-column.dock-contacts .table-container {
  min-height: 0;
}

.dock-column.dock-contacts .groups-container {
  padding: 5px;
  background-color: whiteSmoke;
  border-top: 1px solid #E5E5E5;
  text-align: center;
}

.dock-column.dock-contacts .nonecreated {
  top: 10px;
}

.dock-body .loading-lg {
  position: relative;
  top: 30px;
}

.dock-body.dockcall-body {
  padding-bottom: 3px;
  position: relative;
}

.dockcall-buttons {
  text-align: center;
  margin-bottom: 3px;
}

.dockcall-buttons h5 {
  text-align: center;
  margin: 0 0 5px;
}

.dockcall-buttons .forward-select select {
  width: 100px;
  margin-bottom: 0;
}

.dockcall-onhold {
  border: 4px solid #333;
  border-top: 5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.dockcall-end.end-outbound {
  width: 90px;
}

.dock-body.dockcall-body h4 {
  margin-top: 40px;
  margin-bottom: 0;
  text-align: center;
}

.dockcall-number {
  margin-top: 0;
  text-align: center;
}

.dockcall-answer i,
.dockcall-reject i{
  margin-right: 5px;
}

.dockcall-answer,
.dockcall-reject {
  width: 100px;
  font-weight: normal;
}

.dockcall-callactions {
  width: 100%;
}
.dockcall-callactions > .btn {
  width: 74px;
}
.dockcall-info {
  padding: 0 3px;
  min-height: 20px;
}
.dockcall-info > .dockcall-name {
  margin-top: 0;
}

.dockcall-name.extra-call-buttons {
  position: relative;
  margin-bottom: 0px;
  margin-right: 2px;
}

.dockcall-name.extra-call-buttons .dockcall-callerid,
.dockcall-name.extra-call-buttons .dockcall-timer {
  position: absolute;
  right: 0;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}

.dockcall-name.extra-call-buttons .dockcall-timer {
  top: 17px;
  color: grey;
}

.dockcall-panel-content {
  padding: 3px;
  min-height: 150px;
}

.contact-buttons td {
  background-color: #f5f5f5;
  text-align: right;
}

.contact-selected td {
  background-color: #f5f5f5;
}

textarea.dockcall-notes {
  height: 102px;
  width: 240px;
  margin: 3px;
  resize: none;
}

select.dockcall-disposition {
  width: 249px;
  margin: 3px;
  margin-top: 6px;
}

select.dockcall-reason {
  width: 249px;
  margin: 3px;
}

.dockcall-monitor .btn {
  width: 100%;
}

.dockcall-monitor h5 {
  text-align: center;
  margin: 0;
}

.dockcall-body .dockcall-monitor h4 {
  margin-top: 10px;
}

.dockcall-monitor h4.dockcall-termnumber {
  margin-bottom: 10px;
}

.dockcall-monitor .btn + .btn {
  margin: 3px 0 0;
}

.dock-video-invite-panel {
  padding: 20px 8px 30px;
}

.dock-video-invite-panel p {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
}

.dock-stub {
  height: 130px;
  width: 130px;
  line-height: 100px;
  font-size: 75px;
  text-align: center;
  border-radius: 65px;
  margin: 5px auto;
}

.dock-stub i {
  margin-top: 22px;
  display: inline-block;
  vertical-align: middle;
  color: white;
}

.dock-video-invite-buttons {
  text-align: center;
  padding: 5px 5px 16px;
}

.dock-video-invite-buttons button {
  width: 45%;
}

.sms-session-invite-buttons {
  text-align: center;
}

.sms-session-invite-buttons button {
  width: 45%;
}

.loading-sms-session-container {
  position: relative;
  width: 247px;
  height: 165px;
  bottom: 0;
  padding: 20px 8px 30px;
  text-align: center;
  font-size: 14px;

}

#dispForm {
  margin-bottom: 0;
}

.dock-contacts-header {
  padding: 1px 5px;
  background-color: whiteSmoke;
  border-bottom: 1px solid #e5e5e5;
}

.dock-contacts-header h5 {
  margin: 5px 0 8px;
}

#contacts-message #message {
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
}

#contacts-table,
#recent-chat-table,
#recent-chat-table .contact-row-table,
#contacts-table .contact-row-table {
  width:100%;
}
#recent-chat-table tr,
#contacts-table tr {
  width: 100%;
}
#recent-chat-table tr td,
#contacts-table tr td {
  height: 24px;
  line-height: 22px;
}

.contact-status-msg,
.contact-recent-msg {
  display: block;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.conversation-bottomcontact-bar {
    max-height: 300px; /* Adjust this value as needed */
    overflow-y: auto;
}

.conversation-recent-msg {
  display: block;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.conversation-recent-date {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.conversation-recent-session-name {
  display: block;
  width: 100%;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*#contacts-table .contact-row-info td,
#contacts-table .contact-row-msg td {
  overflow-x: hidden;
  text-overflow: ellipsis;
}*/

#recent-chat-table .contact-row-info td,
#contacts-table .contact-row-info td {
  position: relative;
}

.chat-popup .dock-head .dock-head-buttons {
    float: right;
}


#recent-chat-table .contact-row-msg td,
#contacts-table .contact-row-msg td {
  color: #a2a2a2;
  overflow: hidden;
  white-space: nowrap;
  height: 16px;
  line-height: 16px;
}

.controls.d-flex {
    display: flex;
    align-items: center;
}

.controls.d-flex label#domains-popover-label {
    margin-left: 10px; /* Adjust as needed for spacing */
}

.controls.d-flex label#users-popover-label {
    margin-left: 10px; /* Adjust as needed for spacing */
}


#recent-chat-table .contact-info,
#contacts-table .contact-info {
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
}

#recent-chat-table .contact-extension-td .btn-mini,
#contacts-table .contact-extension-td .btn-mini {
  margin-left: 1px;
}

#recent-chat-table .contact-extension-td .btn-group,
#contacts-table .contact-extension-td .btn-group {
  margin-left: 0;
  vertical-align: top;
}

.contacts-message2 {
  width: 100%;
  padding-top: 2px;
  height: 28px;
}

.contacts-message2-quotes {
  height: 2em;
  line-height: 1;
}

.contacts-message2-text {
  position: absolute;
  top: 38px;
  float: left;
  width: 74%;
  max-width: 192px;
  height: 2em;
  line-height: 1;
  max-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contacts-message2-pencil {
  display: none;
  position: absolute;
  top: 38px;
  right: 20px;
  height: 2em;
    line-height: 1;
}

.contacts-message2:hover .contacts-message2-pencil {
  display: inline-block;
}

#recent-chat-table .contact-row:hover .contact-buttons,
#contacts-table .contact-row:hover .contact-buttons {
  display: inline-block;
}

#recent-chat-table .contact-row:hover .contact-extension,
#contacts-table .contact-row:hover .contact-extension {
  display: none;
}

#recent-chat-table .contact-buttons .dropdown-menu,
#contacts-table .contact-buttons .dropdown-menu {
    text-align: left;
}

#contacts-table .contact-name {
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*#contacts-table.fixed-table-header .contact-name {
  max-width: 95px !important;
}*/

#recent-chat-table .contact-name
{
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*#contacts-table .contact-row-info:hover .contact-extension {
  display: inline-block;
}*/

#recent-chat-table .contact-name-td,
#contacts-table .contact-name-td {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#recent-chat-table .contact-extension-td,
#contacts-table .contact-extension-td {
    text-align: right;
    vertical-align: middle;
    padding-right: 4px;
}

#recent-chat-table .contact-presence-td,
#contacts-table .contact-presence-td {
    position: relative;
    padding-left: 4px;
    width: 35px;
}

#recent-chat-table .contact-presence-td .chat-available,
#contacts-table .contact-presence-td .chat-available {
    display: block;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border-radius: 50%;
}



#recent-chat-table.contacts-table-large .contact-name-td,
#contacts-table.contacts-table-large .contact-name-td {
    max-width: 180px;
}

#contacts-table.contacts-table-large .contact-presence-td .chat-available {
    top: 14px;
    left: 13px;
}

#contacts-table.contacts-table-large .contact-info {
    position: relative;
    float: left;
    max-width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
}

#contacts-table.contacts-table-large .star {
    position: absolute;
    right: 4px;
    top: 4px;
}


/*#contacts-table .contact-row-info:hover .contact-name {
  display: none;
}*/

.nonecreated-contacts {
  text-align: center;
  margin-top: 140px
}

.nonecreated-conversations {
  text-align: center;
  margin-top: 140px
}

/* Contacts search bar */
.contacts-sort-search {
    margin: 4px 0;
    padding: 4px 2px 0;
    position: relative;
    border-top: 1px solid #E5E5E5;
}

.contacts-sort-dropdown {
  padding: 3px 0;
}

.contact-search {
  width: 224px;
  height: 28px;
}
/*
.chat-popup {

}

.chat-popup .chat-message-field {
  margin-bottom: 0;
  padding: 5px 2px 5px 2px;
}

.chat-popup .chat-box {
 	overflow-y: scroll;
  max-height: 200px;
  min-height: 375px;
  padding: 5px;
  border-bottom: 1px solid #eee;
}
*/

/* CHAT  */
.chat-header {
    position:absolute;
    top: 0;
    height: 25px;
    width: 100%;
    border-bottom: 1px solid #9B9B9B;
    padding: 0 4px;
}

.chat-title {
    float:left;
    color: #9B9B9B;
    margin: 0;
    font-size: 13px;
    font-weight: 200;
    line-height: 25px;
}

.chat-close .close {
    float: right;
    margin-right: 5px;
}

.chat-box {
  background: #fff;
  width: 100%;
  height: 100%;
}

.chat-box.chat-box-full {
	position: relative;
	height: 400px;
	top:0px;
}

#chatarea {
    color: #000;
    background: #fff;
}

.uc-message-box-column.new-message .dock-head {
    background-color: #00A404;
}

.uc-chat-message-box {
    background-color: #f5f5f5;
    padding: 6px;
    border-top: 1px solid #e3e3e3;
}

.uc-chat-message-box textarea {
    padding-left: 20px;
    width: 224px;
    resize: none;
    height: auto;
    min-height: 28px;
    max-height: 28px;
    margin-bottom: 0px;
    overflow-y: auto;
}

.smsnumberbar {
    font-size: 90%;
    color: #9B9B9B;
    font-weight: 200;
    text-align: right;
}

.smsnumberbar  .smsnumber {
    color: #78a6f1;
    font-weight: bolder;
}

.smsnumberbar  .caret {
    margin-top: 7px;
    margin-left: 3px;
    border-bottom: 4px solid #78a6f1;
}

.bluetext {
    color: #78a6f1;
    cursor: pointer ;
}

.isCallTextbox input
{
  margin-bottom: 1px;
}

.chat-messages-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.chat-messages {
  /*list-style-type: none;
  margin: 0;*/
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 6px 6px 0;
  box-sizing: border-box;
}

.chat-message-container:last-child {
    padding-bottom: 26px;
}

.chat-outbound .uc-chat-user {
    text-align: right;
}

.chat-outbound .chat-well {
    float: right;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.chat-outbound .chat-message-green {
  background-color: #d1f8d1 !important;
}

.chat-outbound .chat-type-sms {
    background-color: #d1f8d1 !important;
}


.chat-outbound .chat-type-mms {
    background-color: #d1f8d1 !important;
}

.chat-message {
    white-space: pre-line;
    margin: 0;
}

.chat-message + .chat-message {
    margin-top: 6px;
}

.pending-message-note {
    clear: both;
    text-align: right;
    font-size: 90%;
    color: #9B9B9B;
    font-weight: 200;
    margin-bottom: -20px;
}


.uc-chat-user h3 {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 25px;
    margin: 0;
}

.uc-chat-user .chat-event-message {
    font-weight: 200;
}

.chat-timestamp,
.chat-error-message,
.name-change-message {
    font-size: 90%;
    color: #9B9B9B;
    font-weight: 200;
}

.chat-error-message {
    clear: both;
    text-align: right;
    color: #b94a48;
}

.chat-well {
    display: inline-block;
    max-width: 195px;
    padding: 6px;
    margin: 0;
    word-wrap: break-word;
}

.chat-box-full .chat-well {
    max-width: 400px;
}

.chat-messsage {
    margin: 0;
}

.chat-well .progress {
  height: 6px;
}

.chat-file-upload-stats {
    border-top: 1px solid;
    font-size: 12px;
    padding-top: 6px;
    text-align: right;
}

.chat-inbound .chat-file-upload-stats {
  border-color: #e3e3e3;
}

.chat-outbound .chat-file-upload-stats {
  border-color: #bce8f1;
}

.chat-file-upload-stats .glyphicon-file {
    float: left;
    font-size: 14px;
}


#chat-new-message-input {
    height: 100%;
    width: 100%;
}

.clickable-row{
	cursor: pointer;
}


.conversation-list-table{
	cursor: pointer;
}

.conversation-list-table .unread{
	cursor: pointer;
  font-weight: bold;
}

.conversation-list-table .table-cell-icons {
  width: 16px;
  font-size: 16px;
  vertical-align: middle;
}

.conversation-panel-main {
	border-top:1px;
	border-top-style:solid;
	border-top-color:lightgray;

	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:lightgray;
}

.conversation-topcontact-bar{
	margin-top:8px;
}

.conversation-column-left {
  box-sizing: border-box;
  border-right: 1px solid #ddd;
}

.conversation-column-right {
  max-height: 400px;
  /* overflow-y: auto; removed for now, seeing dropdown cutoff*/
}

.conversation-column-right .row {
  padding-top: 10px;
  padding-bottom: 10px;
}

.conversation-column-right .btn-mini {
  font-size: 14px;
}

.conversation-contact-left {
  margin-left: 20px;
  max-width: 220px;
}

.conversation-bottomcontact-bar{
	margin-top:8px;
  border-top: 1px solid #ddd;
}

.conversation-extra-number{
	margin: 8px 0 0 20px;
}

.delete-conversation .iconfont-remove {
    color: red;
}

.dropdown-icon-text {
  margin-left: 10px;
  vertical-align: top;
}

.ns-chat {
  background: #F2F5F8;
  color: #434651;
  height: 300px;
  width: 100%;
  position: relative;
}
.sms-chat {
    height: 267px;
}

.conversation-new-body form
{
	margin: 5px 0 5px;
}

.conversation-new-body .conversation-new-row
{
	padding:8px;
}

#conversation-autocomplete
{
	width: 190px;
    padding-left: 10px;
}

.conversation-new-item.ui-state-focus .conversation-new-search-number {
    color: #fff;
}

.conversation-new-search-number {
    margin-bottom: 0;
    margin-left: 18px;
}

.conversation-new-icon
{
	margin-left: 2px;
	margin-right: 3px;
}

.conversation-new-sms-dropdown {
    text-align: center;
}

.conversation-info-icon {
  float: left;
  width: 15px;
  font-size: 16px;
}

.conversation-info-icon i {
  vertical-align: text-top;
}

.conversation-info {
  margin-left: 25px;
}

.conversation-info-line
{
	margin: 0;
}

.online {
	 margin-right: 3px;
    font-size: 10px;
  	color: #86BB71;
}

.offline {
	margin-right: 3px;
    font-size: 10px;
 	color:  #E38968;
}

.me {
	margin-right: 3px;
    font-size: 10px;
  	color: #94C2ED;
}

.chat-history {
    padding: 3px 3px 2px;
    border-bottom: 2px solid white;
    overflow-y: scroll;
    max-height: 450px;
  }

.chat-history .message-data {
      margin-bottom: 15px;
    }

.chat-history .message-data-time {
      color: #a8aab1;
      padding-left: 6px;
    }

.chat-history li {
  min-width: 150px;
  display: inline-block;
}

.ns-message {
      color: white;
      padding: 5px 15px;
      line-height: 18px;
      font-size: 15px;
      border-radius: 7px;
      margin-bottom: 8px;
      width: 80%;
      //min-width: 60%;
      //max-width:85%;
      position: relative;


    }
.ns-message:after {
        bottom: 100%;
        left: 15%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #86BB71;
        border-width: 10px;
        margin-left: -10px;
      }

.ns-message.my-message {
      background: #86BB71;
    }

.ns-message.other-message {
      background: #94C2ED;

    }

.ns-message.other-message:after {
        border-bottom-color: #94C2ED;
        left: 88%;
      }




/***********************************************************************
 * Content - general helper styles that apply to all content, or repeated use
 */

#content {
  clear: both;
  //width: 940px;
  padding: 0 10px;
  min-height: 550px;
  margin-left: auto;
  margin-right: auto;
}

label, input, button, select, textarea {
  font-size: small;
}

[class*='-panel-main'] {
  clear: both;
}

[class*='action-container'] .dropdown-toggle {
  width: 120px;
}

.dropdown h5 {
  margin: 0;
  cursor: pointer;
}

.dropdown .caret {
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

[class*='action-container'] form {
  margin: 0;
}

.table p {
  margin: 0;
}

.table input[type="checkbox"] {
  margin: 0;
}

.help-block, .help-inline {
    color: #999;
}

.tableFloatingHeaderOriginal[style*="position: fixed;"] {
  -webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,.35);
     -moz-box-shadow: 0 4px 4px -4px rgba(0,0,0,.35);
          box-shadow: 0 4px 4px -4px rgba(0,0,0,.35);
}

.action-container {
  text-align: right;
  height: 28px;
  margin-bottom: 10px;
}

.action-container-left {
  float: left;
  text-align: left;
  margin-bottom: 10px;
}

.action-container-right {
  float: right;
  text-align: right;
  margin-bottom: 10px;
}

.action-container-left form,
.action-container-right form,
.action-container-left input,
.action-container-right input,
.action-container-left select,
.action-container-right select,
.action-container-left .btn-group,
.action-container-right .btn-group {
  margin: 0;
  display: inline-block;
}

.action-container-row {
  margin-top: 8px;
}

.action-container-row:after {
  content: '';
  display: block;
  clear: both;
}

.table-container {
  min-height: 440px;
  clear: both;
}

.table-container > table {
  margin: 0;
}

.table-container table td {
  line-height: 20px;
}

.pager {
  width: 100%;
  text-align: center;
}

input.date-small {
  width: 80px;
}

input.date-medium {
  width: 120px;
}

input.date-large {
  width: 180px;
}

table .text-right {
  text-align: right;
}

table .text-left {
  text-align: left;
}

table .text-center {
  text-align: center;
}

table .single-button {
  width: 20px;
}

table .no-wrap {
  white-space: nowrap;
}

table .extension {
  padding-right: 40px;
  width: 80px;
}

table .action-buttons {
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
  padding:2px 5px 3px !important;
}

table tr .action-buttons a {
  /*visibility: hidden;*/
  filter: alpha(opacity=15);
  -khtml-opacity: 0.15;
  -moz-opacity: 0.15;
  opacity: 0.15;
  cursor: pointer;
  -webkit-transition: 100ms all cubic-bezier(0,1,.1,.65);
     -moz-transition: 100ms all cubic-bezier(0,1,.1,.65);
          transition: 100ms all cubic-bezier(0,1,.1,.65);
}

table tr .action-buttons .ui-autocomplete a {
  /*visibility: visible;*/
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

table tr .action-buttons a.muted {
  /*visibility: visible;*/
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

table tr:hover .action-buttons a {
  /*visibility: visible;*/
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: none;
}

.checkbox-switch-cell {
  width: 50px;
}

.table-smaller {
  font-size: smaller;
}

.hasPlaceholder {
	color: #999;
}

.sort-icon {
  display: inline-block;
  width: 15px;
  height: 18px;
  background-image: url('../img/misc/sort.png');
  cursor: move;
  vertical-align: text-top;
}

span.optional {
  font-size: 12px;
  color: #bfbfbf;
}

div.nonecreated {
  clear: both;
  position: relative;
  top: 120px;
  text-align: center;
  color: gray;
}

div.noncreatedadd {
  position: relative;
  text-align: center;
  top: 140px;
}

div.noncreatedcopy {
  position: relative;
  text-align: center;
  top: 160px;
}


div.nonecreated-meeting {
  clear: both;
  position: relative;
  top: 200px;
  text-align: center;
  color: gray;
}

.modal div.nonecreated {
  position: absolute;
  margin-top: -30px;
  left:0;
  right:0;
  top: 50%;
}

.modal.load-failed .modal-header {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.modal div.load-failed {
  text-align: center;
  color: gray;
  margin: 25px 0;
}

.modal-header-settings {
  padding: 9px 15px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.modal-header-settings input,
.modal-header-settings select {
  margin: 0;
}

div.pagination-container {
  height: 70px;
}

div.view-limit {
  text-align: center;
}

div.view-limit a.current-limit {
  text-decoration: underline;
  color: #404040;
  /* TODO: pointer-events does not work in any version of IE, must use JQuery in that case */
  pointer-events: none;
  cursor: default;
}

.micro {
  width: 40px !important;
}

.mini {
  width: 70px !important;
}

.small {
  width: 100px !important;
}

.medium {
  width: 150px !important;
}

.large {
  width: 250px !important;
}

.extra-large {
  width: 300px !important;
}

table.scrollable th {
  background: #fff;
}

.scrollable {
  overflow-y: scroll;
}

.new-greeting label {
  width: 200px;
}

.toggle-placeholder {
  min-height: 46px;
}

.help-no-input {
  margin-top: 6px;
}

a.asc {
  background: url('../img/misc/tablesort.png') no-repeat right 4px;
  padding-right: 15px;
}

a.desc {
  background: url('../img/misc/tablesort.png') no-repeat right -13px;
  padding-right: 15px;
}

.modal-body textarea {
  width: 220px;
  max-width: 220px;
  max-height: 140px;
  min-height: 70px;
}

.modal > .loading-lg {
  margin: 80px auto;
}

.fixed {
  position: fixed;
}

.rounded {
  background-color: #ffffff;
  border: solid whiteSmoke 1px;
  padding: 0 7px 5px;
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35);
     -moz-box-shadow: 0 2px 3px rgba(0,0,0,.35);
          box-shadow: 0 2px 3px rgba(0,0,0,.35);
}

select.btn {
  height: 32px;
  width: 150px;
}

a.dropdown-toggle.btn {
  padding-right: 9px !important;
  text-align: left;
  position: relative;
}
a.dropdown-toggle.btn span.caret {
  position: absolute;
  right: 6px;
}

table span > .dropdown-menu::before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

table span > .dropdown-menu::after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}

table span > .dropdown-menu.pull-right {
  margin: 6px 0 0;
  right: -7px;
  min-width: 120px;
  z-index:50000
}

/*table span > .dropdown-menu li > a {
  padding: 3px 12px;
  line-height: 14px;
  font-size: 12px;
}*/

/*.dropdown-menu > li label,
.dropdown-menu > li span {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  margin: 0;
}*/


.dropdown-column > li {
    white-space: normal;
}
.dropdown-column > li > .checkbox {
    padding-left: 40px;
}
.dropdown-column .checkbox input[type="checkbox"] {
    margin-left: -20px;
    margin-top: 4px;
}

//remove the following rule OMP-1940
/*.dropdown-menu .checkbox input[type="checkbox"] {
    /* float: none; */
    margin-left: 0;
}*/

.dropdown-menu input[type="submit"] {
  border: 0;
  background: none;
  outline: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu a:hover input[type="submit"] {
  border: 0;
  background: none;
  outline: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  color: white;
}

.dropdown-menu-phone-select {
    width: 200px;
}

.dropdown-menu-phone-select select {
    width: 180px;
}

.dropdown-menu-phone-select .nsicon {
    font-size: 16px;
    vertical-align: text-top;
}

.dropdown-menu-phone-option {
    padding-left: 10px;
    word-break: break-all;
    white-space: normal;
}

.dropdown-menu-phone-option input {
    margin: 0;
}

audio:not(.mms-media-audio) {
  display: none;
  width: 0;
}

#confirm-call {
  width: 210px;
}

#confirm-call .note {
  text-align: center;
}

#confirm-call .note h3 {
  margin: 2px 0 0;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.center-text {
  text-align: center;
}

.capitalize {
  text-transform: capitalize;
}

input[class^="split-input-"] {
    width: 100px;
}

.input-placeholder {
  line-height: 30px;
}

.input-prepend.input-append .split-input-left {
  text-align: right;
  width: 80px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .split-input-right {
  width: 130px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend .select {
  display: inline-block;
}

.accordion-heading {
  background-color: #f5f5f5;
  position: relative;
  width: 100%;
}

.accordion-heading [class^="icon-chevron"] {
  filter: alpha(opacity=30);
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.accordion-heading h4 {
  margin: 3px 0;
}

.accordion-no-toggle {
  min-height: 32px;
  padding: 5px 10px;
}

.ui-slider-handle div.tooltip-inner {
  padding-top: 5px;
  padding-bottom: 5px;
}

.slider-labels {
  position: relative;
  width: 260px;
  list-style: none;
  margin:0;
  padding:0;
}

.slider-labels dd {
  position: absolute;
  font-size: 10px;
  color: #999999;
  text-align: center;
  width: 50px;
  margin-left: -25px;
}

.slider-labels dd:first-of-type {
  left: 0;
}

.slider-labels dd:nth-of-type(2) {
  left: 50%;
}

.slider-labels dd:last-of-type {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -25px;
}

.modal-help-block {
  width: 270px;
}

.dial-pad {
  padding: 5px;
}

.popcall-container .number-field-group .number-field {
  /*font-size: 13px;
  height: 20px;*/
  width: 211px; /* fallback for browsers that don't support calc */
  width: calc(100% - 48px);
}

.number-field-group .number-field {
  /*font-size: 13px;
  height: 20px;*/
  width: 171px; /* fallback for browsers that don't support calc */
  width: calc(100% - 48px);
}

.number-field-group {
  width: 100%;
}

.number-field-group .clear {
  width: 40px;
  height: 30px;
}

.dial-pad .btn-group {
  width: 100%;
}



.dial-pad .btn-group + .btn-group {
  margin-left: 0;
}

.dial-pad .dial-pad-keys .btn {
  border-bottom: none;
  line-height: 12px;
  width: 33.666%;
}

.dial-pad .btn p {
  margin: 0;
  font-size: 11px;
  color: #bbb;
}

.dial-pad .btn-group.last .btn {
  border-bottom: 1px solid #bbb;
}

.dial-pad-actions{
  margin-top: 10px;
}

.dial-pad-actions .btn {
  height: 35px;
  width: 25%;
}

.dial-pad-from p {
  margin-bottom: 5px;
}

.dial-pad-from input[type="checkbox"] {
  margin: 0;
}

.dial-pad-from {
    padding-top: 5px;
}

#dial-pad-phone-option-select {
    margin: 0;
    width: 100%;
}

.popcall-container .dial-pad .from-field {
  width: 152px; /* fallback for browsers that don't support calc */
  width: calc(100% - 102px);
}

.dial-pad-actions .dial-pad-call {
  width: calc(100% - 50px);
}

.dial-pad-actions .dial-pad-from-btn {
  width: 50px;
}

.dial-pad-call i.answer {
  margin-right: 5px;
}

.dataTable .sorting_desc {
  background: url('../img/misc/tablesort.png') no-repeat right -8px;
  padding-right: 15px;
}

.dataTable .sorting_asc {
  background: url('../img/misc/tablesort.png') no-repeat right 11px;
}

.dataTable .sorting,
.dataTable .sorting_desc,
.dataTable .sorting_asc {
  color: #08c;
  text-decoration: none;
  padding-right: 15px;
}

.dataTable .sorting_disabled {
  padding: 4px 5px;
  background: none;
}

.dataTables_empty {
  text-align: center;
  padding: 10px;
  font-size: 14px;
}


.datatable-footer-row {
  font-size: small;
  font-weight: bold;
  height: 30px;
  vertical-align: bottom;
}

.datatable-footer-row th{
  vertical-align: middle;
}


.dataTables_scrollFoot {
  border-top: 1px solid darkgray!important;

}



table .graph-all-toggle {
  text-align: center;
  cursor: pointer;
}

table .graph-toggle {
  text-align: center;
  cursor: pointer;
}

.audio-inline {
  line-height: 30px;
  padding: 0;
}

.form-search .large-search .search-query {
  width: 280px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  font-size: 20px;
  line-height: 24px;
  padding: 10px 18px;
}

.form-search .large-search .btn {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  font-size: 20px;
  line-height: 24px;
  padding: 8px 20px;
}

.form-search .input-append .search-query {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
    z-index: 9;
}
.form-search .input-append .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    pointer-events: none;
}
.form-search .input-append a.btn {
    pointer-events: auto;
}
.badge.badge-registration{
  padding-right: 2px;
  padding-left: 2px;
  transform: scale(.85);
}
.badge.badge-registration i {
  margin-top: 0;
}

.table-sentiment-positive {
  background-color: #648FFF;
}
.table-sentiment-neutral {
  background-color: #FFC008;
}
.table-sentiment-negative {
  background-color: #DC267E;
}


.label.label-tag,
#tags-autocomplete .selectivity-multiple-selected-item,
#tags-autocomplete .selectivity-result-item.highlight  {
  background-color: #999999;
  color:white;
}

.label.label-hostname,
#hostnames-autocomplete .selectivity-multiple-selected-item,
#hostnames-autocomplete .selectivity-result-item.highlight  {
  background-color: #648FFF;
  color:white;
}

.label.label-reseller,
#resellers-autocomplete .selectivity-multiple-selected-item,
#resellers-autocomplete .selectivity-result-item.highlight {
  background-color: #785EF0;
  color:white;
}

.label.label-domain,
#domains-autocomplete .selectivity-multiple-selected-item,
#domains-autocomplete .selectivity-result-item.highlight {
  background-color: #DB267F;
  color:white;
}

.label.label-scope,
#scopes-autocomplete .selectivity-multiple-selected-item,
#scopes-autocomplete .selectivity-result-item.highlight {
  background-color: #FF6100;
  color:white;
}

.label.label-user,
#users-autocomplete .selectivity-multiple-selected-item,
#users-autocomplete .selectivity-result-item.highlight {
  background-color: #FEB002;
  color:white;
}

.selectivity-multiple-selected-item.read-only {
  padding-right: 5px;
}

.label.label-tag .fa-remove ,
.label.label-hostname .fa-remove ,
.label.label-reseller .fa-remove ,
.label.label-domain .fa-remove ,
.label.label-scope .fa-remove ,
.label.label-user .fa-remove,
.label.label-reseller-access .fa-remove
{
  font-size: 13px;
  color:white;
  text-shadow: unset;
}

.action-container-left.uiconfig-configs .fa-remove,
.action-container-left.uiconfig-defs .fa-remove
{
  color:black;
}


.controls .label.read-only,
label.read-only-any {
  margin-top: 5px;
}



/***********************************************************************
 * Help Button/Popup
 */

.help-icon {
	margin-left: 5px;
}

/***********************************************************************
 * Save/Cancel Panel
 */

.save-panel-main {
	margin: 12px;
}

/***********************************************************************
 * Error page
 */

.error-message-circle {
    margin: 0 auto;
    height: 480px;
    width: 480px;
    background-color: rgba(51, 51, 51, 0.05);
    -webkit-border-radius: 240px;
       -moz-border-radius: 240px;
            border-radius: 240px;
}

.error-message-text {
    padding: 60px 0 20px;
}

.error-message-text > h1 {
    color: #fff;
    font-size: 260px;
    line-height: 215px;
}
.error-message-text > h4 {
    margin-top: 20px;
}

.error-message-text > p {
    font-size: 14px;
    margin-top: 8px;
}


/***********************************************************************
 * Auto Attendants
 */

/*#add-attendant.modal {
  margin-top: -160px;
}

#audio-modal.modal {
  margin-top: -170px;
}

#options.modal {
  margin-top: -135px;
}*/

.attendants-panel-content {
  margin-left: auto;
  margin-right: auto;
}


.disable-aa-button {
  pointer-events: none;
  opacity: .65;
  cursor: default;
}

.attendant-basics,
.attendant-creation {
  max-width:1000px;
  margin-left: auto;
  margin-right: auto;
}



.attendants-panel-main {
	margin: 0 auto 0 auto;
}

.attendants-panel-main table .col1 {width: 40px;}
.attendants-panel-main table .col2 {width: 450px;}
.attendants-panel-main table .col3 {width: 330px;}
.attendants-panel-main table .col4 {width: 90px;}

.attendant-creation {
  min-height: 310px;
}

.attendant-header.form-actions {
  padding: 8px 20px 7px 120px;
  height: 18px;
  position: relative;
}

.attendant-header > span {
  font-size: 14px;
  font-weight: bold;
}

.attendant-header span.pull-left {
}
.attendant-header span.pull-left.localize {
  margin-left: 30px;
}

.attendant-header span.pull-right {
  margin-right: 220px;
}


.attendant-header.level1 {
  margin-top: 0;
}

.attendant-tier-options {
  padding: 0 30px;
  height: 70px;
}

.attendant-tier-options .language-dropdown {
  margin-right: 10px;
}

.attendant-tier-options .dropdown-menu li {
  text-align: left;
}


.dialpad {
  height: 70px;
}

.dialpad ul {
  margin:0;
  padding:0;
  list-style: none;
}

.dialpad li {
  display: inline;
  margin-right: 4px;
}

.dialpad a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  cursor: pointer;
  position: relative;
}

.dialpad div[class*='key-'] {
  width: 30px;
  height: 30px;
  background-image: url('../img/misc/aa-icons.png');
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: opacity 250ms;
     -moz-transition: opacity 250ms;
          transition: opacity 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
     -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.dialpad div[class*='key-']:hover,
.dialpad div[class*='key-'].selected {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.key-1 {background-position: 0 0;}
.key-2 {background-position: -30px 0;}
.key-3 {background-position: -60px 0;}
.key-4 {background-position: -90px 0;}
.key-5 {background-position: -120px 0;}
.key-6 {background-position: -150px 0;}
.key-7 {background-position: -180px 0;}
.key-8 {background-position: -210px 0;}
.key-9 {background-position: -240px 0;}
.key-0 {background-position: -270px 0;}
.key-star {background-position: -300px 0;}

.key-1.selected {background-position: 0 -30px;}
.key-2.selected {background-position: -30px -30px;}
.key-3.selected {background-position: -60px -30px;}
.key-4.selected {background-position: -90px -30px;}
.key-5.selected {background-position: -120px -30px;}
.key-6.selected {background-position: -150px -30px;}
.key-7.selected {background-position: -180px -30px;}
.key-8.selected {background-position: -210px -30px;}
.key-9.selected {background-position: -240px -30px;}
.key-0.selected {background-position: -270px -30px;}
.key-star.selected {background-position: -300px -30px;}

.app-icon {
  margin-top: 5px;
  width: 30px;
  height: 30px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.dialpad .arrow {
  border-color: transparent transparent whiteSmoke transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-6px;
  left: 4px;
  z-index: 100;
}
.dialpad .arrow-border {
  border-color: transparent transparent #DDD transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-5px;
  left: 4px;
  z-index: 100;
}

.dialpad li.options {
  margin-left: 30px;
}

.app-icon-lg {
  height: 37px;
  cursor: pointer;
   filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

div[class*='icon-'] {
  background-image: url('../img/misc/aa-icons.png');
}

.app-icon.icon-user {background-position: 0 -60px;}
.app-icon.icon-attendant {background-position: -30px -60px;}
.app-icon.icon-callqueue {background-position: -61px -60px;}
.app-icon.icon-directory {background-position: -91px -60px;}
.app-icon.icon-voicemail {background-position: -119px -60px;}
.app-icon.icon-vmailmanage {background-position: -330px 2px;}
.app-icon.icon-conference {background-position: -150px -60px;}
.app-icon.icon-external {background-position: -180px -60px;}
.app-icon.icon-message {background-position: -210px -60px;}
.app-icon.icon-tier {background-position: -240px -60px;}
.app-icon.icon-repeat {background-position: -270px -60px;}
.app-icon.icon-goback {background-position: -300px -60px;}

.app-icon-lg.icon-user {
  background-position: 0 -88px;
  width: 30px;
  margin: 0 15px 5px;
}
.app-icon-lg.icon-attendant {
  background-position: -30px -90px;
  width: 30px;
  margin: 0 15px 5px;
}
.app-icon-lg.icon-callqueue {
  background-position: -58px -87px;
  width: 50px;
  margin: 0 5px 5px;
}
.app-icon-lg.icon-directory {
  background-position: -110px -87px;
  width: 46px;
  margin: 0 7px 5px;
}
.app-icon-lg.icon-voicemail {
  background-position: -157px -87px;
  width: 46px;
  margin: 0 7px 5px;
}
.app-icon-lg.icon-vmailmanage {
  background-position: -338px -23px;
  width: 46px;
  margin: 0 7px 5px;
}
.app-icon-lg.icon-conference {
  background-position: -205px -88px;
  width: 36px;
  margin: 0 12px 5px;
}
.app-icon-lg.icon-external {
  background-position: -240px -88px;
  width: 36px;
  margin: 0 12px 5px;
}
.app-icon-lg.icon-message {
  background-position: -277px -88px;
  width: 36px;
  margin: 0 12px 5px;
}
.app-icon-lg.icon-tier {
  background-position: -311px -88px;
  width: 36px;
  margin: 0 12px 5px;
}
.app-icon-lg.icon-repeat {
  background-position: -345px -88px;
  width: 36px;
  margin: 0 12px 5px;
}
.app-icon-lg.icon-goback {
  background-position: -338px -60px;
  height: 31px;
  width: 42px;
  margin: 6px 9px 5px;
}

.application-details.form-actions {
  position: relative;
  min-height: 40px;
  padding: 35px 120px 40px;
  clear: both;
  margin-top: 0px;
}

.application-details .pull-right {
  text-align: right;
  margin-top: 10px;
}

.application-details .hide {
  display: none;
}

.application-details .uneditable-input {
  text-align: left;
}

.application-select.form-actions {
  height: 60px;
  padding: 45px 60px 40px;
  clear: both;
}

.application-select .pull-right {
 margin-top: 0px;
}

.application-message .extra-options {
  margin-right: 44px;
  margin-top: 10px;
}

.application-user .extra-options {
  margin-top: 10px;
}

.application-message .pull-right a {
  text-align: left;
}

.application-text {
  padding-top: 20px;
  font-size: 14px;
  font-weight: bold;
}

.application-choices ul {
  margin:0;
  padding:0;
  list-style: none;
}

.application-choices li {
  display: inline;
  text-align: center;
}

.application-choices a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  width: 60px;
  font-size: 11px;
  line-height: 13px;
  color: #404040;
  cursor: pointer;
}

.application-directory .pull-right span {
  position: absolute;
  top: 47px;
  left: 375px;
}

.application-callqueue {
  min-height: 125px;
  padding-bottom: 20px;
}

.remove-app,
.attendant-header > .remove-app {
  position: absolute;
  top: 8px;
  right: 10px;
}

.remove-app .close {
  cursor: pointer;
  float: none;
}

.extra-options {
  text-align: left;
}

.extra-options .control-label {
  width: 370px;
}

.extra-options .controls {
  margin-left: 373px;
  width: 216px;
}

.extra-options label {
  width: 366px;
}

.new-prompt {
  cursor: pointer;
}

.loading-tier .loading-lg {
  margin: 60px auto;
}

.loading-tier {
  margin-top: 0;
  height: 145px;
  padding: 0;
}

.attendant-actions.form-actions {
  text-align: center;
  padding-left: 0px;
}

/***********************************************************************
 * Call Queues
 */

.callqueues-panel-main {
	margin: 0 auto 0 auto;
}

#add-agents-table table td:nth-of-type(4),
#add-agents-table table td:nth-of-type(5),
#add-agents-table table td:nth-of-type(6),
#add-agents-table table th:nth-of-type(4),
#add-agents-table table th:nth-of-type(5),
#add-agents-table table th:nth-of-type(6)
{
  text-align: center;
}

#add-agents-table table th:nth-of-type(8) {
  min-width: 50px;
}

div#add-agents-btn.form-actions {
  background: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 20px 10px 190px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

#add-agents-table.scrollable {
  height: 380px;
  padding: 10px;
  position: relative;
}

#add-agents-table table {
  margin: 0;
}

#add-agents-table table .col1 {width: 20px;}

#write-agents .modal-body {
  /*height: 400px;*/
  padding: 0;
  overflow-y: hidden;
}

#addedit .scrollable {
  /*height: 140px;*/
  padding: 10px;
}

/*#view-queuedcalls .scrollable,*/
#view-agents .scrollable {
  height: 320px;
}

#view-queuedcalls .modal-body {
  height: 450px;
  overflow-y: scroll;
}

/*div#view-queuedcalls div.nonecreated,
div#view-agents div.nonecreated {
  top: 140px;
}*/

/*#view-queuedcalls,
#view-agents {
  margin-top: -225px;
}

#write-queue {
  margin-top: -260px;
}*/

#write-queue .form-horizontal .control-label {
  width: 185px;
}

#write-queue .form-horizontal .controls {
  margin-left: 195px;
}

#write-agents {
  width: 720px;
  margin-left: -360px;
}

//remove this rule OMP-1942
//#cc-settings-general .form-horizontal .control-label {
//    width: auto;
//}

.queue-slider,
.agent-slider,
.cc-settings-slider {
    width: 260px;
    margin-top: 9px;
}

.queue-type-label {
  margin-left: 3px;
}

/***********************************************************************
 * Call History
 */

.callhistory-panel-main {
	clear: both;
	margin: 0 auto 0 auto;
}

.callhistory-panel-button {
	width: 100%;
	margin: 10px 0;
}

.callhistory-button-export {
	float: right;
}

.callhistory-table-log {
	width: 100%;
}

/*.callhistory-pager-log {
}*/

.set-filters {
  font-size: 13px;
  line-height: 19px;
  font-weight: normal;
  vertical-align: middle;
}

.set-filters:hover {
  background-position: 0 0;
  text-decoration: none;
}

.set-filters.clear-filter {
  padding-right: 7px;
}

.clear-filter a {
  position: relative;
  top: 0;
  font-size: 18px;
  line-height: 11px;
  text-decoration: none;
  margin-left: 5px;
  color: #000000;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.50;
  -moz-opacity: 0.50;
  opacity: 0.50;
}

.clear-filter a:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

#filter-domain.clear-filter a {
  position: relative;
  text-decoration: underline;
  top: 0;
  font-size: unset;
  line-height: 11px;
  text-decoration: none;
  margin-left: unset;
  color: white;
  font-weight: unset;
  text-shadow: unset;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  cusor: pointer;
}

#filter-domain.clear-filter a {
  position: relative;
  top: 0;
  font-size: unset;
  line-height: 11px;
  text-decoration: none;
  margin-left: unset;
  color: white;
  font-weight: unset;
  text-shadow: unset;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  cusor: pointer;
}

#filter-domain.clear-filter a:link {
  text-decoration: underline;
}


#filter-domain.clear-filter a.clear-filter {
  position: relative;
  top: 0;
  font-size: 18px;
  line-height: 11px;
  text-decoration: none;
  margin-left: 5px;
  color: #000000;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.50;
  -moz-opacity: 0.50;
  opacity: 0.50;
}



/*#history-filters.modal {
  margin-top: -160px;
}*/

/*#history-notes.modal {
  margin-top: -175px;
}*/

#history-dispositions.modal {
  width: 400px;
  margin-left: -200px;
  /*margin-top: -275px;*/
}

#history-dispositions .modal-body {
  overflow-y: scroll;
  min-height: 410px;
  padding-right: 0px;
}

#history-dispositions .nav-tabs {
  margin-bottom: 0;
}

#history-dispositions .accordion-heading input[type="text"] {
  width: 255px;
  margin-left: 27px;
}

#history-dispositions .accordion-heading [class^="icon-"] {
  filter: alpha(opacity=30);
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  position: absolute;
  top: 14px;
  left: 15px;
}

#history-dispositions .accordion-group > a.delete {
  position: absolute;
  top: 13px;
  right: -25px;
}

#history-dispositions .accordion-group {
  position: relative;
  margin-right: 45px;
}

#history-dispositions .accordion-inner {
  padding-top: 0;
}

#history-dispositions .accordion-inner input[type="text"] {
  width: 230px;
}

#history-dispositions .accordion-inner ul {
  list-style-type: none;
}

#history-dispositions .accordion-inner ul > li {
  margin-bottom: 10px;
}

#history-trace .modal-body {
  min-height: 90px;
}



.callhistory-user table td:nth-of-type(1) {width:20px;}
.callhistory-user table td:nth-of-type(2) {width:150px;}


/*.callhistory-user table .col1 {width: 20px;}
.callhistory-user table .col2 {width: 150px;}*/
/*.callhistory-user table .col3 {width: 300px;}
.callhistory-user table .col4 {width: 150px;}
.callhistory-user table .col5 {width: 100px;}*/

/*.callhistory-panel-main table .col1 {width: 20px;}
.callhistory-panel-main table .col2 {width: 250px;}
.callhistory-panel-main table .col3 {width: 300px;}
.callhistory-panel-main table .col4 {width: 150px;}
.callhistory-panel-main table .col5 {width: 100px;}
.callhistory-panel-main table .col6 {width: 100px;}*/


audio.cdraudio{
  width: 100%;
  display: inline-block;
  float: left;
  height: 42px;
}

td.cdraudio {
  border-top: none;
}

.table-hover tbody tr:hover + tr.cdraudio td {
  background-color: #f5f5f5;
}


/***********************************************************************
 * Home
 */

.home-panel-main.container-fluid {
  padding: 0;
}

.home-panel-main .home-content {
  width: 69.7%;
}

.home-panel-main .home-sidebar {
  width: 28%;
}
.home-sidebar .status-panel-home input,
.home-sidebar .quick-nav-home input {
  width: 99%;
  padding-right: 0px;
}
.home-panel-main .home-sidebar select.view-timeframe-home {
  width: 248px;
}

.home-panel-main .rounded {
  margin: 10px 0px 10px 0px;
}

.home-panel-main .table-container {
  min-height: 0px;
}

.home-panel-main .nonecreated {
  top: 80px;
}

.home-panel-main .active-panel-home-meetings .nonecreated-meeting {
  top: 20px;
}

.home-panel-main .home-sidebar .nonecreated {
  top: 0px;
}

.home-panel-main .home-sidebar .nonecreated h5 {
  line-height: 24px;
}

.home-panel-main h6 a {
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
      -ms-transition: color 1s ease;
       -o-transition: color 1s ease;
          transition: color 1s ease;
  text-decoration: none;
  color: #BFBFBF;
}

.home-panel-main h6 a:hover {
  color: #4e4e4e;
}

.link-arrow {
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
       -o-transition: margin 1s ease;
          transition: margin 1s ease;
  font-size: 18px;
  font-weight: bold;
  line-height: 13.5px;
  position: relative;
  top: 1px;
}
.home-panel-main h6 a:hover .link-arrow {
  margin-left: 5px
}


.home-panel-main h6 {
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
}

.home-panel-main table {
  margin-bottom: 0px;
}

.call {
  cursor: pointer;
}

/***********************************************************************
 * Home - User View and all panels
 */

.phones-panel-home .nonecreated h5 {
  line-height: 50px;
}

#home-vmail-body .loading-lg,
#home-callhistory-body .loading-lg {
  position: relative;
  top: 100px;
}

#home-phones-body,
#home-rules-body,
#home-contacts-body,
#home-conference-body {
  min-height: 50px;
}

#home-contacts-body,
#home-conference-body {
  max-height: 500px;
  overflow-y: auto;
}

#home-phones-body .loading-lg,
#home-rules-body .loading-lg,
#home-contacts-body .loading-lg,
#home-conference-body .loading-lg {
  position: relative;
  top: 10px;
}

#home-users-body {
  min-height: 32px;
}
#home-users-body .loading-lg {
  margin: 0 auto;
}

#home-rules-body {
  position: relative;
}

#home-rules-body .nonecreated p,
#home-phones-body .nonecreated p,
#home-conference-body .nonecreated p {
  text-align: center;
  font-weight: bold;
  color: gray;
}

#home-rules-body .nonecreated {
  top: 5px;
}

#home-phones-body .nonecreated {
  top: 20px;
}

#home-callhistory-body .nonecreated {
  top: 100px;
}

#home-rules-body select {
  width: 100%;
}

#home-rules-body ul {
  margin-bottom: 10px;
  margin-left: 5px;
  list-style-type: none;
}

#home-rules-body ul > li {
  font-weight: bold;
}

#home-rules-body ul ul {
  margin-bottom: 0;
  margin-left: 25px;
  list-style-type: disc;
  font-weight: normal;
}

#home-rules-body ul ul > li {
  font-weight: normal;
}

#home-rules-body .waiting {
  position: absolute;
  right: 30px;
  top: 6px;
}

#home-contacts-body table tr:first-child td,
#home-phones-body table tr:first-child td,
#home-callhistory-body table tr:first-child td{
  border-top: none;
}

#home-contacts-body table .col1 {width: 14px;}

span.view-timeframe-home {
  width: 215px;
}

.vmail-panel-home,
.callhistory-panel-home {
  min-height: 300px;
}

#home-callhistory-body {
  min-height: 220px;
}

.answerrules-table-home td{
  border: 0px;
}

.home-popout,
.home-refresh,
.home-add,
.home-print {
  float: right;
  position: relative;
  top: -3px;
  right: 3px;
  filter: alpha(opacity=60);
  -khtml-opacity: .60;
  -moz-opacity: .60;
  opacity: .60;
}

.home-popout:hover,
.home-refresh:hover,
.home-add:hover,
.home-print:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.home-agents-phones td:nth-of-type(3),
.home-users-phones td:nth-of-type(2) {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radio-option {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-method-answerrule {
  position: relative;
}

.home-agents-phones td:nth-of-type(3):hover,
.home-users-phones td:nth-of-type(2):hover {
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
}

/*.home-agents-phones td:nth-of-type(3) span:hover {
  white-space: normal;
}*/



/***********************************************************************
 * Home - Resellers, Managers, Call Center
 */

.graphs-panel-home {
  /*min-height: 580px;*/
  position: relative;
}

.graphs-panel-home .table-datearray {
  position: absolute;
  top: 0px;
}

.graphs-panel-home .table-datearray input {
  margin-bottom: 0;
  /*padding: 4px 6px;
  height: 14px;
  line-height: 14px;*/
  width: 65px;
}

.chart-container {
  min-height: 205px;
}

.stats-panel-home {
  min-height: 100px;
}

.active-panel-home {
  min-height: 305px;
}

.active-panel-home-meetings {
  min-height: 140px;
}

#omp-active-body .table-container {
  overflow-y: auto;
  min-height: 160px;
  max-height: 270px;
}

#omp-active-body .table-container.with-meetings {
  overflow-y: auto;
  min-height: 100px;
  max-height: 270px;
}

.active-panel-home .loading-lg {
    margin: 120px auto 0;
}
.stats-panel-home .loading-lg{
    margin: 20px auto 0;
}

.quick-nav-home input {
  width: 190px;
  margin-top: 3px;
}

.chart-container {
  position: relative;
}

.table-container .loading-lg,
.chart-container .loading-lg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
}

.first-chart {
  float: left;
  width: 50%;
}
.second-chart {
  float: right;
  width: 50%;
}

.one-chart {
  display: inline-block;
  width: 32%;
}
.two-chart {
  display: inline-block;
  width: 32%;
}
.three-chart {
  display: inline-block;
  width: 32%;
}

table.stats-table {
  width: 100%;
}

table.stats-table td{
  border-top: none;
  vertical-align: top;
}

table.stats-table tr > td:first-child {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  width: 40%;
}

table.stats-table tr > td:last-child {
  text-align: left;
  width: 60%;
}

.agent-status-panel-home {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 5px;
}

.agent-status-queue-toggle {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: small;
}

.agent-status-queue-toggle .caret {
  margin-left: 5px;
}

.agent-status-group-danger {
  margin-left: 0px;
}

.agent-status-group.open>.dropdown-menu {
  min-width:70px;
  padding: 0px;
}
.agent-status-group.open>.dropdown-menu>li>a.menu-option-warning:hover {
  background-color: #d9534f;
  background-image: -moz-linear-gradient(top,#d9534f,#d9534f);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#d9534f),to(#d9534f));
  background-image: -webkit-linear-gradient(top,#d9534f,#d9534f);
  background-image: -o-linear-gradient(top,#d9534f,#d9534f);
  background-image: linear-gradient(to bottom,#d9534f,#d9534f);
  background-repeat: repeat-x;
}

.agent-status-group.open>.dropdown-menu>li>a.menu-option-success:hover {
  background-color: #5cb85c;
  background-image: -moz-linear-gradient(top,#5cb85c,#5cb85c);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#5cb85c),to(#5cb85c));
  background-image: -webkit-linear-gradient(top,#5cb85c,#5cb85c);
  background-image: -o-linear-gradient(top,#5cb85c,#5cb85c);
  background-image: linear-gradient(to bottom,#5cb85c,#5cb85c);
  background-repeat: repeat-x;
}


#home-status-body > .btn-group {
  width: 100%;
}

#agent-callgraphs-body .stats-table {
  white-space: nowrap;
  table-layout: fixed;
}

#agent-callgraphs-body .stats-table td:first-child {
  width: 30%;
}

#agent-callgraphs-body .stats-table td:last-child {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#agent-callgraphs-body #chart_div {
    position: absolute;
    top: 50%;
    width: 100%;
}

#agent-callhistory-body td:nth-of-type(2) p {
  max-width: 139px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#agent-callhistory-body td:nth-of-type(2) p:hover {
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
}

#agent-callhistory-body table tr:first-child td{
  border-top: none;
}
#agent-callhistory-body table .col1 {width: 30px;}
#agent-callhistory-body table .col4 {width: 30px;}

#agent-callhistory-body table td:nth-of-type(3) {
  text-align: right;
}

#agent-callhistory-body {
    min-height: 50px;
}

#agent-callhistory-body > .loading-lg {
  position: relative;
  top: 10px;
}

#agent-callgraphs-body {
    min-height: 410px;
}

#home-queues-body {
  min-height: 210px;
  max-height: 250px;
  overflow-y: auto;
}

#manager_queues .col7 {
  width: 62px;
}

/*.callqueues-panel-main > .nonecreated {
  top: 20px;
}*/

#home-queues-body table td:nth-of-type(2) {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.callcenter-manager-home .home-content {
  width: 73.7%;
}

.callcenter-manager-home .home-sidebar {
  width: 24%;
}

#cc-stats-div .dataTable th {
  color: #0088cc;
  text-decoration: none;
}

#cc-stats-div .dataTable th:hover {
  color: #005580;
  cursor: pointer;
}

#cc-stats-div .dataTable {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#view-reports-queues {
  width: 1000px;
  margin-left: -500px;
}

#view-reports-queues .chart-container {
  min-height: 300px;
}

#view-reports-queues .table-container {
  position: relative;
  min-height: 300px;
}

.tablecolumn > .dropdown-menu {
  right: 0;
  left: auto;
}

#graph-type-dropdown {
  position: absolute;
  top: 0px;
  left: 50px;
  z-index: 1;
}
.callcenter-manager-home .graphs-panel-home {
  position: relative;
}

.callcenter-manager-home .graphs-panel-home select {
  margin-bottom: 0;
}

.callcenter-manager-home #home-agents-body {
  min-height: 200px;
}

.callcenter-manager-home #home-agents-body .table-container {
  max-height: 495px;
  overflow-y: auto;
  overflow-x: hidden;
}

#manager-callgraphs-body .chart-container {
  min-height: 365px;
}

#agents-table,
#agents-table table,
#agents-table tr {
  width: 100%;
}

#agents-table .presence {
  margin-left: 3px;
}

#agents-table .agent-name {
  vertical-align: text-bottom;
}

#agents-table .agent-device {
  display: none;
  vertical-align: text-bottom;
}

.login-method-text-row {
  top: 3px;
  position: relative;
  left: 3px;
}

.icon-login-method {
  margin-right: 3px;
}

.login-method-helptext {
}

#agents-table .agent-timer {
  /*display: none;*/
  vertical-align: text-bottom;;
  padding: 0 14px;
  text-align: right;
  float: right;
}

#agents-table tr.agentrow:hover .agent-device {
  display: inline-block;
}

#agents-table tr.agentrow:hover .agent-name {
  display: none;
}

#agents-table tr.agentrow td{
  height: 25px;
}

#agents-table tr.agentrow td .tooltip {
  line-height: 20px;
}

#agents-table table:hover div.btn-group {
  display: block;
}

#agents-table .btn-group {
  float: right;
}
#agents-table .inner-table td {
  line-height: 22px;
}

#agents-table .inner-table td:first-child {
  width: 18px;
}

#queuesPerAgentModal td {
  vertical-align: middle;
}

.no-margin {
  margin-right: 10px!important;
}

.agents-panel-home {
  padding: 0;
}
.agents-panel-home h6 {
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 2px;
}

.home-sidebar .h6-subheader {
  font-size: 12px;
  line-height: 20px;
  color: #858585;
  float: right;
}

.home-sidebar .h6-subheader.stats-left{
  float: left;
}

.home-sidebar .h6-subheader.blue{
  color: #08c;
}

.queues-panel-home h6 > span {
  float: right;
}

#cc-stats-dropdown .caret {
  filter: alpha(opacity=44);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

#cc-stats-dropdown a:hover .caret {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

#cc-stats-dropdown li a {
  text-transform: none;
  font-weight: normal;
  color: #333;
}

#cc-stats-dropdown li a:hover {
  color: #fff;
}

#cc-stats-down-title {

}

#cc-stats-div {
  width: 100%;
}

.DTTT.btn-group {
  margin-bottom: 5px;
  float: right;
}

.DTTT_dropdown li {
  position: relative;
}

.DTTT_Print {
  background-color: #fff;
}

.DTTT_Print div.wrapper,
.DTTT_Print div#content,
.DTTT_Print div.rounded,
.DTTT_Print div.row-fluid {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

#view-agent-stats {
    width: 800px;
    margin-left: -400px;
}

#view-agent-stats .stats-container {
  top: 50%;
  width: 100%;
  position: absolute;
}

#view-agent-stats .chart-container {
    min-height: 280px;
}

#offline-button,
#online-button,
#agent-button-loading {
    width: 90%;
}

.big-button-caret {
    width: 10%;
    padding-left:0px;
    padding-right:0px;
}

.big-btn-loading {
  width: 100%;
}




#status-online {
    margin-left: 0px;
}

.activecall-name {
  border-bottom: 1px solid #EEE;
  margin-bottom: 5px;
}

.activecall-number {
  text-transform: uppercase;
  font-weight: bold;
}

.activecall-fields select {
  width: 122px;
}

.activecall-reason {
  margin-left: 5px;
}

.activecall-fields textarea.activecall-notes {
  width: 100%;
/*  max-width: 235px;*/
  max-height: 300px;
}

.activecall-buttons {
  text-align: center;
}

.activecall-hold,
.activecall-transfer {
  width: 32%;
  font-weight: normal;
  font-size: 12px;
}

.activecall-end {
  width: 36%;
}

.activecall-answer,
.activecall-complete {
  width: 50%;
}

.activecall-panel-home,
.activecall-panel-content {
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.status-menu li > a.go-red:hover,
.status-menu li > a.go-red:focus,
.status-menu .dropdown-submenu:hover > a.go-red {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.status-menu li > a.go-green:hover,
.status-menu li > a.go-green:focus,
.status-menu .dropdown-submenu:hover > a.go-green {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.status-menu li > a.go-grey:hover,
.status-menu li > a.go-grey:focus,
.status-menu .dropdown-submenu:hover > a.go-grey {
  color: #333;
  background-color: #dbdbdb;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dbdbdb));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dbdbdb);
  background-image: -o-linear-gradient(top, #eeeeee, #dbdbdb);
  background-image: linear-gradient(to bottom, #eeeeee, #dbdbdb);
  background-image: -moz-linear-gradient(top, #eeeeee, #dbdbdb);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dbdbdb', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.transfer-field #transfer-autocomplete {
  width: 166px;
}

.transfer-field {
  margin-top: 5px;
}

.active-calls-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.active-calls-graph-buttons .dropdown {
    display: inline-block;
}

#view-calls {
  width: 700px;
  margin-left: -350px;
}

.cc-sidebar .rounded {
  position: relative;
}

.cc-sidebar .loading-lg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
}

/* stats grid */

#dash-stats-body {
  min-height: 65px;
}

#dash-stats-body .loading-lg {
  top: 60%;
}

.cc-sidebar .dash-stats-grid-table {
  display: inline-block;
  width: 50%;
  border-spacing: 3px;
  border-collapse: separate;
  display: inline-grid;
  justify-content: center;
}

.cc-sidebar .dash-stats-grid-table td {
  width: 200px;
  text-align: center;
  /*border: solid white 8px;*/
  font-size: 28px;
  line-height: 32px;
  padding: 5px;
}

.cc-sidebar .dash-stats-grid-table tr.dash-stats-label-row td {
  padding: 0;
  font-size: 16px;
  line-height: 10px;
}

.cc-sidebar .dash-stats-grid-table tr.dash-stats-data-row td {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
/*  background-color: red;*/
}

.stats-grid-toggle {
  font-weight: bold;
  line-height: 40px;
}

.stats-grid-toggle .bootstrap-switch {
  float: right;
  margin: 5px;
}

.stats-grid-setting .control-group:first-child {
  margin-top: 10px;
}

.stats-grid-setting .control-label {
  width: auto;
}

.stats-grid-setting .controls {
  margin-left: 140px;
}

.cc-btn-panel {
  margin: 10px 0;
}

.cc-btn-panel  {
  width: 100%;
}

.cc-btn-panel .btn-group {
  width: 100%;
}

.cc-btn-panel .btn-group .email-enabled {
  width: calc(100% - 28px);
}

.cc-btn-panel .btn-group .email-disabled {
  width: calc(100% - 3px);
}

.cc-btn-panel .btn-group-full {
  width: 100%;
}

#cc-settings-btn-div{
  width:50px;
}

#cc-settings-btn{
  float:right;
  width: calc(100% - 3px);
}

.cc-btn-snapboards {
  width: 100%;
  padding: 4px 0px;
}

/* Agents search bar */
.agents-sort-search {
  margin: 7px 2px;
  position: relative;
}

.agents-sort-dropdown {
  padding: 3px 6px;
}

.agent-search {
  width: 224px;
  height: 28px;
}

.searchbox {
  min-width: 28px;
  margin: 0;
  /*float:right;*/
}

.searchbox > .searchbox-input {
  position:absolute;
  opacity: 0;
  top: 3px;
  right:0;
  margin: 0;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing : border-box;‌​
     -moz-box-sizing : border-box;
          box-sizing : border-box;
  -webkit-transition: width 0.4s, opacity 0.3s;
     -moz-transition: width 0.4s, opacity 0.3s;
      -ms-transition: width 0.4s, opacity 0.3s;
       -o-transition: width 0.4s, opacity 0.3s;
          transition: width 0.4s, opacity 0.3s;
}

.searchbox-open,
.searchbox-open > .searchbox-input {
  opacity: 1;
  width:100%;
}

.searchbox-icon {
  padding: 5px 12px;
  font-size: 14px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  display:block;
  position:absolute;
  top: 3px;
  right:0;
  cursor:pointer;
}




/***********************************************************************
 * Contacts
 */

.contacts-panel-main table .col1 {width: 24px;}
.contacts-panel-main table .col6 {width: 80px;}

/*#export-modal.modal,
#import-modal.modal{
    margin-top: -110px;
}*/

.contacts-panel-main table tr:hover .star {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  cursor: pointer;
}

.contacts-panel-main .contacts-connection {
    margin-bottom: 10px;
}

/* Contacts Popout and Dock */
#contact-groups {
  width: 100%;
}

.pull-up {
  margin-top: -4px !important;
}

/***********************************************************************
 * Conferences
 */

.conferences-panel-main {
  clear: both;
  margin: 0 auto 0 auto;
}

#view-participants .modal-body {
  margin-top: 5px;
  height: 450px;
  overflow-y: scroll;
}

#view-participants .modal-footer .input-append {
  margin-bottom: 0px;
  float: left;
}

#view-reports .modal-body{
  padding-top: 0;
  height: 450px;
  overflow-y: scroll;
}

#view-reports .modal-datepicker {
  width: 555px;
  position: fixed;
  padding-top: 10px;
  background: white;
  border-bottom: 1px solid #eee;
}

#view-reports #main_table {
  margin-top: 50px;
}

#view-reports .table-hover tbody tr.subtable:hover td,
#view-reports .table-hover tbody tr.subtable:hover th {
  background-color: #fff;
}

.reports-toolbar-row + .reports-toolbar-row {
  margin-top: 10px;
}

.reports-toolbar-row .input-append {
  margin: 0;
}

.report-email-selector{
  height: 105px
}

.report-email-selector select{
  height: 100%;
}


#modal_stats_table_details.filter-queue .cc-details-queue,
#modal_stats_table_details.filter-queue .cc-details-queueName {
  display: none;
}

#modal_stats_table_details.filter-agent .cc-details-agentUser,
#modal_stats_table_details.filter-agent .cc-details-agentName {
  display: none;
}

#modal_stats_table_details.filter-dnis .cc-details-dnis {
  display: none;
}

#modal_stats_table_details .cc-details-row-positve {
  background-color: #D1F8D1;
}

#modal_stats_table_details .cc-details-row-negative {
  background-color: #ffc2c0;
}



/* defaults to disabled */
#modal_stats_table_details .cc-details-callid,
#modal_stats_table_details .cc-details-row,
#modal_stats_table_details .cc-details-ahTime,
#modal_stats_table_details .cc-details-acwTime {
  display: none;
}

#modal_stats_table_details .cc-details-btn {
  text-align: right;
}

#participants-table th:nth-of-type(3),
#participants-table td:nth-of-type(3) {
  text-align: center;
}

#participants-table th:nth-of-type(5),
#participants-table td:nth-of-type(5) {
  width: 60px;
}

.participant-mode {
  width: 110px;
}

#modal_stats_table th:nth-of-type(1),
#modal_stats_table td:nth-of-type(1) {
  width: 10px;
}



/***********************************************************************
 * Inventory
 */

.inventory-panel-main {
	margin: 0 auto 0 auto;
  position: relative;
}

.inventory-panel-main .nonecreated {
  top: 180px;
}

.inventory-panel-tab {
	height: 100%;
}

#chkboxAlert {
  clear: both;
  text-align: center;
  margin-bottom: 8px;
}

#bulkedit-phonenumbers {
  width: 562px;
}

#bulkedit-phonenumbers .control-label {
  width: 120px;
}

#bulkedit-phonenumbers .controls {
  margin-left: 130px;
}

.bulk-edit-checkbox-container {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	position: relative;
	top: 27px;
}

.bulk-edit-input-container {
	display: inline-block;
	vertical-align: middle;
	width: 190px;
}

.bulk-edit-checkbox {
	margin: 0;
}



#numberlist-div .accordion-body {
  overflow-y: auto;
  padding: 8px 10px;
  height:220px;
}

#add-treatment-rule {
  margin-left: 5px;
}

#edit-number textarea {
  min-height: 50px;
}

/* 911 numbers */
#emerg-map-canvas-outer {
  margin-top: 20px;
  height: 280px;
  width: 300px;
  border: 1px solid #eee;
}

#emerg-map-canvas {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#validate-address-message {
  margin: 15px 0 10px;
}

.builder-column {
  min-height: 250px;
}


/***********************************************************************
 * Music On Hold
 */

.music-panel-main {
  clear: both;
	margin: 0 auto 0 auto;
}

.music-panel-main table .col1 { width: 35px; }
.music-panel-main table .col2 { width: 35px; }
.music-panel-main table .col3 { width: 400px; }
.music-panel-main table .col4 { width: 100px; }
.music-panel-main table .col5 { width: 250px; }
.music-panel-main table .col6 { width: 100px; }

.music-panel-enable {
	padding: 30px 0 10px 10px;
}

/*#music-settings.modal {
  margin-top: -170px;
}

#write-music.modal {
  margin-top: -110px;
}*/


/***********************************************************************
 * Time Frames
 */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; padding-left: 5px;}
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-tpicker-grid-label tr td:hover {color: #404040;}

.timeframes-panel-main {
	clear: both;
	margin: 0 auto 0 auto;
}

.timeframes-table-index {
  table-layout: fixed;
}

.timeframes-table-index .col1 { width: 35%; }
.timeframes-table-index .col2 { width: 25%; }
.timeframes-table-index .col3 { width: 20%; }
.timeframes-table-index .col4 { width: 20%; }

/*remove margin from time frame informational popovers*/
table.no-margin {
	margin: 0 0;
}

.timeframes-table-user .col1 { width: 25%; }
.timeframes-table-user .col2 { width: 10%; }
.timeframes-table-user .col3 { width: 10%; }
.timeframes-table-user .col4 { width: 20%; }
.timeframes-table-user .col5 { width: 20%; }
.timeframes-table-user .col6 { width: 10%; }
.timeframes-table-user .col7 { width: 5%; }


/*#write-timeframe table.form-table.checkfield {
  width: 550px;
}*/

#write-timeframe table.form-table.checkfield tr td {
  height: 50px;
  padding: 10px;
}

#write-timeframe table.form-table.checkfield tr td:nth-of-type(1) {
  width: 95px;
}

#write-timeframe table.form-table.checkfield tr td:nth-of-type(2) {
  width: 715px;
}

#write-timeframe table.form-table.checkfield tr td:nth-of-type(3) {
  text-align: right;
}

#write-timeframe .controls-parent-center {
  display: flex;
  justify-content: center;
  margin-left: 0;
}

.ui-slider-handle div.slider-tooltip {
  top: -34px;
  display: none;
  white-space: nowrap;
}

.ui-slider-handle:hover div.slider-tooltip,
.ui-slider-handle:active div.slider-tooltip
{
  display: block;
}

.ui-slider-disabled .ui-slider-handle:hover div.slider-tooltip,
.ui-slider-disabled .ui-slider-handle:active div.slider-tooltip
{
  display: none;
}

.slider-timeframe-labels {
  position: relative;
  width: 100%;
  list-style: none;
  margin:0;
  padding:0;
}

.slider-timeframe-labels dd {
  position: absolute;
  margin-left: -25px;
  text-align: center;
  width: 50px;
  font-size: 10px;
  color: #999999;
}

.slider-timeframe-labels dd:nth-of-type(1) {
  left: 0%;
}

.slider-timeframe-labels dd:nth-of-type(2) {
  left: 25%;
}

.slider-timeframe-labels dd:nth-of-type(3) {
  left: 50%;
}

.slider-timeframe-labels dd:nth-of-type(4) {
  left: 75%;
}

.slider-timeframe-labels dd:nth-of-type(5) {
  right: 0%;
  margin-right: -20px;
}


/***********************************************************************
 * recurring timeframes
 */
 .week-controls-table {
  min-width: 80%;
  border-collapse: separate;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.week-controls-table td {
  border-bottom: solid #ccc 1px;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}

.week-controls-table tr:last-child td {
  border-bottom: none;
}

 .week-controls-box {
  box-sizing: border-box;
}

.control-group-title {
    margin-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

.controls-box:last-child {
    border-bottom: 1px solid #ccc;
}

.checkbox-container {
    align-items: center;
    min-height: 30px;
    padding:10px;
}

.checkbox.dayOfWeek {
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.time-input-row {
    display: flex;
}
.time-input-row-added {
    padding-top: 10px;
}

.time-of-day {
    width: 82px !important;
}
.time-input-row .helpsy {
    margin-top: 4px;
}

.date-of-day {
    width: 100px !important;
}

.flex-container-day-of-the-week {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.copy-to-all {
    visibility: hidden;
    margin-top: 4px;
    margin-left: 20px;
    margin-right: 4px;
}

.week-controls-box:hover .copy-to-all {
    visibility: visible;
}

.action-col {
    text-align: right;
}

.custom-timeframe-add-button .dropdown-menu > li > a.text-red {
    color: red !important;
}

.custom-timeframe-add-button .dropdown-menu > li > a.text-red:hover {
    background-color: red !important;
    color: white !important;
}


/***********************************************************************
* specific dates recurring timeframes style
*/

.date-picker-pair {
  display: flex;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  width: 86%;
}
.time-input-row-sd {
}
.specific-date-rows {
  display: flex;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px 8px 10px 12px;
  margin-bottom: 10px;
  flex-direction: column;
  width: 86%;
  max-height: 400px;
  overflow-y: auto;
}

.specific-date-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px;
}

.specific-date-rows .grid-container {
  display: grid;
  grid-template-columns: 1.4fr 1.1fr 0.25fr 1.4fr 1.1fr 0.5fr;
  gap: 8px;
  align-items: center;
}

.specific-date-rows .grid-row {
  display: contents;
}

.specific-date-rows .grid-item {
  padding: 2px;
  border-radius: 4px;
}
.specific-date-rows .grid-item-date-2 {
  text-align: left;
}
.specific-date-rows .no-dates-message {
  width: 100%;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}

.specific-dates-ends-row {
  display: flex;
  align-items: center;
  justify-content: start;
}

.specific-dates-ends-select, .specific-dates-ends-date {
  margin-right: 10px; /* Adjust as needed */
}

.grid-item-delete {
  cursor: pointer;
}

/***********************************************************************
 * Holidays
 */
.holiday-time-picker-pair {
    display: flex;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    width: 55%;
}

.workweek-selector label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    font-size: small;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 5px;
}

.workweek-selector input[type="checkbox"] {
}

.workweek-selector input[type="checkbox"]:checked + label {
    background-color: #006eb7; /* blue background for selected */
    color: white; /* text color for selected */
}

.workweek-selector {
    padding-top: 10px;
}

.workweek-observe-day-options .input-prepend .add-on {
  min-width: 30px;
  font-size: small;
}

.workweek-observe-day-options li {
  margin-bottom: 10px;
}

.observance-holiday-is-on-day {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
}

.observance-holiday-day-label {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #d7d7d7;
    cursor: pointer;
    transition: background-color 0.3s;
    color: #000;
}
.holiday-is-on-day-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.observance-additional-left-space {
    padding-left: 168px;
}

/***********************************************************************
 * Custom timeframes
 */



/***********************************************************************
 * Users
 */

.users-panel-main {
	position: relative;
  clear: both;
	margin: 0 auto 0 auto;
}

.users-panel-main .nonecreated {
  position: absolute;
  top: 40%;
  margin-top: -30px;
  width: 100%;
}

.users-panel-button {
	width: 100%;
	margin: 10px 0;
}

.users-button-import {
	float: right;
}

.users-table-directory {
	width: 100%;
}

.users-pager-directory {
}

.rules-panel-main {
  clear: both;
  position: relative;
  width: 100%;
  min-height: 420px;
  padding-bottom: 108px;
}

.rules-panel-main > .form-actions {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}

select#AnswerruleNoAnswerTimeout {
  margin-bottom: 0;
  width: 80px;
}

#allowblock-lists.modal {
  width: 500px;
  margin-left: -250px;
  /*margin-top: -230px;*/
}

#allowblock-lists .row {
  width: 460px;
  margin: 0 auto;
}

#allowblock-lists #allow-div {
  margin-left: 0;
}

#allowblock-lists #spam-div {
  margin-left: 0;
}

#allowblock-lists .row .btn {
  width: 42px;
}

#allowblock-lists .well {
  background-color: #fff;
  padding: 0;
  margin-bottom: 0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px ;
  border-radius: 0 0 4px 4px ;
}

#allowblock-lists #block-div .well {
  -webkit-border-radius: 0 0 0 0 ;
  -moz-border-radius: 0 0 0 0 ;
  border-radius: 0 0 0 0 ;
}

#allowblock-lists .allowblock-input {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border: 1px solid #E3E3E3;
  border-bottom: none;
  padding: 0 5px 1px;
}

#allowblock-lists table {
  width: 100%;
}

#allowblock-lists table td {
  padding: 1px 10px;
}

#allowblock-lists table td:first-child {
  padding: 1px 12px;
}

#allowblock-lists table td:last-child {
  text-align: center;
  width: 14px;
  padding: 1px 5px;
}

#allowblock-lists table tbody tr:hover td {
  background-color: whiteSmoke;
}

#allowblock-lists table tr td a {
  display:block;
  height: 16px;
  width: 16px;
}

#allowblock-lists table tr td a .waiting{
  height: 16px;
  width: 16px;
  margin-left: 0;
  vertical-align: baseline;
  cursor: default;
}

#allowblock-lists table tr td a i {
  vertical-align: baseline;
}

#allowblock-lists #allow-div .allowblock-table {
  height: 220px;
  overflow-y: scroll;
}

#allowblock-lists #block-div .allowblock-table {
  height: 184px;
  overflow-y: scroll;
}

#allowblock-lists .allowblock-input input[type="text"] {
  width: 153px;
}

#allowblock-lists .allowblock-anon {
  background-color: whiteSmoke;
  border: 1px solid #E3E3E3;
  border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  padding: 5px 5px 5px 10px;
}

.allowblock-anon .checkbox .waiting {

  height: 16px;
  width: 16px;
  margin-left: 0;
  cursor: default;
}

#allowblock-lists .spam-input {
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E3E3E3;
  padding: 0 5px 5px;
}

.blocknumbers-modal {
    width: 400px !important;
    margin-left: -200px !important;
}

.blocknumbers-modal .caption {
    margin-bottom: 0;
    padding: 8px 16px;
    color: #999999;
}

.blocknumbers-modal .modal-body {
    padding: 0 4px 4px;
}

.blocknumbers-modal .row {
    width: unset !important;
}

.blocknumbers-modal .block-div {
    margin-left: 0;
    width: 100%;
}

.blocknumbers-modal .allowblock-input {
    padding: 10px 10px 0 !important;
    background-color: #f5f5f5;
}

.blocknumbers-modal .allowblock-input input[type="text"] {
    width: 318px !important;
}

.blocknumbers-modal .add-rej {
    height: 30px;
}

.blocknumbers-modal #rej-list {
    height: 300px;
    padding: 8px 0;
    overflow-y: auto;
}

.blocknumbers-modal .rej-row {
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.blocknumbers-modal .rej-row-input {
    margin-top: 0;
}

.blocknumbers-modal .rej-row-number {
    flex-grow: 1;
    margin-left: 16px;
}
.blocknumbers-modal .rej-row-remove {
    display: flex;
    width: 24px;
    justify-content: center;
    padding-right: 5px;
}

.blocknumbers-modal .modal-footer {
    padding: 14px 9px 15px !important;
}

.blocknumbers-modal .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 2px;
}

.rules-panel-main table .col1 { width: 35px; }
.rules-panel-main table .col2 { width: 300px; }
/*.rules-panel-main table .col3 { width: 450px; }*/
.rules-panel-main table .col4 { width: 85px; }

.rules-panel-main .nonecreated,
.phones-panel-main .nonecreated {
  top: 180px;
}

.phones-panel-main table .registered {
  width: 8px;
}

.vmail-panel-main table .col1 {width: 20px;}
.vmail-panel-main table .col2 {width: 140px;}
.vmail-panel-main table .col3 {width: 280px;}
.vmail-panel-main table .col4 {width: 150px;}
.vmail-panel-main table .col5 {width: 70px;}
.vmail-panel-main table .col6 {width: 140px;}


/* voicemail transcription */
.vmail-transcription-row td {
  border-top: none;
}

/* tight selector because it must override bootstrap */
.table-hover tbody .vmail-transcription-row:hover > td {
  background-color: inherit;
}

.vmail-transcription-row blockquote {
  padding: 0 0 0 17px;
  margin: 10px 0 5px 8px;
}

.sort-placeholder {
	height: 40px;
}

.sort-placeholder-td {
	border: 2px dashed #fcefa1 !important; background: #fbf9ee !important; color: #363636;
}


#address-index-help {
  overflow: auto;
  padding-right: 14px;
}
#address-index-help .pull-left {
  font-size: 14px;
  line-height: 30px;
}

#recording-alert,
#save-priority {
	overflow: auto;
  padding-right: 14px;
}

#save-priority .pull-left {
  font-size: 14px;
  line-height: 30px;
}

#save-priority:after {
	clear: both;
}

/*custom width for answering rule priority save button*/
#reorder_rules.btn.medium {
	width: 100px;
	text-align: center;
}

#write-rule {
  width: 720px;
  margin-left: -360px;
}

.voicemail-panel-main .nonecreated {
	top: 198px;
}

.voicemail-panel-main {
  min-height: 438px;
}

/* messages inbox */
.vmail-panel-main .nonecreated {
  top: 180px;
}

#forward-msg-field {
  width: 164px;
}

#greetings-modal .modal-body,
#introgreeting-modal .modal-body {
  /*height: 400px;*/
  padding: 0;
  overflow-y: hidden;
}


/*#recording-modal.modal {
  margin-top: -135px;
}

#write-phone.modal {
  margin-top: -180px;
}*/

/* removed to fix modal animation jump
 *
 .add-greeting {
  padding-top: 10px;
}*/

.greetings-table.scrollable {
  /*height: 380px;*/
  padding: 10px;
  position: relative;
}

.greetings-table.scrollable.nohide {
  height: 157px;
}

.form-horizontal .new-greeting-group {
  margin-bottom: 10px;
  margin-top: 10px;
}

.phone-name {
  line-height: 18px;
  font-size: 13px;
  height: 18px;
  display: block;
  padding: 8px;
}

.fileupload {
  overflow: hidden;
  position: relative;
}
.fileupload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.upload-label {
  padding-top: 0 !important;
}

div#add-greeting-btn.form-actions {
  background: none;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px 20px 10px 180px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

div.admin-panel-main label.advanced-btn-label {
  display: inline-block;
  margin-top: 6px;
  margin-left: 15px;
  vertical-align: top;
}

div.admin-panel-main #status-label-message {
  margin-left: 10px;
}


.selected-list {
  max-height:300px;
  overflow:auto;
  margin: 4px 6px 5px 16px;
}

div#bulkaction-users div#action-div label#user-bulk-action-email {
  margin-top: 10px;
}

div#bulkaction-users div.modal-body {
  height: 380px;
}

div#bulkedit-users div.modal-body {
  height: 600px;
}

div#user-reset-loading {
  height: 465px;
}

div#reset-user #user-reset-loading {
  height: 395px;
}

div#reset-user #user-recycle-container {
  height: 367px;
}

div#user-reset-progress-bar {
  height: 465px;
  width: 75%;
  margin: 0 auto;
  display: none;
}

div#user-reset-progress-bar > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

div#user-reset-progress-bar div#reset-progress-title {
  margin-bottom: 75px;
}

div#user-reset-progress-bar div#reset-progress-title h3,
div#user-reset-progress-bar div#reset-progress-message p {
  text-align: center;
}

div#user-reset-progress-bar div#reset-progress-message {
  margin-top: 50px;
}

div#bulkaction-users div.modal-footer {
  height: 30px;
}

div#user-recycle-container {
  margin-left: 110px;
}

div#user-recycle-container .recycle-input-group {
  margin-bottom: 16px;
}

div#user-recycle-container .label-container {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
}

div#user-recycle-container .label-container label {
  float: right;
  margin-bottom: 0px;
}

div#user-recycle-container div.recycle-text {
  display: inline-block;
  margin-left: 13px;
}

div#user-recycle-container div.recycle-text input,
div#user-recycle-container div.recycle-text span {
  margin-bottom: 0;
  width: 180px;
}

div.user-reset-options {
  width: 250px;
  margin-left: 200px;
}

div#reset-checkbox-container div#reset-optional {
  position: absolute;
  left: 140px;
}

div#reset-checkbox-container div#reset-select-all {
  margin-bottom: 10px;
  margin-left: 20px;
}

div#reset-checkbox-container div#reset-select-all a {
  text-decoration: none;
}

div#reset-checkbox-header-container,
div#reset-confirmation-header-container {
  margin-bottom: 8px;
}

#reset-confirmation-header-container p {
  margin: 0px;
}

div#reset-checkbox-header-container p {
  display: inline;
}

div#reset-checkbox-header-container a {
  display: inline;
  float: right;
  text-decoration: none;
}

#reset-checkbox-container label.checkbox, #reset-menu div#reset-checkbox-container {
  margin-bottom: 11px;
}

.recycle-users-table input[type="text"] {
  width: 150px;
}

.recycle-users-table input {
  margin: 0px;
}

.recycle-users-table td {
  vertical-align: middle;
}

.recycle-users-table td#recycle-user-welcome {
  text-align: center;
}

.import-users-table-container .import-users-table td {
  line-height: 27px;
}

.import-users-table-container {
  min-height: 484px;
}

.import-users-table .delete {
  cursor: pointer;
}

.import-users-table .tooltip-inner {
  line-height: 20px;
}

#import-details-modal .modal-header,
#import-details-modal .modal-body,
#import-details-modal .modal-footer {
  display: block;
}

.users-call-center-row {
  /*min-height: 388px;*/
}

.affix-form-actions {
  -webkit-transition:all .23s linear;
  -moz-transition:all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition:all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition:all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
     -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
          box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.affix-form-actions.scroll-to-fixed-fixed {
  margin-bottom: 0;
  -webkit-box-shadow: 0px -5px 12px -5px rgba(0,0,0,.35);
     -moz-box-shadow: 0px -5px 12px -5px rgba(0,0,0,.35);
          box-shadow: 0px -5px 12px -5px rgba(0,0,0,.35);

}

/* snapmobile modal */
.snapmobile-description-table {
  vertical-align: top;
  margin-bottom: 20px;
}

.snapmobile-description-table td:first-child {
  width: 180px;
  text-align: center;
  vertical-align: top;
}

.snapmobile-image {
  max-height: 120px;
  border-radius: 20%;
}

.snapmobile-creds-table {
  width: 100%;
  margin-bottom: 20px;
}

.snapmobile-download-table {
  width: 90%;
  margin: 0 auto;
}

.snapmobile-download-table td {
  width: 50%;
  vertical-align: middle;
}

/***********************************************************************
 * Domains
 */


/***********************************************************************
 * SIP Trunks
 */

#write-siptrunk .modal-body {
  overflow-y: scroll;
  min-height: 350px;
}

#write-siptrunk .accordion-heading [class^="icon-chevron"] {
  position: absolute;
  top: 12px;
  right: 15px;
}

#write-siptrunk .accordion {
  margin-bottom: 0;
}

#siptrunk-edit-limitations {
  min-height: 300px;
}

#siptrunk-edit-limitations .siptrunk-limit-group{
  padding-top: 25px;
}

#siptrunk-edit-itrunk .bootstrap-switch{
      margin-left: 20px;
}

#collapse-limitations .accordion-inner {
  padding-top: 20px; /*slider tooltip fix for overflow problems in accordiong*/
  padding-bottom: 16px;
}

.limitation-slider {
    width: 250px;
    margin-top: 9px;
}

.slider-limitations-labels {
  position: relative;
  width: 260px;
  list-style: none;
  margin:0;
  padding:0;
}

.slider-limitations-labels dd {
  position: absolute;
  margin-left: -17px;
  text-align: left;
  font-size: 9px;
  color: #999999;
}

.slider-limitations-labels dd:nth-of-type(1) {left: 0;}
.slider-limitations-labels dd:nth-of-type(2) {left: 53%;}
.slider-limitations-labels dd:nth-of-type(3) {left: 100%}

/***********************************************************************
 * Route manager / route profiles
 */

#write-routeprofile .modal-body {
  overflow-y: scroll;
}

.route-options .accordion-heading {
  padding: 5px 10px;
  min-height: 50px;
}

.route-options .accordion-heading .input-append {
  margin: 10px;
}

.route-options .accordion-heading .icon-plus {
  -khtml-opacity: 1;
    -moz-opacity: 1;
         opacity: 1;
}

.route-options .accordion-inner {
  position: relative;
  min-height: 120px;
}

.route-percent .slider-value {
  display: none;
}

#pct-remaining-slider {
  filter: alpha(opacity=95);
  -khtml-opacity: 0.95;
  -moz-opacity: 0.95;
  opacity: 0.95;
}
.pct-remaining {
    width: 190px;
    margin: 16px;
}
#pct-equal-btn {
  margin: 10px 0 0 0;
}
.trunk-method-table {
    width: 100%;
}
.trunk-method-table td {
    vertical-align: middle;
    padding: 4px 7px;
    line-height: 24px;
}
.trunk-method-table .delete-cell {
    width: 35px;
}
.trunk-method-table .trunk-slider {
    width: 350px;
}
.trunk-method-table .trunk-sort {
    width: 55px;
}
.trunk-method-table .sort-icon {
    vertical-align: middle;
    margin: 0 0 1px 3px;
}
.trunk-method-table .trunk-name input {
    display: none;
}

.trunk-method-table .trunk-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trunk-method-table tr + tr td {
  border-top: 1px solid #ddd;
}

.slider-remaining-labels {
  width: 190px;
}

/***********************************************************************
 * Notices and Errors (modified from cake.generic.css)
 */
.flashMessage,
#flashMessage {
  position: relative;
  width: 400px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 7px 15px;
  margin: 10px auto 12px auto;
  z-index: 9999;
  visibility: visible;
}

.flashMessage.login-message {
  position: absolute;
  top: 0px;
  margin-left: -216px;
  left: 50%;
}

.popout-container .flashMessage {
  width: 70%;
}

.message,
.error-message,
.error,
.notice,
.success {
  color: #fff;
}
.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
}
.error {
	background-color: #e32;
	color: #fff;
	/*font-family: Courier, monospace;*/
	/*font-size: 120%;
	line-height: 140%;*/
	padding: 0.8em;
	/*margin: 1em 0;*/
}
.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	/*font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;*/
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

.highlight {
	background: #F3F781; /* #D9EDF7	*/
}

.red-highlight {
    color: #EE5F5B !important;
    font-weight: bold;
}
.red-highlight:hover {
    color: #fff !important;
    background-color: #da4f49 !important;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)) !important;
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f) !important;
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f) !important;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important;
    border-color: #bd362f #bd362f #802420 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) !important;
}

.read-only-msg,
.dirty {
    float: right;
    font-style: italic;
    transition: 250ms all;
    line-height: 30px;
    z-index: 0;
    display: inline-block;
}
.modal-footer .read-only-msg,
.modal-footer .dirty {
    float: none;
}
.read-only-msg span,
.dirty span {
    transition: 500ms all;
    opacity: .5;
}
.dirty:before {
    transition: 250ms all;
    opacity: .75;
    color: #f0ad4e !important;
    content: "\f071";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;
    top: 3px;
    position: relative;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid #CCC;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-left: 10px solid #CCC;
}

.import-phones-table-container .import-phones-table td {
  line-height: 27px;
}

.import-phones-table-container {
  min-height: 120px;
}

.popover-content p {
  padding-bottom: 5px;
  margin-bottom: 0;
  /*color: #999999;*/
}

.scrollable-mpanel, .scrollable-mpanel2 {
    height: 300px;
    overflow: auto;
}

.mms-media-image img {
    border-radius: 5px;
    margin-bottom: 2px;
    cursor: pointer;
}
.mms-media-image video {
    border-radius: 5px;
    margin-bottom: 2px;
    cursor: pointer;
}
.mms-media-image {
    display: none;
}
.mms-file-uploader {
    padding: 5px;
    height: auto !important;
    display: none;
    background: rgba(255, 255, 255, 0.0);
}
.mms-file-uploader .progress {
    height: 20px;
    display: none;
}
.mms-file-upload-message-container {
    width: 263px;
    height: 100%;
    padding-top: 180px;
    position: absolute;
    z-index: 100000;
    background-color: white;
    opacity: 0.8;
    text-align: center;
    vertical-align: middle;
    display: none;
}
.mms-file-upload-message-container .drop-target-message {
    background-color: #fefefe;
    padding: 8px;
    text-align: center;
    width: 85%;
    height: 4%;
    border: 2.1px dashed #999;
    border-radius: 20px;
    color: #444;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.mms-file-upload-btn {
    position: relative;
    width: 20px;
    overflow: hidden;
    left: 227px;
    top: 5px;
    z-index: 3;
    cursor: pointer;
}
.mms-file-upload-btn .fa {
    margin-left: 5px;
    margin-top: 2px;
}
.mms-media-input {
    display: none;
}
.mms-lightbox-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100vw;
    min-height: 100vh;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}
.mms-lightbox-image img {
    max-width: 85vw;
    max-height: 90vh;
    display:block;
    margin:auto;
    border-radius: 5px;
    cursor: auto;
    border: 10px rgba(0,0,0,0.5) solid;
}
.mms-lightbox-image .progress {
    width: 100px !important;
    margin:auto;
    width: 50vw !important;
    display:block;
}
.mms-lightbox-controls {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
    display: flex;
    flex-direction: column;
}
.mms-lightbox-controls > * {
    margin: 3px;
    margin-top: 6px;
    display: flex;
}
.mms-lightbox-controls > button {
    justify-content: center;
    color: rgb(255,255,255) !important;
}
.mms-no-scroll {
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    top: 0px;
}
/* End clarity added for mms */

/*  EMOJI PICKER */
.intercom-composer-popover-input{
    font-size-adjust: none;
    font-size: 100%;
    font-style: normal;
    letter-spacing: normal;
    font-stretch: normal;
    font-variant: normal;
    font-weight: 400;
    font: normal normal 100% "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    text-align-last: auto;
    text-decoration: none;
    -webkit-text-emphasis: none;
    text-emphasis: none;
    text-height: auto;
    text-indent: 0;
    text-justify: auto;
    text-outline: none;
    text-shadow: none;
    text-transform: none;
    text-wrap: normal;
    alignment-adjust: auto;
    alignment-baseline: baseline;
    -webkit-animation: none 0 ease 0 1 normal;
    animation: none 0 ease 0 1 normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    azimuth: center;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: none 0 0 auto repeat scroll padding-box transparent;
    background-color: transparent;
    background-image: none;
    baseline-shift: baseline;
    binding: none;
    bleed: 6pt;
    bookmark-label: content();
    bookmark-level: none;
    bookmark-state: open;
    bookmark-target: none;
    border: 0 none transparent;
    border-radius: 0;
    bottom: auto;
    box-align: stretch;
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
    box-direction: normal;
    box-flex: 0.0;
    box-flex-group: 1;
    box-lines: single;
    box-ordinal-group: 1;
    box-orient: inline-axis;
    box-pack: start;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-column-break-after: auto;
    break-after: auto;
    -webkit-column-break-before: auto;
    break-before: auto;
    -webkit-column-break-inside: auto;
    break-inside: auto;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    color-profile: auto;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    -webkit-column-rule: medium medium #1f1f1f;
    -moz-column-rule: medium medium #1f1f1f;
    column-rule: medium medium #1f1f1f;
    -webkit-column-span: 1;
    -moz-column-span: 1;
    column-span: 1;
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    -webkit-columns: auto auto;
    -moz-columns: auto auto;
    columns: auto auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    crop: auto;
    cursor: auto;
    direction: ltr;
    display: inline;
    dominant-baseline: auto;
    drop-initial-after-adjust: text-after-edge;
    drop-initial-after-align: baseline;
    drop-initial-before-adjust: text-before-edge;
    drop-initial-before-align: caps-height;
    drop-initial-size: auto;
    drop-initial-value: initial;
    elevation: level;
    empty-cells: show;
    fit: fill;
    fit-position: 0 0;
    float: none;
    float-offset: 0 0;
    grid-columns: none;
    grid-rows: none;
    hanging-punctuation: none;
    height: auto;
    hyphenate-after: auto;
    hyphenate-before: auto;
    hyphenate-character: auto;
    hyphenate-lines: no-limit;
    hyphenate-resource: none;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    icon: auto;
    image-orientation: auto;
    image-rendering: auto;
    image-resolution: normal;
    inline-box-align: last;
    left: auto;
    line-height: inherit;
    line-stacking: inline-line-height exclude-ruby consider-shifts;
    list-style: disc outside none;
    margin: 0;
    marks: none;
    marquee-direction: forward;
    marquee-loop: 1;
    marquee-play-count: 1;
    marquee-speed: normal;
    marquee-style: scroll;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    move-to: normal;
    nav-down: auto;
    nav-index: auto;
    nav-left: auto;
    nav-right: auto;
    nav-up: auto;
    opacity: 1;
    orphans: 2;
    outline: medium none invert;
    outline-offset: 0;
    overflow: visible;
    overflow-style: auto;
    padding: 0;
    page: auto;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    page-policy: start;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    pointer-events: auto;
    position: static;
    presentation-level: 0;
    punctuation-trim: none;
    quotes: none;
    rendering-intent: auto;
    resize: none;
    right: auto;
    rotation: 0;
    rotation-point: 50% 50%;
    ruby-align: auto;
    ruby-overhang: none;
    ruby-position: before;
    ruby-span: none;
    size: auto;
    string-set: none;
    table-layout: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    transition: all 0 ease 0;
    unicode-bidi: normal;
    vertical-align: baseline;
    white-space: normal;
    white-space-collapse: collapse;
    widows: 2;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: auto;
    text-align: start;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.intercom-composer-popover {
    z-index: 2147483003;
    position: absolute;
    bottom: 50px;
    /* right: calc(50% - 165px); */
    box-shadow: 0 1px 15px 1px rgba(0,0,0,.08);
    background-color: #fff;
    border-radius: 6px;
    transition-duration: 200ms;
    transition-delay: 0ms;
    transform-style: flat;
    transform-origin: 50% 50% 0;
    opacity: 0;
    transition: all 0.2s linear;
    visibility: hidden;
}
.intercom-composer-popover.active{
  visibility: visible;
  opacity:1;
  bottom: 34px;
  border: 1px solid rgba(0,0,0,0.2);
  border-style: solid;
  border-width: .5px;
  /* border-radius: 6px 6px 0 0; */
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,.35);
     -moz-box-shadow: 0 0 7px rgba(0,0,0,.35);
          box-shadow: 0 0 7px rgba(0,0,0,.35);

}
.intercom-emoji-picker {
    width: 206px;
    height: 260px;
}
.intercom-composer-popover-header {
    position: absolute;
    top: 2px;
    left: 20px;
    right: 20px;
    height: 40px;
    border-bottom: 1px solid #edeff1;
}
.intercom-composer-popover-input {
    top: 5px;
    position: absolute;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 6px 12px;
    font-weight: 400;
    font-size: 14px;
    color: #6e7a89;
    padding-left: 25px;
    height: 32px;
    width: 100%;
    box-sizing: border-box;
    border:none;
    outline: none;
}
.intercom-composer-popover-body {
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    bottom: 5px;
    padding-right: 1px;
    padding: 0 20px;
    overflow-y: scroll;
    /* for disabling highlight of the emoji text */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.intercom-emoji-picker-group {
    margin: 10px -5px;
}
.intercom-emoji-picker-group {
    margin: 10px -5px;
}
.intercom-emoji-picker-group-title {
    color: #b8c3ca;
    font-weight: 400;
    font-size: 13px;
    margin: 5px;
}
.intercom-emoji-picker-emoji {
    padding: 5px;
    width: 30px;
    line-height: 30px;
    display: inline-table;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    font-size: 28px;
    transition: -webkit-transform 60ms ease-out;
    transition: transform 60ms ease-out;
    transition: transform 60ms ease-out,-webkit-transform 60ms ease-out;
    transition-delay: 60ms;
    font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
}
.intercom-emoji-picker-emoji:hover {
    transition-delay: 0ms;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.intercom-composer-popover-caret {
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    left:6px;
    border-style: solid;
    border-width: 5px;
}

.chat-input-tool{
  background-color: transparent;
  border:none;
  border-radius: 5px;
  position: absolute;
  bottom: 4px;
  left: 1px;
  outline:none;
}

.page-container{
  padding-left: 80px;
  padding-right: 80px;
  min-width: 980px;
}

 @media only screen and (max-width: 1280px) {
   .page-container{
     padding-left: 0px;
     padding-right: 0px;
   }
 }

 /***********************************************************************
 * Cradle To Grave
 */

 .cradle-timeline {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: rgb(5 3 3 / 80%);
  font-family: 'Chivo', sans-serif;
  margin: 25px auto;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding: 25px;
  list-style: none;
  text-align: left;
  font-weight: 100;
  max-width: 30%;
}

.cradle-timeline .event {
  padding-bottom: 25px;
  position: relative;
  border-left: 4px solid #e0e0e0;
  padding-left: 25px;
  margin-left: -25px;
  width: 580px;
}

.cradle-timeline .event p{
  width: 570px;
}

.cradle-timeline .event.ctg-dashed {
    border-left: 4px dashed #e0e0e0;
}

.cradle-timeline .event.ctg-call::after {
    content: "\e913";
}

.cradle-timeline .event.ctg-queue::after {
    content: "\e916";
}

.cradle-timeline .event.ctg-forward::after {
    content: "\e907";
}

.cradle-timeline .event.ctg-ringing::after
{
  background: #e0e0e0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAC6ElEQVRoge3ZTYhVdRjH8c+8NNkMKUWI9gIxFoIUQdRCSGlhWJuICClyJYEQ5EJ3EripXYsWDVZudVcgoptoUSK16EWQikqa8qVQ8yXT0aHRpsVzLl3/05055/zv1ZHOFx64l3t+z/N7zj33nOf/vzQ0NDR0gedwCifx7A32ksWvmC7ieC8L9fUyuWjgutQbnOPzYTyPKXyAq70y0oFBvIABfIjJuon2+PfSeLeGfjqJqrzXpt1dQw+GcKUt0RWMVsyR08hoUn/K3FdQR75OjIxV1Oc0MpZov6qov4b1SbLLWFJBX7eRxbiUaF+uoJ/BIH5JEr5RQV+3kTcT3VHcUkH/n2xKkv6BRSW1dRq5HWcT3WsV/HZkWDyd2xNvLqn9uU0zXlKzJal1GiMV/M7KtiT5MXFXm4tnimOP4ekSxw8Vx7bX2lbDb0fuxIWkwBPdLFCwOqlxEXeVEfaXLHDWzAfi6bLuKvB78n57L+rcKu7tn2FDt5O3saGo8U5Rs6GhoaFh/lJ3DX0fHsKDWIq7xXh/D24To8aIeOC2Bszz+BsT+EuM6b/hhNikOIEf8Y0aGxVlGhnCSqwRI8TDuKNqoYqcwyHsx8f4XKwQKzOAtdgl5p10HL/ecQE78ZSSY9UQNpq5mJpPMY5XzLLQehKH54HRsvE9VqVNvC5+iDfaXNW4iq2tJl6aB4ZyY90A3sID6Vd0kzHSJ+7lSzOSnBQLoPEiJvCn2DqaLF7DQiwQz5mF4jkzWsSrYguoLseJ+3PO1/p+hoEWOzI9XO6XsQ1Z8EmmHj7N1A8Sl0DO2bg30wQx8uR4mCCur7oJDnehiRY/Zfg40i9vl+KjDG03c52BfeqdhUkszyiesqLIWcfL3n71tuuPYB1+yDTfznd4UWxYV+VgH5aJkXm4w0HnRbNfFPGlaKSX3I/H8HgRj+q8cX4Jj7TerBFn5AwO4G3xf8Ryvf/DtAx9wst64e2AWF58K0b7hoaG/wv/AHqeDEMtP8T4AAAAAElFTkSuQmCC') no-repeat center center;
  background-size: 75%;
}

.cradle-timeline .event.ctg-answer::after {
    content: "\e903";
}

.cradle-timeline .event.ctg-hang-up::after {
    content: "\e908";
}

.cradle-timeline .event.ctg-voicemail::after {
    content: "\e91b";
}

.cradle-timeline .event.ctg-park::after {
    content: "\e914";
}

.cradle-timeline .event.ctg-aa::after {
    font-family: "Glyphicons Halflings" !important;
    content: "\e011";
}

.cradle-timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
  border-left: 4px solid rgba(255, 255, 255, 0.1);
}
.cradle-timeline .event:before,
.cradle-timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.cradle-timeline .event:before {
  left: -157.5px;
  top: 7px;
  color: rgb(0 0 0 / 40%);
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
  font-family: 'Saira', sans-serif;
}
.cradle-timeline .event > span.event-ts {
    left: -159px;
    position: absolute;
    top: -24px;
    color: rgb(0 0 0 / 28%);
    content: attr(data-date);
    font-size: 0.85em;
    font-family: 'Saira', sans-serif;
    min-width: 120px;
    text-align: right;
}
.modal-body > .cradle-timeline {
  max-width: 50%;
  padding-top: 0px;
}
.cradle-timeline .event:after {
  font-family: 'nsicon' !important;
  font-size: 24px;
  line-height: 25px;  box-shadow: 0 0 0 4px #e0e0e0;
  left: -14px;
  background: #e0e0e0;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  content: "";
  top: 3px;
}

.cradle-timeline .ctg-event-status:after {
  width: 10px;
  height: 10px;
  left: -7px;
  top: 11px;
}

.cradle-timeline .ctg-event-status p {
  color: #afafaf;
}

.cradle-timeline .ctg-event-status > span.event-ts {
  display: none;
}

.cradle-timeline .ctg-event-status:before {
  display: none;
}

.table.ui-config-table td{
  vertical-align: middle;
}

.uiconfig-table-name-description table {
  border-top: 0px solid white;
  margin-right: 15px;
  line-height: 14px;
}

.uiconfig-table-name-description table tr {
  line-height: 14px;
}


.uiconfig-table-name-description table td {
  border-top: 0px solid white;
  #max-width: 830px;
  line-height: 14px;
}

.uiconfig-table-name-description table th {
  border-top: 0px solid white;
  #max-width: 830px;
}

.uiconfig-container-description {
  white-space: nowrap;
  font-size:14px;
  padding-right:10px;
}

.uiconfig-td-name {
  white-space: nowrap;
  font-size:12px;
}

.uiconfig-span-description {
  max-width: 800px;
  margin-left: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.uiconfig-span-description-multiline {
  /*max-width: 1200px;*/
  margin-left: 0px;
  white-space: break-spaces;
}

.uiconfig-table-scopes {
  min-width: 300px;
  max-width: 1000px;
}

.uiconfig-table-scopes thead tr th:first-child,
.uiconfig-table-scopes tbody tr td:first-child {
  width: 150px;
}

.popover.uiconfig,
.popover-inner.uiconfig,
.popover-content.uiconfig {
  max-width:800px;
}

@media only screen and (min-width: 2000px) {
  #filter-complex {
    width: 1300px;
  }
  .uiconfig-span-description {
    max-width: 800px;
  }
}

@media only screen and (max-width: 2000px) {
  #filter-complex {
    width: 1000px;
  }
  .uiconfig-span-description {
    max-width: 550px;
  }
}

@media only screen and (max-width: 1800px) {
  #filter-complex {
    width: 800px;
  }
  .uiconfig-span-description {
    max-width: 400px;
  }
}

@media only screen and (max-width: 1400px) {
  #filter-complex {
    width: 600px;
  }
  .uiconfig-span-description {
    max-width: 300px;
  }
}

.uiconfig-defs .input-append {
  margin-right: 10px;
}

.uiconfig-detail-box {
  min-height: 100px;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  list-style-type: none;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #E5E5E5;
}

.uiconfig-detail-box table{
  min-height: 100px;
  margin-left: 8px;
  margin-right: 8px;
  width: calc(100% - 16px);
  border:none !important;
}
.uiconfig-detail-box .table>tbody>tr>th,
.uiconfig-detail-box .table>tbody>tr>td{
   border-top: none;
}

.uiconfig-detail-box.add-config {
  min-height: 90px;
}



@media only screen and (min-width: 1600px) {
  .widescreen-hide{
        display:none;
    		width:0;
    		height:0;
    		opacity:0;
    		visibility: collapse;
  }
}

@media only screen and (max-width: 1599px) {
  .smallscreen-hide{
        display:none;
    		width:0;
    		height:0;
    		opacity:0;
    		visibility: collapse;
  }
}

.uiconfig-filters-autocomplete{
  width: 340px;
}

.uiconfig-filters-autocomplete .selectivity-multiple-input-container {
  margin: 0px;
  background-color: white;
}

.uiconfig-filters-autocomplete .nsicon-user {
  display: none;
}

.uiconfig-filters-autocomplete input[type="text"].selectivity-multiple-input {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 150px !important;
}

.status-detail-box {
  min-height: 35px;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  list-style-type: none;
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid #E5E5E5;
}

.status-detail-box .action-container-right {
  margin:10px;
}

.status-detail-box input[type="text"] {
  width:400px;
  margin: 5px;
  margin-left: 0px;
}


#domain-modal-emergency .selectivity-multiple-selected-item {
  font-size: x-small;
}

#ringgroup-users .selectivity-multiple-input-container,
#domain-modal-emergency .selectivity-multiple-input-container {
  margin: 0px;
  max-width: 350px;
  background-color: white;
  min-height: 40px;
  max-height:1000px
}

#domain-modal-emergency .nsicon-user {
  display: none;
}

#domain-modal-emergency input[type="text"].selectivity-multiple-input {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 150px !important;
}

#domain-modal-emergency .message-autocomplete
#domain-modal-emergency .email-autocomplete
#domain-modal-emergency .call-autocomplete {
  width: 350px;
}


.control-group.control-header {
  margin-top: 20px;
  margin-bottom: 10px;
}

#write-uiconfig .control-group.control-header {
  margin-top: 15px;
  margin-bottom: 5px;
}

.control-group.control-header label {
  font-weight: bold;
}

.uiconfig-detail-box table.exisitng_new {
  min-height: 20px;
}

.uiconfig-detail-box table.exisitng_new th {
  padding-top:15px;
  padding-bottom:1px;
  padding-left:2px;
}

.uiconfig-detail-box.bg-info {
  background-color:#0088cc!important;
  color: white!important;
}

.uiconfig-detail-box .table th{
  background-color: unset;
  background: unset;
}



.uiconfigs-panel-main {
  min-height: 500px;
}


.uiconfig-detail-box.bg-info .target-any {
  color: white!important;
}

.uiconfig-detail-box.bg-info .checkmark {
  -webkit-filter: invert(100%); /* Safari/Chrome */
  filter: invert(100%);
}

.uiconfig-value-span {
  max-width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left:0px;
}



.pagination.defaultsbox {
  margin: unset;
  display: unset;
}

.pagination.defaultsbox a {
  padding-top: 3px;
  padding-bottom: 6px;
}

.pagination.defaultsbox ul>li {
  margin: unset;
  display: flex;
}

.pagination.defaultsbox input {
  margin-top: 4px;
}

#queuesPerAgentModal .modal-body {
  min-height: 300px;
}
.agent-status-setstatus .caret {
  border-top-color: black;
  border-bottom-color: black;
}

.btn-group .forceshow {
  font-size: initial;
  text-align: center;
}




.table th.dt-right,
.table td.dt-right  {
  text-align:right;
}

.table th.dt-nowrap,
.table td.dt-nowrap  {
  white-space: nowrap;
}

.dataTables_filter {
   float: left !important;
}

@media print {
   .dataTables_filter {
      visibility: hidden;
   }
}

.calls-waiting-transfer-dropdown .round-button:hover {
  opacity: 0.85;
}
.calls-waiting-transfer-dropdown .round-button {
  opacity: 0.15;
}


.pt20 {
  padding-top: 20px;
}

.pt10 {
  padding-top: 10px;
}

.pt5 {
  padding-top: 5px;
}

.pl20 {
  padding-left: 20px;
}

.pl10 {
  padding-left: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr10 {
  padding-right: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml10 {
  margin-left: 10px;
}

.ml-minus-10 {
  margin-left: -10px;
}

.mr20 {
  margin-right: 20px;
}


<!-- premium video / iotum -->
.more-info-link {
  color: #c09853 !important;
  font-weight: normal !important;
}

.truncate-ellipsis {
    display: inline-block;
    max-width: 200px; /* adjust width as needed */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}