.dropdown-menu>.dropdown-header {
    padding: 8px 20px 6px;
    font-size: 1rem;
    font-weight: 700;
    cursor: default
}

.dropdown-menu>.dropdown-submenu {
    position: relative
}

.dropdown-menu>.dropdown-submenu>.dropdown-item {
    position: relative
}

.dropdown-menu>.dropdown-submenu>.dropdown-item::after {
    position: absolute;
    right: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 6px;
    vertical-align: middle;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed
}

.dropdown-menu>.dropdown-submenu .dropdown-menu {
    left: 100%;
    margin: 0
}

.dropdown-menu>.dropdown-submenu.dropdown-menu-left .dropdown-menu {
    left: -100%
}

.dropdown-menu>.dropdown-submenu:hover .dropdown-menu {
    display: block
}

.dropdown .dropdown-submenu .dropdown-menu {
    top: 0
}


.dropdown-menu-media {
    width: 360px;
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-menu-media>li {
    padding: 0;
    margin: 0
}

.dropdown-menu-media .dropdown-menu-header {
    position: relative;
    padding: 20px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e4eaec
}

.dropdown-menu-media .dropdown-menu-header>h3,.dropdown-menu-media .dropdown-menu-header>h4,.dropdown-menu-media .dropdown-menu-header>h5 {
    margin: 0
}

.dropdown-menu-media .dropdown-menu-header .badge {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-menu-media .list-group {
    max-height: 270px;
    margin: 0;
    font-size: .858rem;
    border-radius: 0
}

.dropdown-menu-media .list-group-item {
    padding: 0 20px !important;
    margin: 0;
    border: none;
    border-radius: 0!important
}

.dropdown-menu-media .list-group-item .media {
    padding: 15px 0;
    border-top: 1px solid #e4eaec
}

.dropdown-menu-media .list-group-item:first-child .media {
    border-top: none
}

.dropdown-menu-media>.dropdown-menu-footer {
    background-color: #f3f7f9;
    border-top: 1px solid #e4eaec
}
.dropdown-menu-media>.dropdown-menu-footer a:not(:first-child){
    border-top: 1px solid #e4eaec
}

.dropdown-menu-media>.dropdown-menu-footer>a {
    padding: 15px 20px!important;
    margin: 0;
    color: #a3afb7!important
}

.dropdown-menu-media>.dropdown-menu-footer>a:hover {
    color: #589ffc!important;
    background-color: transparent!important
}

.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn {
    position: absolute;
    right: 0
}

.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn:hover {
    color: #589ffc!important;
    background-color: transparent!important
}

.dropdown-menu-primary .dropdown-iten.active,.dropdown-menu-primary .dropdown-iten.active:focus,.dropdown-menu-primary .dropdown-iten.active:hover {
    color: #fff;
    background-color: #3e8ef7
}

.dropdown-menu-success .dropdown-iten.active,.dropdown-menu-success .dropdown-iten.active:focus,.dropdown-menu-success .dropdown-iten.active:hover {
    color: #fff;
    background-color: #11c26d
}

.dropdown-menu-info .dropdown-iten.active,.dropdown-menu-info .dropdown-iten.active:focus,.dropdown-menu-info .dropdown-iten.active:hover {
    color: #fff;
    background-color: #0bb2d4
}

.dropdown-menu-warning .dropdown-iten.active,.dropdown-menu-warning .dropdown-iten.active:focus,.dropdown-menu-warning .dropdown-iten.active:hover {
    color: #fff;
    background-color: #eb6709
}

.dropdown-menu-danger .dropdown-iten.active,.dropdown-menu-danger .dropdown-iten.active:focus,.dropdown-menu-danger .dropdown-iten.active:hover {
    color: #fff;
    background-color: #ff4c52
}

.dropdown-menu-dark .dropdown-iten.active,.dropdown-menu-dark .dropdown-iten.active:focus,.dropdown-menu-dark .dropdown-iten.active:hover {
    color: #fff;
    background-color: #526069
}

.badge-info {
    color: #fff;
    background-color: #0bb2d4
}

.badge-info[href]:focus,.badge-info[href]:hover {
    background-color: #28c0de
}

.badge-info.badge-outline {
    color: #0bb2d4;
    background-color: transparent;
    border-color: #0bb2d4
}
.list-group {
    margin-bottom: 20px
}
.list-group-item>.badge-pill {
    -ms-flex-order: 1;
    order: 1;
    float: right;
    margin-left: auto
}

.list-group-item>.badge-pill+.badge-pill {
    margin-right: 5px
}
.list-group-item:focus,.list-group-item:hover {
    z-index: auto
}

.list-group-item>.media:only-child {
    margin: 0
}

.list-group .media {
    width: 100%;
    padding: 2px 0;
    border-bottom: 0
}

.list-group .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1rem
}

.list-group-full>.list-group-item {
    padding-right: 0;
    padding-left: 0
}

a.list-group-item {
    color: #76838f;
    border-radius: .215rem
}

a.list-group-item:focus,a.list-group-item:hover {
    color: #76838f;
    text-decoration: none;
    background-color: #f3f7f9
}

a.list-group-item.disabled,a.list-group-item.disabled:focus,a.list-group-item.disabled:hover {
    color: #e4eaec;
    cursor: not-allowed;
    background-color: #f3f7f9
}

a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover {
    color: #fff;
    background-color: #3e8ef7
}

.list-group-item .icon {
    margin-right: 10px
}


.list-group-dividered .list-group-item {
    border-top-color: #e4eaec
}

.list-group-dividered .list-group-item:focus,.list-group-dividered .list-group-item:hover {
    z-index: auto
}

.list-group-dividered .list-group-item.active:hover {
    border-top-color: #e4eaec
}

.list-group-dividered .list-group-item:last-child {
    border-bottom-color: #e4eaec
}

.list-group-dividered .list-group-item:first-child {
    border-top-color: transparent
}

.list-group-dividered .list-group-item:first-child.active:hover {
    border-top-color: transparent
}

.list-group-gap .list-group-item {
    margin-bottom: 2px;
    border-radius: .215rem
}

.list-group-full .list-group-item {
    padding-right: 0;
    padding-left: 0
}

.list-group-item {
    border: 1px solid transparent
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #e4eaec
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #fff
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    color: #3e8ef7;
    background-color: transparent;
    border-color: transparent
}

.list-group-item.active .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading {
    color: inherit
}

.list-group-item-dark {
    color: #fff;
    background-color: #526069
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #fff;
    background-color: #47535b
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.list-group-hover .list-group-item:hover {
    background-color: #f3f7f9
}

.list-group-hover .list-group-item-success,.list-group-hover a.list-group-item-success,.list-group-hover button.list-group-item-success {
    color: #fff
}

.list-group-hover .list-group-item-success:focus,.list-group-hover .list-group-item-success:hover,.list-group-hover a.list-group-item-success:focus,.list-group-hover a.list-group-item-success:hover,.list-group-hover button.list-group-item-success:focus,.list-group-hover button.list-group-item-success:hover {
    color: #fff;
    background-color: #0fab60
}

.list-group-hover .list-group-item-success.active,.list-group-hover a.list-group-item-success.active,.list-group-hover button.list-group-item-success.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.list-group-hover .list-group-item-info,.list-group-hover a.list-group-item-info,.list-group-hover button.list-group-item-info {
    color: #fff
}

.list-group-hover .list-group-item-info:focus,.list-group-hover .list-group-item-info:hover,.list-group-hover a.list-group-item-info:focus,.list-group-hover a.list-group-item-info:hover,.list-group-hover button.list-group-item-info:focus,.list-group-hover button.list-group-item-info:hover {
    color: #fff;
    background-color: #0a9ebc
}

.list-group-hover .list-group-item-info.active,.list-group-hover a.list-group-item-info.active,.list-group-hover button.list-group-item-info.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.list-group-hover .list-group-item-warning,.list-group-hover a.list-group-item-warning,.list-group-hover button.list-group-item-warning {
    color: #fff
}

.list-group-hover .list-group-item-warning:focus,.list-group-hover .list-group-item-warning:hover,.list-group-hover a.list-group-item-warning:focus,.list-group-hover a.list-group-item-warning:hover,.list-group-hover button.list-group-item-warning:focus,.list-group-hover button.list-group-item-warning:hover {
    color: #fff;
    background-color: #d25c08
}

.list-group-hover .list-group-item-warning.active,.list-group-hover a.list-group-item-warning.active,.list-group-hover button.list-group-item-warning.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.list-group-hover .list-group-item-danger,.list-group-hover a.list-group-item-danger,.list-group-hover button.list-group-item-danger {
    color: #fff
}

.list-group-hover .list-group-item-danger:focus,.list-group-hover .list-group-item-danger:hover,.list-group-hover a.list-group-item-danger:focus,.list-group-hover a.list-group-item-danger:hover,.list-group-hover button.list-group-item-danger:focus,.list-group-hover button.list-group-item-danger:hover {
    color: #fff;
    background-color: #ff3339
}

.list-group-hover .list-group-item-danger.active,.list-group-hover a.list-group-item-danger.active,.list-group-hover button.list-group-item-danger.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.list-group-hover .list-group-item-dark,.list-group-hover a.list-group-item-dark,.list-group-hover button.list-group-item-dark {
    color: #fff
}

.list-group-hover .list-group-item-dark:focus,.list-group-hover .list-group-item-dark:hover,.list-group-hover a.list-group-item-dark:focus,.list-group-hover a.list-group-item-dark:hover,.list-group-hover button.list-group-item-dark:focus,.list-group-hover button.list-group-item-dark:hover {
    color: #fff;
    background-color: #47535b
}

.list-group-hover .list-group-item-dark.active,.list-group-hover a.list-group-item-dark.active,.list-group-hover button.list-group-item-dark.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}
.card>.list-group:not(:first-child)>.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card>.list-group:not(:last-child)>.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.media .media {
    padding-bottom: 0;
    border-bottom: none
}

.media-body {
    overflow: auto
}

.media-meta {
    margin-bottom: 3px;
    font-size: .858rem;
    color: #a3afb7
}

.media-list {
    padding-left: 0;
    list-style: none
}

.media-list>.media {
    margin-top: 15px
}

.media-list>.media:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .media-body {
        overflow:hidden
    }

    .media .media {
        margin-left: 0
    }
}

