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 !important;
}

body {
  background-color:  !important;
  background-image: #EEEEEE !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #474747 !important;
  /* font-weight: lighter !important; */
}


/**********************************************************************
* Attendant Overwrites
*/

.navbar-text .account-dropdown {
  color: #FFFFFF !important;
}

.dropdown > i.nsicon.nsicon-user {
  color: #18508D !important;
}

/***********************************************************************
  * Bootstrap overwrites
  */

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
  color: #FFFFFF !important;
  text-decoration: none !important;
  background-color:  !important;
  background-image: -moz-linear-gradient(top, , ) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(), to()) !important;
  background-image: -webkit-linear-gradient(top, , ) !important;
  background-image: -o-linear-gradient(top, , ) !important;
  background-image: linear-gradient(to bottom, c, c) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='c', endColorstr='c', GradientType=0) !important;
}

.uneditable-input {
  font-size: 12px !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:  !important;
  outline: 0 !important;
  outline: thin dotted \9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px !important;
}

.btn.color-primary {
  background-image: none;
}

.btn-primary {
  background-image: none;
}

.btn {
  font-size: 14px;
  font-weight: normal;
  text-shadow: none;
  border-color: #474747;
  color: #474747;
  background-image: none;
  background-color: #FFFFFF;
}

.btn:focus {
  border:0px solid rgba(0, 0, 0, 0.247059) !important;
  box-shadow: inset 1px 1px #474747;
}

.btn-large:focus {
  border:0px solid rgba(0, 0, 0, 0.247059) !important;
}

.btn-primary {
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
  background-color:  !important;
  background-image: -moz-linear-gradient(top,,) !important;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(),to()) !important;
  background-image: -webkit-linear-gradient(top,,) !important;
  background-image: -o-linear-gradient(top,,) !important;
  background-image: linear-gradient(to bottom,,) !important;
  background-repeat: repeat-x !important;
  border-color:    !important;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #FFFFFF !important;
  background-color: #38A6DE !important;
}

.btn-mini {
  border-color: #e2dfe0 !important;
}

.ui-button-success {
  background-color: #51A121 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  border-color: #51A121 !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#51A121), to(#51a121)) !important;
  background-image: -moz-linear-gradient(top, #51A121, #51A121) !important;
  background-image: -ms-linear-gradient(top, #51A121, #51A121) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51A121), color-stop(100%, #51A121)) !important;
  background-image: -webkit-linear-gradient(top, #51A121, #51A121) !important;
  background-image: -o-linear-gradient(top, #51A121, #51A121) !important;
  background-image: linear-gradient(top, #51A121, #51A121) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51A121', endColorstr='#51A121', GradientType=0) !important;
}

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

.ui-buttonset .ui-state-active {
  color: #FFFFFF;
  background-color:  !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#1865B1), to(#1865B1)) !important;
  background-image: -moz-linear-gradient(top, #1865B1, #1865B1) !important;
  background-image: -ms-linear-gradient(top, #1865B1, #1865B1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1865B1), color-stop(100%, #1865B1)) !important;
  background-image: -webkit-linear-gradient(top, #1865B1, #1865B1) !important;
  background-image: -o-linear-gradient(top, #1865B1, #1865B1) !important;
  background-image: linear-gradient(top, #1865B1, #1865B1) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1865B1', endColorstr='#1865B1', GradientType=0) !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  border-color: #1865B1 #1865B1 #1865B1 !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.label-info[href] {
  cursor: pointer !important;
  background-color:  !important;
}

.navbar > .container-fluid {
  background-color: #777B7E !important;
}

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

.btn.color-primary {
  background-color:  !important;
  /* border-radius: 8px !important; */
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to()) !important;
  background-image: -moz-linear-gradient(top, , ) !important;
  background-image: -ms-linear-gradient(top, , ) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #0064cd)) !important;
  background-image: -webkit-linear-gradient(top, , ) !important;
  background-image: -o-linear-gradient(top, , ) !important;
  background-image: linear-gradient(top, , ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0) !important;
  border-color:    !important;
  text-shadow: none !important;
}

/***********************************************************************
  * Icons and Action Buttons
  */
/* new round-button classes */

.round-button {
  background-image: url('img/round-buttons-sprite2.png') !important;
}

.round-button:hover {
  filter: alpha(opacity=55) !important;
  -khtml-opacity: 0.55 !important;
  -moz-opacity: 0.55 !important;
  opacity: 0.55 !important;
}

/* old icon classes */
.add:hover,
.del:hover,
.play:hover,
.upload:hover,
.edit: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,
.mute:hover {
  filter: alpha(opacity=99) !important;
  -khtml-opacity: 0.99 !important;
  -moz-opacity: 0.99 !important;
  opacity: 0.99 !important;
}

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

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

[class*="glyphicon-"] {
  height: 17px !important;
}

.chat-available {
  height: 8px !important;
  width: 8px !important;
  background-color: #F89C18 !important;
}

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

#login-logo {
  padding-right: 20px !important;
  padding-left: 20px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 8px;
}

#login-box {
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  max-width: 342px !important;
}

#login-fields {
  color: #474747 !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

#login-fields input:focus {
  /* border-color:  !important; */
  outline: 0 !important;
  outline: thin dotted \9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px !important;
}

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

/* #login-submit {
  background: rgba(255, 255, 255, 0.9) !important;
} */

#login-submit .btn {
  color: rgba(255, 255, 255, 0.9) !important;
  width: 262px;
  height: 100%;
  border-radius: 8px;
}
#login-submit .btn:hover {
  background-color: #38A6DE;
}

#reset-container {
  padding-bottom: 15px !important;
  /* background: rgba(255, 255, 255, 0.9) !important; */
}

#reset-links > a {
  color: #A2A2A2 !important;
}

.new-user-container > a {
  color: #A2A2A2 !important;
}

.new-user-container > a {
  color: #A2A2A2 !important;
}

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

.wrapper {
  margin-top: 0px !important;
  padding: 0px 0px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  border-style: solid !important;
  border-width: .0px !important;
  box-shadow: none !important;
}

.mask-bar {
  font-weight: lighter !important;
}

#domain-message {
  padding: 0px !important;
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.35) !important;
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,.35) !important;
  box-shadow: 0 0px 0px rgba(0,0,0,.35) !important;
}

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

