#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: .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: .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: .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: .25em;
    margin-top: 3px; }
  #sip-phone .dial-content .key.shitty-btn:hover {
    transition: all 0.3s;
    opacity: .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: -.9s;
      animation-delay: -.9s; }
    #sip-phone .history-content ul .preloader .spinner .rect5 {
      -webkit-animation-delay: -.8s;
      animation-delay: -.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: .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: -.9s;
  animation-delay: -.9s; }

.c-l-r-loader .spinner .rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.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 .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .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; }