#dd_notifications .dropdown-menu {
  max-width: 400px;
  width: 400px;
}

/* limit the title size  */
#dd_notifications .subject .from {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 225px;
  display: inline-block;
}

#dd_notifications .close {
  position: absolute;
  top: 5px;
  right: 5px;
}

#dd_notifications .time {
  position: absolute;
  top: 0px;
  right: 20px;
}

#dd_notifications .dropdown-menu .dropdown-menu-list > li:first-child {
  border-top: none;
}

#dd_notifications .dropdown-menu .dropdown-menu-list > li > a {
  position: relative;
  border: 1px solid #EFF2F6 !important;
  color: #888888;
}

#dd_notifications .dropdown-menu .dropdown-menu-list > li {
  border-bottom: 1px solid #EFF2F6 !important;
  color: #888888;
}

#dd_notifications .dropdown-menu .dropdown-menu-list > li {
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 20px;
  white-space: normal;
  font-size: 13px;
  padding: 16px 15px 18px;
  text-shadow: none;
}

@keyframes sip-anim-connecting {
  0% {
    color: #E7505A;
  }
  25% {
    color: #F3C200;
  }
  50% {
    color: #3598DC;
  }
  75% {
    color: #36c6d3;
  }
  100% {
    color: #E7505A;
  }
}
@-webkit-keyframes sip-anim-connecting {
  0% {
    color: #E7505A;
  }
  25% {
    color: #F3C200;
  }
  50% {
    color: #3598DC;
  }
  75% {
    color: #36c6d3;
  }
  100% {
    color: #E7505A;
  }
}
.page-header .top-menu .popover {
  max-width: 100% !important;
}

#sip-phone-toggler .icon-status {
  position: absolute;
  top: 10px;
  left: 0;
}
#sip-phone-toggler .icon-status.connecting {
  animation: sip-anim-connecting 2.5s infinite;
  /* animation-name followed by duration in seconds*/
  -webkit-animation: sip-anim-connecting 2.5s infinite;
  /* Chrome and Safari */
}
#sip-phone-toggler .icon-status.connected {
  color: #36c6d3;
}
#sip-phone-toggler .icon-status.disconnected {
  color: #E7505A;
}
#sip-phone-toggler .display {
  display: inline-flex;
  font-size: 12px;
  float: right;
  color: #c6cfda;
  padding: 0 2px;
}
#sip-phone-toggler .timer {
  margin-right: 5px;
}
#sip-phone-toggler .message {
  margin-right: 5px;
}
#sip-phone-toggler .actions {
  margin-top: -3px;
}

#sip-phone {
  min-width: 220px;
  overflow: hidden;
}
#sip-phone .animated {
  animation-duration: 0.3s;
}
#sip-phone .icon-status.connecting {
  animation: sip-anim-connecting 2.5s infinite;
  /* animation-name followed by duration in seconds*/
  -webkit-animation: sip-anim-connecting 2.5s infinite;
  /* Chrome and Safari */
}
#sip-phone .icon-status.connected {
  color: #36c6d3;
}
#sip-phone .icon-status.disconnected {
  color: #E7505A;
}
#sip-phone .bootstrap-select .btn.dropdown-toggle {
  padding: 3px 0 3px 9px !important;
}
#sip-phone .label {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#sip-phone select {
  background-color: #bac3d0;
  padding: 4px 0 4px 3px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0.25em;
  color: #fff;
  cursor: pointer;
}
#sip-phone input:disabled, #sip-phone select:disabled {
  background-color: #ebebe4;
  cursor: not-allowed;
  color: #95A5A6;
}
#sip-phone input {
  border: thin solid #bac3d0;
  border-radius: 0.25em;
}
#sip-phone input:focus, #sip-phone select:focus {
  outline: none;
}
#sip-phone hr {
  margin: 7px 0;
}
#sip-phone .selector-content {
  min-width: 220px;
}
#sip-phone .dial-content .key {
  border-radius: 0;
  color: #444;
  width: calc(100% / 3);
  height: 52px;
  text-align: center;
  font-size: 17px;
  float: left;
  box-sizing: border-box;
  padding: 3px 0 0 0;
  margin: 0;
  cursor: pointer;
  border: thin solid transparent;
}
#sip-phone .dial-content .key span {
  display: block;
  color: #444;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
#sip-phone .dial-content .key.disabled {
  cursor: not-allowed;
  color: #c1c1c1;
}
#sip-phone .dial-content .key.disabled span {
  color: #c1c1c1;
}
#sip-phone .dial-content .key.nb {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
#sip-phone .dial-content .key.nb:hover {
  box-shadow: none;
}
#sip-phone .dial-content .key.pressed:not(.disabled) {
  box-shadow: 0 1px 2px #ccc;
}
#sip-phone .dial-content .key.danger:not(.disabled):hover {
  background-color: rgba(237, 107, 117, 0.1);
}
#sip-phone .dial-content .key.info:not(.disabled):hover {
  background-color: rgba(101, 155, 224, 0.1);
}
#sip-phone .dial-content .key.success:not(.disabled):hover {
  background-color: rgba(54, 198, 211, 0.1);
}
#sip-phone .dial-content .key.warning:not(.disabled):hover {
  background-color: rgba(241, 196, 15, 0.1);
}
#sip-phone .dial-content .key:not(.disabled):hover {
  transition: all 0.2s;
  box-shadow: 0 1px 2px #ccc;
}
#sip-phone .dial-content .key.shitty-btn {
  border: none;
  color: #FFF;
  font-size: 13px;
  width: 100%;
  height: 24px;
  border-radius: 0.25em;
  margin-top: 3px;
}
#sip-phone .dial-content .key.shitty-btn:hover {
  transition: all 0.3s;
  opacity: 0.7;
}
#sip-phone .dial-content .key.special {
  line-height: 60px;
}
#sip-phone .dial-content .key-2 {
  width: calc(100% / 2);
}
#sip-phone .dial-content .outbound .name {
  font-size: 15px;
  margin: 0;
}
#sip-phone .dial-content .outbound .slider-container {
  display: none;
}
#sip-phone .dial-content .outbound .slider-container table td {
  padding: 0 1px;
}
#sip-phone .dial-content .outbound .key[rel=hangup] .fa {
  transform: rotate(135deg);
}
#sip-phone .history-content ul {
  max-height: 57vh;
  min-height: 57vh;
  list-style: none;
  padding: 3px 12px 12px 1px;
  border: thin solid #f5f6fa;
  border-radius: 4px;
}
#sip-phone .history-content ul .preloader .spinner {
  left: 45%;
  position: relative;
  display: block;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