#header {
  margin: 0 0 10px 0 !important;
}
#headerBanner {
  height: 64px !important;
  background-color: #FFFFFF !important;
  border-bottom: 3px solid #959595;
}

#header-logo {
  height: 60px !important;
  max-width: 170px !important;
  padding-left: 30px !important;
}

#header-logo > img {
  margin: 10px 0px 0px 0px !important;
}

#header-user {
  padding-right: 20px !important;
}

.user-toolbar > li {
  color: #474747 !important;
}
.user-toolbar > li > a {
  color: #474747 !important;
}

.user-toolbar > li + li:before {
  content: "/" !important;
}

.user-toolbar .nsicon {
  font-size: 16px !important;
  color: #FFFFFF !important;
}

.user-toolbar > .dropdown .caret {
  border-top-color: #474747 !important;
  border-bottom-color: #474747 !important;
}

.user-toolbar > li > .dropdown .dropdown-toggle i.caret {
  border-bottom-color: #474747 !important;
  border-top-color: #474747 !important;
}

.user-toolbar > li > span > a {
  color: #474747 !important;
}

/***********************************************************************
* Navigation
*/

#navigation {
  padding-top: 10px !important;
}

#nav-buttons span.nav-text {
  color: #474747 !important;
}

#navigation-subbar .divider {
  color: #474747;
}

#nav-buttons div.nav-button {
  border-color: none !important;
  background-repeat: no-repeat !important;
  background-image: none !important;
  background-color: none !important;
}

#navigation-subbar .subbar-btn {
  margin-bottom: 4px !important;
  margin-right: 11px !important;
}

#nav-msg-count {
  font-size: 10px !important;
}

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

.nav-bg-image {
  background-image: url('img/navigation-background-ocportal-thickIcons.png') !important;
  top: -1px !important;
  left: 6px !important;
  height: 65px !important;
  width: 90px !important;
}

.loading .nav-arrow,
.nav-link-current .nav-arrow {
  border-color: transparent transparent transparent !important;
  border-width: 10px !important;
}

#nav-users .nav-bg-image {
  background-position: 0 0 !important;
}

#nav-users .nav-bg-image {
        background-position: 0 0 !important;
}

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

#nav-buttons .loading a.nav-link div.nav-button,
#nav-buttons a.nav-link:hover div.nav-button {
  background-color:  !important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to()) !important;
  background-image: -moz-linear-gradient(top, , ) !important;
  background-image: -ms-linear-gradient(top, , ) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #0064cd)) !important;
  background-image: -webkit-linear-gradient(top, , ) !important;
  background-image: -o-linear-gradient(top, , ) !important;
  background-image: linear-gradient(top, , ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0) !important;
  border-color:    !important;
}

#nav-buttons a.nav-link:hover span {
  text-shadow: none !important;
}

#nav-buttons .nav-disabled a.nav-link:hover div.nav-button,
#nav-buttons .nav-disabled a.nav-link:hover span.nav-text {
        cursor: default !important;
}

#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) !important;
  -khtml-opacity: 100 !important;
  -moz-opacity: 100 !important;
  opacity: 100 !important;
}

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

#nav-buttons .nav-link-current div.nav-button {
  background-color:  !important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(), to()) !important;
  background-image: -moz-linear-gradient(top, , ) !important;
  background-image: -ms-linear-gradient(top, , ) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #0064cd)) !important;
  background-image: -webkit-linear-gradient(top, , ) !important;
  background-image: -o-linear-gradient(top, , ) !important;
  background-image: linear-gradient(top, , ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0) !important;
  border-color:    !important;
}

.navigation-title, .navigation-title:hover, .navigation-title:visited {
  color: #474747 !important;
  text-shadow: none !important;
  /* font-weight: lighter !important; */
}

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

#footer p {
  color: #a2a2a2 !important;
  font-size: small;
}

#js-debug-btn [class^="icon-"] {
  filter: alpha(opacity=100) !important;
  -khtml-opacity: 0.99 !important;
  -moz-opacity: 0.99 !important;
  opacity: 0.99 !important;
}

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

.dock-popup {
  -webkit-box-shadow: 0 0 7px  !important;
  -moz-box-shadow: 0 0 7px  !important;
  box-shadow: 0 0 7px 61 !important;
}

.dock-head {
  background-color: #959595 !important;
  color: #FFFFFF !important;
  border-radius: 3px 3px 0 0 !important;
}

.dock-submenu-buttons {
  padding-right: 10px !important;
}

.dock-submenu .dock-head-title {
  width: 160px !important;
}

.contact-name {
  color: #757575;
  font-weight: 400;
}

.sms-session-invite-buttons {
  text-align: center !important;
  padding: 5px 5px 16px !important;
}

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

#contacts-table .contact-presence-td .chat-available {
  top: 12px !important;
  left: 11px !important;
}

.uc-chat-message-box textarea {
  height: 36px !important;
}

table tr .action-buttons a {
  filter: alpha(opacity=35);
  -khtml-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
}

.new-greeting label {
  width: 80px !important;
}

.rounded {
  border: solid #959595 1px !important;
  box-shadow: 0 0px 0px rgba(0,0,0,.35) !important;
  border-radius: 8px;
}

.dialpad div[class*='key-'] {
  background-image: url('img/aa-icons-sq.png') !important;
}

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

.searchbox-icon {
  color: #959595 !important;
}