@media (max-width: 479.98px) {
    .media {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .media>div:first-child {
        margin-bottom: 5px
    }

    .media .media {
        padding-left: 15px
    }
}

.alert-avatar>.avatar {
    position: absolute;
    top: 12px;
    left: 20px
}
.avatar {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 1000px
}

.avatar i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 100%
}

.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px
}

.avatar-online i {
    background-color: #11c26d
}

.avatar-off i {
    background-color: #526069
}

.avatar-busy i {
    background-color: #eb6709
}

.avatar-away i {
    background-color: #ff4c52
}

.avatar-100 {
    width: 100px
}

.avatar-100 i {
    width: 20px;
    height: 20px
}

.avatar-lg {
    width: 50px
}

.avatar-lg i {
    width: 12px;
    height: 12px
}

.avatar-sm {
    width: 30px
}

.avatar-sm i {
    width: 8px;
    height: 8px;
    padding:0;
}

.avatar-xs {
    width: 20px
}

.avatar-xs i {
    width: 7px;
    height: 7px
}
.pr-10 {
    padding-right: 10px!important
}

/* ___________________________ Scrollbar stuff ______________________________ */
.scrollable.is-enabled {
    overflow: hidden !important; }
  
  .is-enabled .scrollable-container {
    box-sizing: content-box !important;
    overflow: hidden !important; }
  
  .is-enabled .scrollable-container::-webkit-scrollbar {
    width: 0;
    height: 0;
    -webkit-appearance: none; }
  
  .scrollable-vertical.is-enabled .scrollable-container {
    height:100%;
    overflow-y: scroll !important; }
  
  .scrollable-horizontal.is-enabled .scrollable-container {
    overflow-x: scroll !important; }
  
  .is-enabled .scrollable-content {
    position: relative !important;
    box-sizing: border-box;
    overflow: visible !important; }
    .is-enabled .scrollable-content::before, .is-enabled .scrollable-content::after {
      display: table;
      content: " "; }
    .is-enabled .scrollable-content::after {
      clear: both; }
  
  .scrollable-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 2px;
    transition: opacity .5s;
    -webkit-touch-callout: none;
    user-input: disabled;
    user-focus: ignore; }
    .is-disabled .scrollable-bar {
      display: none; }
    .scrollable-bar-hide {
      opacity: 0;
      transition-delay: 400ms; }
    .scrollable-bar.is-hovering {
      background: transparent; }
    .scrollable-bar.is-dragging {
      background: transparent !important;
      opacity: 1; }
    .scrollable-bar.is-disabled {
      display: none; }
    .scrollable-bar-handle {
      position: absolute;
      top: 0;
      left: 0;
      line-height: 0;
      cursor: pointer;
      background: rgba(163, 175, 183, 0.6);
      border-radius: 2px;
      transition: width, height .5s; }
    .scrollable-bar.is-dragging .scrollable-bar-handle {
      background: rgba(163, 175, 183, 0.8) !important; }
    .scrollable-bar.is-dragging, .scrollable-bar.is-hovering {
      border-radius: 4px; }
      .scrollable-bar.is-dragging .scrollable-bar-handle, .scrollable-bar.is-hovering .scrollable-bar-handle {
        border-radius: 4px; }
    .scrollable-bar-vertical {
      width: 4px;
      height: 100%;
      height: calc(100% - 8px);
      margin: 4px 2px; }
    .scrollable-bar-vertical.is-dragging, .scrollable-bar-vertical.is-hovering {
      width: 8px;
      margin: 4px 1px; }
    .scrollable-bar-vertical .scrollable-bar-handle {
      width: 100%; }
    .scrollable-bar-horizontal {
      width: 100%;
      width: calc(100% - 8px);
      height: 4px;
      margin: 2px 4px; }
    .scrollable-bar-horizontal.is-dragging, .scrollable-bar-horizontal.is-hovering {
      height: 8px;
      margin: 1px 4px; }
    .scrollable-bar-horizontal .scrollable-bar-handle {
      height: 100%; }
  
  .scrollable.is-scrolling .scrollable-bar {
    opacity: 1;
    transition: opacity 0; }
  
  .scrollable.is-hovering .scrollable-bar-handle {
    background: rgba(163, 175, 183, 0.8); }
  
  .scrollable.is-dragging {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    user-input: disabled;
    user-focus: ignore; }
  
  .scrollable-inverse.scrollable .scrollable-bar-handle {
    background: rgba(228, 234, 236, 0.6); }
  
  .scrollable-inverse.scrollable.is-dragging .scrollable-bar-handle {
    background: rgba(228, 234, 236, 0.8) !important; }
  
  .scrollable-shadow.scrollable.is-dragging .scrollable-bar, .scrollable-shadow.scrollable.is-hovering .scrollable-bar {
    background: rgba(228, 234, 236, 0.5); }
  
  .scrollable-inverse.scrollable-shadow.scrollable.is-dragging .scrollable-bar, .scrollable-inverse.scrollable-shadow.scrollable.is-hovering .scrollable-bar {
    background: rgba(228, 234, 236, 0.4); }