#sip-phone .history-content ul .preloader .spinner > div {
  height: 100%;
  width: 3px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  border-radius: 4px !important;
  margin: 2px;
  background-color: #f5f6fa;
  box-shadow: 0px 0px 0px 1px silver;
}
#sip-phone .history-content ul .preloader .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
#sip-phone .history-content ul .preloader .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
#sip-phone .history-content ul .preloader .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#sip-phone .history-content ul .preloader .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#sip-phone .history-content ul li {
  border-top: thin solid #f5f6fa;
  position: relative;
  padding: 5px;
  margin: 2px 0 4px 4px;
}
#sip-phone .history-content ul li .name {
  font-weight: 500;
  font-size: 15px;
  margin: 2px 0;
  white-space: nowrap;
}
#sip-phone .history-content ul li h5 {
  margin: 2px 6px;
}
#sip-phone .history-content ul li.first {
  border-top: none;
}
#sip-phone .history-content ul li:hover {
  box-shadow: 0 1px 2px #ccc;
  transition: all 0.3s;
}
#sip-phone .history-content ul li.outbound h5 .icon {
  transform: rotate(180deg);
}
#sip-phone .settings-content ul {
  max-height: 57vh;
  list-style: none;
  padding: 3px 3px 0 1px;
  border: thin solid #f5f6fa;
  border-radius: 4px;
}
#sip-phone .settings-content ul ul {
  border: none;
}
#sip-phone .settings-content ul li {
  position: relative;
  padding: 5px;
  margin: 2px 0 4px 4px;
}
#sip-phone .settings-content ul li.border-bottom {
  border-bottom: thin solid #f5f6fa;
}

#sip-phone .select2-container .select2-choice {
  height: 23px;
  font-size: 11px;
  border-radius: 2px;
  line-height: 21px;
}
#sip-phone .select2-container .select2-choice .select2-arrow {
  top: -3px;
}

.select2webphone .select2-search input {
  padding: 2px 5px 2px 5px;
  font-size: 0.8em;
  border-radius: 2px;
}
.select2webphone .select2-results {
  font-size: 11px;
}

#sip-phone .irs {
  height: 22px;
}
#sip-phone .irs-line {
  top: 7px;
}
#sip-phone .irs-bar {
  top: 7px;
}
#sip-phone .irs-bar-edge {
  top: 7px;
}
#sip-phone .irs-shadow {
  top: 0px;
}
#sip-phone .irs-slider {
  top: 0px;
}
#sip-phone .irs-min, #sip-phone .irs-max {
  top: 0;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 100%, 40% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 100%, 40% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.c-l-r-loader .spinner {
  display: block;
  margin: 10px auto !important;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.c-l-r-loader .spinner > div {
  height: 100%;
  width: 3px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  border-radius: 4px !important;
  margin: 2px;
  background-color: #f5f6fa;
  box-shadow: 0px 0px 0px 1px silver;
}

.c-l-r-loader .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.c-l-r-loader .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.c-l-r-loader .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.c-l-r-loader .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.nk-blur {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="3");
  -webkit-filter: url(#nk-blur-filter);
  filter: url(#nk-blur-filter);
  -webkit-filter: blur(3px);
  filter: blur(2px);
  cursor: progress;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.nk-blur-svg {
  display: none;
}

.datepicker.dropdown-menu {
  z-index: 9999999999 !important;
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
  z-index: 999999999999999 !important;
}

body.page-sd-fixed {
  height: calc(100vh - 50px);
}
body.page-sd-fixed .page-wrapper {
  height: 100%;
}
body.page-sd-fixed .page-wrapper .page-container {
  height: 100%;
}
body.page-sd-fixed .page-wrapper .page-container .page-content-wrapper {
  height: 100%;
}
body.page-sd-fixed .page-wrapper .page-container .page-content-wrapper .page-content {
  height: 100%;
}
body.page-sd-fixed .page-wrapper .page-container .page-content-wrapper .page-content .page-content-body {
  height: 100%;
}

body.pace-running .page-wrapper {
  height: 100%;
}
body.pace-running .page-wrapper .page-container {
  height: 100%;
}
body.pace-running .page-wrapper .page-container .page-content-wrapper {
  height: 100%;
}
body.pace-running .page-wrapper .page-container .page-content-wrapper .page-content {
  height: 100% !important;
}
body.pace-running .page-wrapper .page-container .page-content-wrapper .page-content .page-content-body {
  height: 100% !important;
}