#clientError {
  margin-bottom: 0px !important;
}

.alert-danger {
  color: #E91717 !important;
}

/**** DEVOPS-183 ****/

.navbar-text>span>a {
        color: #FFFFFF !important
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a {
        text-decoration: none;
        background-color: #18508D !important;
        color: #FFFFFF !important;
        background-image: none !important;
}

a:hover {
        cursor: pointer
}

.dropdown > i.icon.icon-th, i.icon.icon-th {
        background-image: url('img/glyphicons-halflings.png');
        width: 14px;
        height: 14px;
        display: inline-block;
        background-position: -240px 0;
        background-repeat: no-repeat;
        vertical-align: text-top;
        line-height: 14px;
}

/**** DEVOPS-185 ****/

.popout-content.presence-table-container {
  margin-top: 63px !important;
}

/**** DEVOPS-194 ****/

.dockcall-onhold {
  border: 0px !important;
}

button#add-simring {
  font-size: 0px !important;
}

button.del.helpsy.rem-simring.cb-simring.cb-dnd-effect.cb-always-effect {
  font-size: 0px !important;
}

/**** DEVOPS-201 ****/

/*** Remove delete from copy vm delete button ***/
button.del.helpsy.rem-vmail-fwd.search-query.new-search {
  font-size: 0px !important;
}

/*** Remove delete from copy vm delete button ***/

#contacts-table .contact-presence-td .chat-available {
  top: 0px !important;
  left: 0px !important;
}

/*** Start TELENG-274 ***/

.table-container tbody .read td:nth-child(4) {
  word-break: break-word;
}
/*** End TELENG-274 ***/

tr:nth-child(odd) {
  background-color: #ECF1FA;
}

tr:nth-child(even) {
  background-color: #F6F8F9;
}

.home-panel-main h6 {
  border-bottom: 1px solid !important;
  border-color: #18508D !important;
  color: #18508D !important;
}

.home-panel-main h6 a {
  border-color: #18508D !important;
  color: #18508D !important;
  text-decoration: none;
}

/**Calendar Date Pickers */

.ui-datepicker th {
  background-color: #BFD9F3;
  color: #18508D !important;
}

.ui-datepicker td td .ui-state-active {
  background: #18508D !important;
}

tr.contact-row-info {
  background-color: #FFFFFF;
}

#LinkFilters {
  font-size: 13px;
}

#LinkContactsSharedcontacts {
  border-color: #18508D !important;
  color: #18508D !important;
}

/* OCPORTAL-23  */

#pageRefresh {
  border-color: #CCCCCC;
}

#chart_div_AnnotationChart_zoomControlContainer_1-week {
  border-color: #CCCCCC;
  color: #474747;
}

#chart_div_AnnotationChart_zoomControlContainer {
  border-color: #CCCCCC;
  color: #474747;
}

#chart_div_AnnotationChart_zoomControlContainer_1-day {
  border-color: #CCCCCC;
  color: #474747;
}

#chart_div_AnnotationChart_zoomControlContainer_1-hour {
  border-color: #CCCCCC;
  color: #474747;
}

#messages-dropdown {
  border-color: #CCCCCC;
  color: #474747;
}

#add-phonenumber > form > div.modal-footer > button {
  border-color: #1865B1;
  color: #1865B1;
}

#domain-message > div > div.domain-message-buttons.pull-right > a {
  border-color: #474747;
  color: #474747;
}

#LinkContactsSharedcontacts {
  border-color: #CCCCCC;
  color: #474747;
}

#NewBtn {
  border-color: #CCCCCC;
  color: #474747;
  font-size: 13px !important;
}

#content > div:nth-child(2) > div.action-container-left > a {
  border-color: #CCCCCC;
}

#content > div.action-container-row > div.action-container-right > button {
  border-color: #474747;
  color: #474747;
}

#content > div.action-container-row.row > div.span8 > a {
  border-color: #CCCCCC;
}

#content > div.conversation-panel-main > div > div.span4.conversation-column-right > div.row.conversation-topcontact-bar > div > div.conversation-contact-right.pull-right > div > button {
  border-color: #474747;
}

#LinkCdrscheduleIndex {
  border-color: #474747;
  color: #474747;
  font-size: 13px;
}

#LinkFilters {
  border-color: #474747;
  color: #474747;
  font-size: 13px;
}

#content > div.action-container-row > a {
  border-color: #474747;
  color: #474747;
  font-size: 13px;
}

#navigation-subbar {
  color: #474747;
  text-shadow: none;
  font-size: 20px;
  height: 3px !important;
  text-shadow: none;
  text-rendering: optimizeLegibility;
  font-weight: lighter !important;
  background-image: none !important;
}

/* #navigation-subbar > span {
  color: #959595;
} */

#callhistoryFiltersForm > div.modal-body > div.controls > a {
  font-size: 14px;
}

#ui-datepicker-div > div.ui-timepicker-div > dl > dd.ui_tpicker_time {
  font-family: Roboto;
  text-transform: uppercase;
  color: #38A6DE;
}
/** Filters Overrides */

#filter-type {
  background-color: #2E6A86;
}

#filter-date {
  text-transform: uppercase;
}

#filter-user {
  background-color: #2E6A86;
}

#home-callhistory-body > table > tbody {
  text-transform: uppercase;
}

#rule_select {
  border-color: #CCCCCC;
  color: #474747;
}
#greetings-form > div.modal-footer > button:nth-child(1) {
  border-color: #474747;
  color: #474747;
}

#greetings-form > div.modal-footer > button:nth-child(2) {
  border-color: #CCCCCC;
  color: #FFFFFF;
}

#upload-file > label > span {
  border-color: #CCCCCC;
  color: #474747;
}

div#add-greeting-btn.form-actions {
  border-top: none;
}

#content > div > div.voicemail-panel-main > form > div.form-actions.affix-form-actions > a.btn.back-btn.pull-left {
  border-color: #CCCCCC;
  color: #474747;
}

#content > div.contacts-panel-main > div.action-container-left > div.dropdown-button.btn-group > a {
  border-color: #CCCCCC;
  color: #474747;
}

#ButtonImportModal {
  border-color: #CCCCCC;
  color: #474747;
}

#ButtonExportModal {
  border-color: #CCCCCC;
  color: #474747;
}

#keep > div > button {
  border-color: #CCCCCC;
  color: #474747;
}

#videoicon {
  border-color: #CCCCCC;
}

#new-msg {
  border-color: #CCCCCC;
}

#make-call {
  border-color: #CCCCCC;
}

#content > div > div.voicemail-panel-main > form > div.form-actions.affix-form-actions > a.btn.back-btn.pull-left {
  border-color: #474747;
  color: #474747;
}

#ButtonResetUser {
  color: #474747;
  border-color: #474747 !important;
}

#NewBtn {
  color: #474747;
  border-color: #474747 !important;
}

#LinkExportcsv, #LinkImportSmsnumbers, #LinkExportsmsnumberscsv,
#LinkImportPhones {
  border-color: #474747;
  color: #474747;
  background-color: white;
  border-radius: 8px;
  margin-left: 3px
}

#LinkExportcsv:hover, #LinkImportPhonenumbers:hover, #LinkImportSmsnumbers:hover,
#LinkExportsmsnumberscsv:hover, #LinkExportphonescsv:hover, #LinkImportPhones:hover {
  border-color: #474747;
  color: #474747;
  background-color: #EAE7E7;
  border-radius: 8px;
  margin-left: 3px;
}

#LinkFiltersPhonenumber {
  border-color: #474747 !important;
  color: #474747 !important;
}

#LinkFiltersSmsnumber {
  border-color: #474747 !important;
  color: #474747 !important;
}

#LinkFiltersPhone {
  border-color: #474747 !important;
  color: #474747;
}

#builderLauncherLink {
  border-color: #474747;
  color: #474747;
}

#builder-dropdown {
  border-color: #474747;
  color: #474747;
}

#LinkImportPhones {
  border-color: #474747 !important;
  color: #474747;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-left: 3px;
}

#LinkExportphonescsv {
  border-color: #474747;
  color: #474747;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-left: 3px;
}

#LinkExportsmsnumberscsv {
  border-color: #474747;
  color: #474747;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-left: 3px;
}

#contacts-btn-toggle {
  border-color: #CCCCCC;
  color: #474747;
  background-color: white;
}

#filter-date {
  background-color: #474747;
}

#recent-btn-toggle {
  border-color: #CCCCCC;
  color: #474747;
  background-color: #FFFFFF;
}

#LinkImportPhonenumbers {
  border-color: #474747;
  color: #474747;
  background-image: none;
  background-color: #FFFFFF;
  border-radius: 8px;
}

#LinkImportSmsnumbers {
  border-color: #474747;
  color: #474747;
  background-color: #FFFFFF;
  border-radius: 8px;
}

.ssoLoginBtn {
  border-color: #808080 !important;
  background-image: none;
  background-color: rgb(255 255 255);
}

a#LinkContactsSharedcontacts.btn {
  border-color: #474747;
  color: #474747;
  border-radius: 8px;
  background-image: none !important;
  background-color: white !important;
}

#ButtonImportUser {
  border-color: #474747;
  color: #474747;
  background-color: white;
  border-radius: 8px;
}

.dial-pad .dial-pad-keys .btn {
  border-color: #CCCCCC !important;
}

body > div.popover.call-options-popover.fade.right.in > div.popover-content > p:nth-child(6) > button.btn.btn-primary.btn-small.small {
  color: #FFFFFF;
  background-color: #474747;
}

#dock-body-participants-08cc541f82d0c308b5c3346525379e9c > div.paritipant-button-item > div > button.confirm-participant-edit.btn.btn-primary {
  color: #FFFFFF;
  background-color: #474747;
}

#tfSaveBtn {
  color: #FFFFFF;
  background-color: #474747;
}

/* #add-template {
  background-color: #474747 !important;
} */

#UserAddForm > div.modal-footer > input {
  background-color: #474747;
}

#save_button_form {
  /* background-color: #474747;
  color: #FFFFFF; */
  background-color: #fff;
  color: #18508D;
  border-color: #18508D;
}

#user-edit > div.form-actions.affix-form-actions > a.btn.back-btn.pull-left {
  border-color: #474747;
  color: #474747;
}

#UserSiteForm > div.modal-body > div:nth-child(1) > div > span {
  font-size: 14px !important;
  font-family: Roboto !important;
}

/* #UserImportForm > div.modal-footer > a {
  border-color: #474747;
} */

#chart_div_AnnotationChart_zoomControlContainer_1-month {
  border-color: #808080 !important;
}

#chart_div_AnnotationChart_zoomControlContainer_6-months {
  border-color: #808080 !important;
}

#dock-column-dialpad > div > div > div.dock-body.dockcall-body > div > div.btn-group.dial-pad-actions > button.btn.btn-success.dial-pad-from-btn {
  background-color: #474747;
}

#dock-column-dialpad > div > div > div.dock-body.dockcall-body > div > div.number-field-group.input-append > button {
  border-color: #CCCCCC;
}

.cancel-participant-edit {
  border-color: #18508D !important;
  color: #18508D !important;
}

.badge-info {
  background-color: #474747 !important;
}

a.btn.btn-medium.btn-danger {
  background-color: #474747 !important;
  color: #FFFFFF;
}

#doUserResetBtn {
  border-color: #474747 !important;
  text-shadow: none !important;
}

#add-trunk-btn {
  background-color: #474747;
}

#domain-add-next-btn{
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#domain-add-next-btn:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#ResellerAddForm > div.modal-footer > input:hover {
  background-color: #18508D;
  border-color: #18508D;
  color: #FFFFFF;
  text-shadow: none;
}

#write-routeprofile > form > div.modal-footer > input {
  background-color: #474747 !important;
  color: #FFFFFF;
}

#stats_download_btn {
  border-color:#474747 !important;
  border-radius: 4px;
}

#view-reports-queues > div.modal-footer > button {
  border-color: #18508D !important;
  color: #18508D !important;
}

#domain-modal-next-btn {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#domain-modal-next-btn:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

/* .modal-footer .btn:nth-child(1) {
  text-shadow: none;
  font-size: 14px;
  border-color: #959595;
  color: #757575;
}

.modal-footer .btn:nth-child(1):hover {
  border-color: #757575;
  background-color: #757575;
  color: #FFFFFF;
} */

#import-phones > form > div.modal-footer > input {
  background-color: #474747 !important;
  color: #FFFFFF !important;
}

#import-phones > form > div.modal-footer > a {
  border-color: #474747 !important;
  background-color: #FFFFFF !important;
  color: #474747 !important;
}

div.popover-content > p:nth-child(6) > button:nth-child(2) {
  border-color: #18508D !important;
  color: #18508D !important;
}

a#Link.home-refresh.helpsy {
  background-color: #FFFFFF;
}

a#Link.btn.subbar-btn.helpsy {
  background-color: #FFFFFF;
}

a#Link.btn.subbar-btn.helpsy:hover {
  background-color: #ECF1FA;
}

  a#Link.round-button.round-reply.helpsy {
    background-color: inherit;
  }

  a#Link.delete.helpsy {
    background-color: inherit;
  }

  #submit-1598060246 {
    background-color: #474747;
    color: #FFFFFF;
  }

  input#submitButton.btn.btn-primary.btn-save.btn-combo-save {
    color: #FFFFFF;
  }

  #call-history-table > tbody > tr {
  background-color: #ECF1FA;
}

table.snapmobile-description-table > tbody > tr > td {
  background-color: #FFFFFF;
}

table.snapmobile-creds-table.text-center > tbody > tr > td {
  background-color: #FFFFFF;
}

table.snapmobile-download-table.text-center > tbody > tr {
  background-color: #FFFFFF;
}

a#Link.del.rem-email {
  background-color: #FFFFFF;
}

button.del.helpsy.rem-email {
  font-size: 0 !important;
}

.modal-body textarea {
  min-height: 8px;
}

#UserVoices {
  margin-top: 10px;
}

tr.contact-row.hide {
  background-color: white;
}

.label-warning {
  color: #FFFFFF !important;
}

#AnswerruleEditForm > div.modal-body > div.control-group.group.call-forwarding > div > ul.inputs-list > li > table > tbody > tr > td {
  background-color: #FFFFFF;
}

#AnswerruleEditForm > div.modal-body > div > div > ul > li > table > tbody > tr > td.simring-left {
  background-color: #FFFFFF;
}

.form-table.simring tr td.simring-right {
  text-align: left;
  background-color: white;
}

#allowblock-lists table tr td a {
  background-color: #FFFFFF;
}

#allowblock-lists table td:first-child {
  background-color: #FFFFFF;
}

#acp- > td:nth-child(1) {
  background-color: #FFFFFF;
}

#rej- > td:nth-child(1) {
  background-color: #FFFFFF;
}

tr#rej- {
  background-color: #FFFFFF;
}

tr#acp- {
  background-color: #FFFFFF;
}

#allowblock-lists .row .btn {
  border-color: #CCCCCC;
}

.modal-footer .btn+.btn {
  background-color: #FFFFFF ;
  border-color: #38A6DE ;
  color: #38A6DE;
  text-shadow: none;
  }

.modal-footer .btn+.btn:hover {
  background-color: #cccccc ;
  
}

#ButtonAddRouteProfileWriteRouteprofile {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/** Inventory/Phone Hardware/Phone Builder **/

a#Link.navigation-title {
  background-color: #FFFFFF;
  color: #474747 !important;
}

/** Users/Import Button/Download Template **/

/* #UserImportForm > div.modal-footer > a {
  color: #FFFFFF;
  text-shadow: none;
} */

/**Inventory/Add Phone */

#editPhonesFormSubmit {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#editPhonesFormSubmit:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

/**Domain/Call Center */

a#Link.btn.btn-primary.color-primary.helpsy.cc-btn-snapboards {
  border: none !important;
}

/**Call Center/Call Queue */

div.queues-panel-home.rounded > h6 > a {
  color: #18508D !important;
}

/** Users */

#ButtonAddUser {
  font-size: 14px !important;
}

/**Users/Edit Settings */

div.domain-message-buttons.pull-right > button {
  font-size: 14px !important;
}

#ButtonAddAttendant {
  font-size: 14px !important;
}

#ButtonAddConferenceWriteConference {
  font-size: 14px !important;
}

#LinkAdd {
  border-color: #FFFFFF !important;
  color: #FFFFFF;
  font-size: 14px !important;
}

#LinkAdd:hover {
  background-color: #38A6DE !important;
}

/**Music On Hold BTN */

#NewBtn {
  font-size: 14px !important;
}

/** OCPORTAL-47 */
button.confirm-participant-edit.btn.btn-primary {
  background-color: #474747;
  color: #FFFFFF;
}

a#Link.btn {
  text-shadow: none;
  font-size: 14px !important;
}

#AnswerruleEditForm > div.modal-footer > button {
  text-shadow: none;
  font-size: 14px;
  border-color: #757575 !important;
  color: #474747 !important;
}

#AnswerruleEditForm > div.modal-footer > button:hover {
  border-color: #757575 !important;
  background-color: #757575 !important;
  color: #FFFFFF !important;
}

.btn.cancel {
  text-shadow: none;
  font-size: 14px;
  border-color: #757575 !important;
  color: #474747 !important;
}

.btn.cancel:hover {
  border-color: #757575 !important;
  background-color: #757575 !important;
  color: #FFFFFF !important;
}

#cancel-config {
  text-shadow: none;
  font-size: 14px !important;
  border-color: #959595 !important;
  color: #757575 !important;
}

#cancel-config:hover {
  border-color: #757575 !important;
  background-color: #757575 !important;
  color: #FFFFFF !important;
}

/**OCPORTAL-51 */

td.chat-participant-uid-td {
  background-color: #ECF1FA
}

td.chat-participant-uid-td:hover {
  background-color: #ECF1FA !important;
}

input.selectivity-multiple-input {
  background-color: #FFFFFF! important;
}

#contacts-btn-toggle:hover {
  background-color: #474747 !important;
  color: #FFFFFF;
}

#recent-btn-toggle:hover {
  background-color: #474747 !important;
  color: #FFFFFF;
}

input#id_for_numbers.cb-always.cb-dnd-effect.ui-autocomplete-input {
  background-color: #FFFFFF;
}

input#id_foa_numbers.cb-active.cb-dnd-effect.ui-autocomplete-input {
  background-color: #FFFFFF;
}

input#id_fbu_numbers.cb-busy.cb-dnd-effect.cb-simring-effect.ui-autocomplete-input {
  background-color: #FFFFFF
}

input#id_fna_numbers.cb-unanswered.cb-dnd-effect.ui-autocomplete-input {
  background-color: #FFFFFF
}

input#id_fnr_numbers.cb-offline.cb-dnd-effect.ui-autocomplete-input {
  background-color: #FFFFFF
}

#AnswerruleSimNumbers0 {
  background-color: #FFFFFF;
}

/** OCPORTAL-53 */
/* table > tbody > tr > td:nth-child(1) > label {
  background-color: #FFFFFF;
} */

#AnswerruleAddForm > div.modal-body > div.control-group.group.call-forwarding > div > ul.inputs-list > li > table > tbody > tr > td {
  background-color: #FFFFFF;
}

td.simring-left {
  background-color: #FFFFFF;
}

/** OCPORTAL-57 */

#config-save-bar > div.btn-group.pull-right.dropup > a.btn.btn-primary.btn-save.btn-combo-save {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#config-save-bar > div.btn-group.pull-right.dropup > a.btn.btn-primary.btn-save.btn-combo-save:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#config-save-bar > div.btn-group.pull-right.dropup > a.btn.btn-primary.dropdown-toggle {
  border-color: #38A6DE !important;
  background-color: #FFFFFF !important;
  color: #38A6DE !important;
}

#config-save-bar > div.btn-group.pull-right.dropup > a.btn.btn-primary.dropdown-toggle > .caret {
  border-bottom: 4px solid #000;
}

#config-save-bar > div.btn-group.pull-right.dropup > a.btn.btn-primary.dropdown-toggle:hover {
  background-color: #cccccc !important;
}

#config-save-bar > div.btn-group.pull-left > a {
  border-radius: 8px;
}

.inputs-list label {
  font-size: 14px;
}

/**OCPORTAL-60 */

#option2 > table:nth-child(1) > tbody > tr {
  background-color: #FFFFFF;
}

#option2 > table:nth-child(2) > tbody > tr {
  background-color: #FFFFFF;
}

#option2 > table:nth-child(3) > tbody > tr {
  background-color: #FFFFFF;
}

#option2 > table:nth-child(4) > tbody > tr {
  background-color: #FFFFFF;
}

#option2 > table:nth-child(5) > tbody > tr {
  background-color: #FFFFFF;
}

#option2 > table:nth-child(6) > tbody > tr {
  background-color: #FFFFFF;
}

#option2 > table:nth-child(7) > tbody > tr {
  background-color: #FFFFFF;
}

#TimeframeAddForm > div.modal-footer > button {
  border-color: #18508D !important;
  color: #18508D !important;
}

/**OCPORTAL-62 HotFix */

#history-notes > form > div.modal-footer > button {
  text-shadow: none;
  font-size: 14px !important;
  border-color: #959595 !important;
  color: #757575 !important;
}

#history-notes > form > div.modal-footer > button:hover {
  border-color: #757575 !important;
  background-color: #757575 !important;
  color: #FFFFFF !important;
}

#history-notes > form > div.modal-footer > .btn.color-primary.span2 {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#history-notes > form > div.modal-footer > .btn.color-primary.span2:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#history-trace > div.modal-footer > button {
  border-color: #18508D !important;
  color: #18508D !important;
  background-color: #FFFFFF;
}

#profile-save-bar > a {
  border-color: #18508D !important;
  color: #18508D !important;
  background-color: #FFFFFF;
}

#profile-save-bar > div.btn-group.pull-right > a {
  background-color: #474747 !important;
  color: #FFFFFF;
  border-radius: 8px;
}

#TimeframeEditForm > div.modal-footer > button {
  border-color: #18508D !important;
  color: #18508D !important;
}

a#reorder.btn.btn-primary.span1 {
  border-color: #474747 !important;
  background-color: #474747 !important;
  color: #FFFFFF;
}

a#cancel_reorder.btn {
  border-color: #18508D;
  color: #18508D;
}

div#add-greeting-btn.form-actions {
  border-bottom: none !important;
}

#bulkEditPhonesFormSubmit {
  border-color: #474747 !important;
  background-color: #474747 !important;
}
/* <!-- Domain / AutoAttendant / Text to Speech --> */

input#save_tts_btn.btn.btn.btn-primary:hover {
  color: #18508D !important;
}

.dockcall-reject {
  background-color: #E91717;
  color: #FFFFFF;
  border: none;
}

.dockcall-answer {
  background-color: #18508D !important;
  color: #FFFFFF;
  border: none;
}

#dock-column-dialpad > div > div > div.dock-body.dockcall-body > div > div.btn-group.dial-pad-actions > button.btn.btn-success.dial-pad-from-btn.active {
  background-color: #18508D !important;
  color: #FFFFFF;
  border-color: #18508D !important;
}

#dock-column-dialpad > div > div > div.dock-body.dockcall-body > div > div.btn-group.dial-pad-actions > button.btn.btn-success.dial-pad-from-btn {
  background-color: #18508D !important;
  color: #FFFFFF;
  border-color: #18508D !important;
}

#dock-column-dialpad > div > div > div.dock-body.dockcall-body > div > div.btn-group.dial-pad-actions > button.btn.btn-success.dial-pad-call {
  background-color: #18508D !important;
  color: #FFFFFF;
  border-color: #18508D !important;
}

button.dockcall-end.btn.btn-danger {
  background-color: #E91717;
  border-color: #333333;
  margin-right: 1px;
}

button.dockcall-hold.btn {
  background-color: #C1D6ED !important;
  border-color: #959595 !important;
}

button.dockcall-hold.btn:hover {
  background-color: #C1D6ED !important;
  border-color: #959595 !important;
}

button.dockcall-transfer.btn {
  background-color: #C1D6ED !important;
  border-color: #959595 !important;
  margin-right: .75px;
}

button.dockcall-transfer.btn:hover {
  background-color: #C1D6ED !important;
  border-color: #959595 !important;
  margin-right: .75px;
}

button.btn.btn-danger.btn-large.dropdown-toggle {
  background-color:#B70F0F;
}

button.btn.btn-success.btn-large.dropdown-toggle {
  background-color:#3D7919;
}

/* OCPORTAL-95 */
.navbar-default .navbar-text #app-menu-list > li:nth-child(3) > a {
  display: none;
  font-size: 1px;
  color: #FFFFFF;
}

/**OCPORTAL-84**/

input#AttendantStarcode.small.uneditable-input {
  height: 10px !important;
  width:70px !important;
}

#text-to-speech > div:nth-child(3) > div{
  margin-top: 20px;
}

#AttendantVoices {
  margin-top: 20px
}

#text-to-speech > div:nth-child(3) > label {
  margin-top: 40px
}

.transfer-field.input-append.hide > .btn-success{
  background-color: #C1D6ED!important;
}

/*OCPORTAL-80**/

#status-offline.show > #offline-button {
  background-color: #B70F0F;
  color: #FFFFFF;
}

#offline-button {
  background-color: #B70F0F;
  color: #FFFFFF;
}

#status-online.show > #online-button {
  background-color: #3D7919;
  color: #FFFFFF;
}

#online-button{
  background-color: #3D7919 !important;
  color: #FFFFFF;
}

/* OCPORTAL-92 */

#ButtonImportUiconfig {
  border: 1px solid #474747;
  background-color: #FFFFFF;
  border-radius: 8px;
  color: #474747 !important;
  margin-left: 3px;
}

#ButtonImportUiconfig:hover {
  background-color: #CCCCCC;
}

/* OCPORTAL-96 */
.dock-popout.dock-head-button {
  display: none;
}

a#emailReportsLink,
button.print-report.btn.helpsy,
button#table-column-selector-title {
    border-color: #474747;
    border-radius: 4px;
}

div#googleSigninBtn {
  background-color: #FFFFFF !important;
  background-image: none;
  border-color: #333 !important;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-shadow: none;
  text-rendering: optimizeLegibility;
}

div#googleSigninBtn:hover {
  background-color: #ECECEC !important;
}

button#search-btn {
  border-color: #CCCCCC !important;
  border-radius: 3px !important;
}

table.form-table.checkfield > tbody > tr > td {
    background-color: #FFFFFF;
}

input#add-profile.btn.btn-primary.btn-long {
  background-color: #18508D !important;
}

input#edit-device-profile.btn.btn-primary.btn-edit.profile-action {
  background-color: #18508D !important;
}

.cc-btn-panel .btn-group {
  background-color: #FFFFFF;
}

a.btn.helpsy.color-primary {
  color: #FFFFFF;
}

body > div.popover.fade.top.in > div.popover-content.text-center > div > a.btn.btn-medium.btn-primary {
  background: #18508D;
}

.agent-presence-user-phone {
  background-position: -60px -20px;
}

.agent-presence-user-phone {
  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;
}

.agent-presence-user-phone.loggedout {
  filter: alpha(opacity=99) !important;
  -khtml-opacity: 0.99 !important;
  -moz-opacity: 0.99 !important;
  opacity: 0.99 !important;
}

.agent-presence-user-phone.onphone {
  background-position: -122px -0px;
}

.agent-presence-user-phone.loggedin {
  background-position: -122px -40px;
}

.agent-presence-user-phone.loggedout {
  background-position: -122px -20px;
}

input.btn.btn-primary.span2[disabled] {
  background-color: #CCCCCC !important;
  color: white !important;
  border-color: #474747 !important;
}

#header-user > .user-toolbar > li > a {
  color: #474747 !important;
}

i.fa.fa-arrows-alt.test1 {
  padding-right: 10px;
}

#app-menu-list {
  min-width: 375px;
}

#app-menu-list>li {
  width: 50%;
  display: inline-block;
  padding-bottom: 10px;
}

#dropdownHeader {
  display: block;
  padding: 20px;
  font-size: 28px;
}

.icon-th {
  cursor: pointer;
}

.app-dropdown-icon {
  background-image: url('img/oc-app-sprite.png') !important;
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 0;
  font-size: 0;
  outline: none;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  margin-right: 5px;
}

.UserPortal, .BETA-UserPortal {
  background-position: -22px -22px;
}

.Connect {
  background-position: -44px -0px;
}

.E911Portal {
  background-position: 0px -40px;
}

.WebPhone {
  background-position: -22px -0px;
}

.SecureFax {
  background-position: -66px -0px;
}

.AttendantConsole {
  background-position: -22px -44px;
}

.IntegratorforChrome {
  background-position: -66px -44px;
}

.IntegratorforWindows {
  background-position: -44px -44px;
}

.AlertBlast {
  background-position: -44px -22px;
}

.EnhancedReporting {
  background-position: -0px -66px;
}

.Analytics {
  background-position: -0px -22px;
}

a.listen.Listen {
  opacity: 0.99 !important
}

a.navbar-brand {
  background-image: url('img/oc-logo-1.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px;
  width: 150px;
  height: 50px;
  background-size: 150px;
  background-position-y: center;
}

.navbar-brand>img {
  display: none;
}

input#completeActionBtn:hover {
  background: black !important;
}

input#completeActionBtn {
  background: #474747 !important;
  color: white !important;
}

a.download-audio.Download {
  opacity: 0.99 !important
}

.navbar-collapse > .navbar-text> .language-dropdown {
  display: none !important;
}

#enableRecordingsButton, #enableRecordingsButton + span{
  display: none;
}

.conversation-bottomcontact-bar {
  max-height: 303px;
  overflow: auto;
}

#add-status-btn {
  background-color: #38A6DE;
}

#add-status-btn:hover {
  background-color: #18508D;
}

div.bootstrap-switch-container > span.bootstrap-switch-handle-on.bootstrap-switch-primary {
  background-image: linear-gradient(to bottom,#38A6DE,#38A6DE);
}

div.bootstrap-switch-container > span.bootstrap-switch-handle-on.bootstrap-switch-primary:hover {
  background-image: linear-gradient(to bottom,#18508D,#18508D);
}

#stickyEmergencyEnableButton {
  margin-left: 1em;
}

#stickyEmergencyEnableButton:hover {
  background-color: #18508D;
}

span.alg-label {
  margin-left: 1em;
  cursor: default;
  background: #757575;
}
span.tls-label {
  margin-left: 1em;
  cursor: default;
  background: #757575;
}
span.core-label {
  margin-left: 1em;
  cursor: default;
  background: #757575;
}
a.emergency-sticky {
  color: #38A6DE;
  font-size: 18px;
  vertical-align: sub;
}

a.emergency-sticky:hover {
  text-decoration: none;
}

a.emergency-sticky-disabled {
  color: #474747;
}

a.emergency-sticky-disabled:hover {
  color: #474747;
}

div.emergency-sticky-isset {
  color: #38A6DE;
  font-size: 18px;
  display: inline-block;
}

.tls-badge {
  display: inline-block;
  margin-left: 0px;
  background-image: url('img/tls-48.png');
  background-repeat: no-repeat;
  padding: 0px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: absolute;
}

.teams-badge {
  display: inline-block;
  margin-left: 5px;
  background-image: url('img/microsoft-teams.svg');
  background-repeat: no-repeat;
  padding: 0px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: absolute;
}

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

/** OCPORTAL-208 **/
#LinkStorageAddedit {
  background-color: #38A6DE;
}

#login-container {
    text-align: center;
    flex: 50%;
}

.page-container {
	display: block;
	min-width: 980px;
  padding-left: 80px;
  padding-right: 80px; 
	min-height: 100vh;
	overflow: auto;
}

tbody > tr.odd{
  background-color: #ECF1FA !important;
}

tbody > tr.even{
  background-color: #F6F8F9 !important;
}

#submitAddAnother {
  color: #FFFFFF !important;
}

/* OCPORTAL-299 */
.saveBtn:hover {
  background-color: #FFFFFF;
  border-color: #18508D !important;
  color: #18508D !important;
}

.modal-tabs-btn-save{
  background-color: #18508D !important;
  color: #FFFFFF !important;
}

.saving {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

.saving:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#add-configuration {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#add-configuration:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#update-conifg {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#update-conifg:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#save-cc-settings {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#save-cc-settings:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#add-queue-next-btn {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#add-queue-next-btn:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#addbutton {
  border-color: #38A6DE !important;
  background-color: #FFFFFF !important;
  color: #38A6DE !important;
}

#addbutton:hover {
  background-color: #cccccc  !important;
}

#nextBtn {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

#nextBtn:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

input[type=submit] {
  border-color: #38A6DE !important;
  background-color: #38A6DE !important;
  color: #FFFFFF !important;
}

input[type=submit]:hover {
  border-color: #18508D  !important;
  background-color: #18508D  !important;
  color: #FFFFFF !important;
}

#cradle-modal .modal-footer .btn {
  border-color: #38A6DE;
  background-color: #FFFFFF;
  color: #38A6DE;
}

#cradle-modal .modal-footer .btn:hover {
  background-color: #CCCCCC;
}

#delete-selected-btn, #delete-all-btn{
  border-color: #B70F0F !important ;
  background-color:#B70F0F !important;
  color: #FFFFFF !important;
}

#transcriptions div .modal-footer .btn:nth-child(1) {
  border-color: #38A6DE;
  background-color: #FFFFFF;
  color: #38A6DE;
}

#transcriptions div .modal-footer .btn:nth-child(1):hover {
  background-color: #CCCCCC;
}


#transcriptions div .modal-footer .btn:last-child {
  text-shadow: none;
  font-size: 14px;
  border-color: #757575 !important;
  color: #474747 !important;
}

#transcriptions div .modal-footer .btn:last-child:hover {
  border-color: #757575 !important;
  background-color: #757575 !important;
  color: #FFFFFF !important;
}

#nav-integration-icon {
    background-image: url('img/IntegrationOC.png') !important; 
    left: 0px !important;
}

#AI-Agent-nav {
    background-image: url('img/AIAgentOC.png') !important; 
    left: 2px !important;
}