@charset "UTF-8";
.widget-bg-color-purple {
    background: #9a7caf
}

.widget-bg-color-purple-dark {
    background: #4b365a
}

.widget-bg-color-purple-light {
    background: #674d79
}

.widget-bg-color-green {
    background: #4db3a4
}

.widget-bg-color-red {
    background: #f36a5a
}

.widget-bg-color-blue {
    background: #5b9bd1
}

.widget-bg-color-gray {
    background: #323c45
}

.widget-bg-color-gray-dark {
    background: #144f57
}

.widget-bg-color-white {
    background: #fff
}

.widget-bg-color-dark {
    background: #3e4f5e
}

.widget-bg-color-dark-light {
    background: #8e9daa
}

.widget-bg-color-fb {
    background: #475e98
}

.widget-bg-color-tw {
    background: #55acee
}

.widget-title-color-purple {
    color: #9a7caf
}

.widget-title-color-purple-dark {
    color: #4b365a
}

.widget-title-color-purple-light {
    color: #674d79
}

.widget-title-color-green {
    color: #4db3a4
}

.widget-title-color-red {
    color: #f36a5a
}

.widget-title-color-blue {
    color: #5b9bd1
}

.widget-title-color-gray {
    color: #323c45
}

.widget-title-color-gray-dark {
    color: #144f57
}

.widget-title-color-white {
    color: #fff
}

.widget-title-color-dark {
    color: #3e4f5e
}

.widget-title-color-dark-light {
    color: #8e9daa
}

.widget-title-color-fb {
    color: #475e98
}

.widget-title-color-tw {
    color: #55acee
}

.overflow-h {
    overflow: hidden
}

.widget-carousel .carousel-indicators {
    bottom: 10px;
    left: -18%;
    margin-left: 0
}

.widget-carousel .carousel-indicators-red > li {
    border-color: #f36a5a
}

.widget-carousel .carousel-indicators-red > li.active {
    background: #f36a5a
}

.widget-gradient {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
    min-height: 350px;
    overflow: hidden;
    position: relative
}

.widget-gradient .widget-gradient-body {
    bottom: 0;
    height: auto;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.widget-gradient .widget-gradient-body .widget-gradient-title {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    margin: 0
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions {
    bottom: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li {
    font-size: 14px;
    padding: 0 0 0 8px
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child {
    padding-left: 0
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a {
    color: #fff
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover {
    color: #a1afbb;
    text-decoration: none
}

.widget-wrap-img {
    border-radius: 4px;
    min-height: 350px;
    padding: 20px;
    position: relative
}

.widget-wrap-img .widget-wrap-img-title {
    color: #3e4f5e;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 20px
}

.widget-wrap-img .widget-wrap-img-element {
    bottom: 0;
    position: absolute;
    right: 0
}

.widget-tab {
    border-radius: 4px;
    min-height: 420px
}

.widget-tab .nav-tabs {
    border-color: #eff1f3;
    margin: 0
}

.widget-tab .nav-tabs > li {
    margin: 0 10px
}

.widget-tab .nav-tabs > li:first-child {
    margin-left: 20px
}

.widget-tab .nav-tabs > li > a {
    border: 0;
    color: #8e9daa;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase
}

.widget-tab .nav-tabs > li > a > i {
    color: #8e9daa
}

.widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover {
    border-bottom: 1px solid #f36a5a
}

.widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a {
    background: inherit;
    border: 0;
    color: #f36a5a
}

.widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i {
    color: #f36a5a
}

.widget-tab .nav-tabs > li.active {
    border-bottom: 1px solid #f36a5a;
    position: relative
}

.widget-tab .nav-tabs > li.active > a {
    border: 0;
    color: #f36a5a
}

.widget-tab .nav-tabs > li.active > a > i {
    color: #f36a5a
}

.widget-tab .tab-content {
    color: #8e9daa;
    padding: 20px
}

.widget-tab .slimScrollBar {
    margin-bottom: 17px !important;
    margin-top: 17px !important;
    right: 10px !important
}

.widget-news {
    border-radius: 4px;
    margin-right: 10px;
    overflow: hidden
}

.widget-news .widget-news-left-elem {
    float: left;
    height: auto;
    margin-right: 15px;
    width: 100px
}

.widget-news .widget-news-right-body {
    overflow: hidden
}

.widget-news .widget-news-right-body .widget-news-right-body-title {
    clear: both;
    color: #3e4f5e;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px
}

.widget-news .widget-news-right-body .widget-news-right-body-title .label {
    background: #a1afbb;
    border-radius: 3px !important;
    float: right;
    font-weight: 600
}

.widget-news .widget-news-right-body p {
    font-size: 13px
}

.widget-thumb {
    border-radius: 4px;
    padding: 20px
}

.widget-thumb.bordered {
    border: 1px solid #e7ecf1
}

.widget-thumb .widget-thumb-heading {
    color: #8e9daa;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 20px
}

.widget-thumb .widget-thumb-wrap {
    overflow: hidden
}

.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    height: 60px;
    line-height: 41px;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    width: 60px
}

.widget-thumb .widget-thumb-body {
    overflow: hidden
}

.widget-thumb .widget-thumb-body .widget-thumb-subtitle {
    color: #8e9daa;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px
}

.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
    color: #3e4f5e;
    display: block;
    font-size: 30px;
    font-weight: 600
}

.widget-socials {
    border-radius: 4px;
    min-height: 250px;
    padding: 20px
}

.widget-socials .widget-socials-title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 20px
}

.widget-socials .widget-social-subtitle {
    color: #fff;
    font-weight: 200;
    line-height: 1.4
}

.widget-socials .widget-social-subtitle a {
    color: #fff
}

.widget-socials .widget-socials-paragraph {
    color: #65727d;
    display: block
}

.widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw {
    font-size: 30px;
    margin: 30px 0
}

.widget-socials .widget-social-icon-fb {
    color: #2b3f72
}

.widget-socials .widget-social-icon-tw {
    color: #3686c3
}

.widget-comments {
    min-height: 420px
}

.widget-media {
    border-bottom: 1px solid #f6f9fc;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px
}

.widget-media .widget-media-elements {
    float: left;
    margin-right: 20px
}

.widget-media .widget-media-avatar {
    display: block;
    height: 55px;
    width: 55px
}

.widget-media .widget-btn-default {
    border: 1px solid #ebf0f6;
    color: #96a2b1;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px
}

.widget-media .widget-btn-default .widget-btn-icon {
    line-height: 1.5
}

.widget-media .widget-btn-default:hover {
    background: #ebf0f6;
    text-decoration: none
}

.widget-media .widget-btn-red {
    border: 1px solid #ebf0f6;
    color: #f36a5a;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px
}

.widget-media .widget-btn-red .widget-btn-icon {
    line-height: 1.5
}

.widget-media .widget-btn-red:hover {
    background: #f36a5a;
    color: #fff;
    text-decoration: none
}

.widget-media .widget-btn-blue {
    background: #0d6efd;
    border: 1px solid #ebf0f6;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px
}

.widget-media .widget-btn-blue .widget-btn-icon {
    line-height: 1.5
}

.widget-media .widget-btn-blue:hover {
    background: #fff;
    color: #0d6efd;
    text-decoration: none
}

.widget-media .widget-media-body {
    overflow: hidden
}

.widget-media .widget-media-body .widget-media-body-title {
    color: #5b9bd1;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 7px
}

.widget-media .widget-media-body .widget-media-body-subtitle {
    color: #7e8c9e;
    font-size: 13px
}

.widget-blog {
    background: #fff;
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    padding: 30px 20px 20px
}

.widget-blog .widget-blog-heading {
    margin-bottom: 30px;
    position: relative
}

.widget-blog .widget-blog-heading:before {
    background: #8e9daa;
    border-width: 1px;
    bottom: -15px;
    content: " ";
    height: 1px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px
}

.widget-blog .widget-blog-title {
    color: #3e4f5e;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px
}

.widget-blog .widget-blog-title a {
    color: #3e4f5e
}

.widget-blog .widget-blog-subtitle {
    color: #8e9daa;
    display: block;
    font-size: 13px;
    letter-spacing: 3px
}

.widget-blog .btn-widget-purple {
    border: 1px solid #8e9daa;
    color: #8e9daa;
    display: inline-block;
    font-size: 13px;
    padding: 7px 17px
}

.widget-blog .btn-widget-purple:hover {
    background: #8e9daa;
    color: #fff;
    text-decoration: none
}

.widget-progress {
    min-height: 420px
}

.widget-progress .widget-progress-element {
    border-radius: 4px;
    overflow: hidden;
    padding: 30px 10px
}

.widget-progress .widget-progress-title {
    color: #fff;
    display: block;
    margin-bottom: 5px
}

.widget-progress .progress {
    background: hsla(0, 0%, 100%, .2);
    height: 3px;
    margin-bottom: 0
}

.widget-map {
    border-radius: 4px;
    border-radius: 3px;
    min-height: 350px
}

.widget-map .widget-map-mapplic {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.widget-map .widget-map-mapplic .mapplic-container {
    background: #5b9bd1
}

.widget-map .widget-map-mapplic .mapplic-layer.world > img {
    opacity: .3
}

.widget-map .widget-map-body {
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    padding: 20px
}

.widget-map .widget-sparkline-chart {
    border-left: 1px solid #e7eff7;
    float: left;
    padding: 0 15px;
    width: 25%
}

.widget-map .widget-sparkline-chart:first-child {
    border-left: none
}

.widget-map .widget-sparkline-chart .widget-sparkline-title {
    color: #a1afbb;
    display: block;
    font-size: 12px;
    font-weight: 600
}

@media (max-width: 480px) {
    .widget-map .widget-sparkline-chart {
        border-left: none;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 50%
    }
}

.widget-subscribe {
    border-radius: 4px;
    min-height: 250px;
    overflow: hidden;
    padding: 30px
}

.widget-subscribe .widget-subscribe-no {
    color: #9a7caf;
    float: left;
    font-size: 67px;
    font-weight: 600;
    line-height: 1
}

.widget-subscribe .widget-subscribe-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px 45px
}

.widget-subscribe .widget-subscribe-subtitle {
    font-size: 15px;
    font-weight: 600
}

.widget-subscribe .widget-subscribe-subtitle-link {
    color: #cab0dd
}

.widget-subscribe.widget-subscribe-quote {
    position: relative
}

.widget-subscribe.widget-subscribe-quote:before {
    color: #fff;
    content: "“";
    font-size: 70px;
    position: absolute;
    top: 2px
}

@media (max-width: 767px) {
    .widget-subscribe.widget-subscribe-border {
        border-bottom: 1px solid #f5f8fb;
        border-right: none;
        border-top: 1px solid #f5f8fb
    }
}

@media (min-width: 768px) {
    .widget-subscribe.widget-subscribe-border {
        border-left: 1px solid #f5f8fb;
        border-right: 1px solid #f5f8fb
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .widget-subscribe.widget-subscribe-border {
        border-left: none
    }

    .widget-subscribe.widget-subscribe-border-top {
        border-top: 1px solid #f5f8fb
    }
}

.page-md .widget-bg-color-white, .page-md .widget-blog, .page-md .widget-carousel, .page-md .widget-map, .page-md .widget-progress-element, .page-md .widget-socials {
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .03)
}

.widget {
    background: #fff;
    clear: both;
    margin-bottom: 20px
}

.widget-title {
    background: #ebeae8;
    border-bottom: 1px solid #fff;
    color: #1f64a0 !important;
    cursor: move;
    height: 44px;
    line-height: 34px;
    overflow: hidden
}

.widget-title > h4 {
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    margin: 0;
    overflow: hidden
}

.widget-title > h4 span {
    margin-left: 10px
}

.widget-title > h4 i {
    font-size: 14px;
    margin-right: 2px
}

.widget_none_color {
    background-color: #d4d4d4 !important
}

.widget-title .btn-group {
    margin-right: 5px;
    margin-top: -2px
}

.widget-title .btn-group .caret {
    margin-left: 3px;
    margin-top: 8px
}

.widget-body {
    border-radius: 0 0 3px 3px;
    min-height: 200px;
    padding: 15px
}

.widget-main {
    margin-top: 20px
}

.widget-main h2 {
    font-size: 16px;
    margin-top: 0
}

.widget-main #wrap-widget-1 {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget-main #wrap-widget-1 li .widget-content {
    display: none
}

.widget-main #wrap-widget-1 li:hover .widget-handle {
    border-color: #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.widget-main #wrap-widget-1 li .widget-handle .widget-name {
    margin-bottom: 0;
    margin-top: 0
}

.widget-main #wrap-widget-1 .widget-name .text-end {
    display: none
}

.widget-main #added-widget li .widget-handle, .widget-main #wrap-widget-1 li .widget-handle {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    color: #23282d;
    cursor: pointer;
    font-size: 15px;
    line-height: .8;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.sidebar-area {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 7px
}

.sidebar-area h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#added-widget ul {
    list-style: none;
    margin: 20px 0 0;
    min-height: 50px;
    padding: 0
}

#added-widget .widget-name {
    margin-bottom: 0;
    margin-top: 0;
    position: relative
}

#added-widget .widget-name .text-end {
    position: absolute;
    right: 0;
    top: -2px
}

#added-widget .widget-content {
    border: 1px solid #e5e5e5;
    border-top: none;
    display: none;
    padding: 7px 7px 20px
}

#added-widget .widget-content .btn {
    margin: 0
}

#added-widget .widget-description {
    display: none
}

#added-widget li {
    margin-bottom: 20px
}

.widget-description {
    padding: 6px
}

.widget-description p {
    margin: 0 0 10px
}

.list-tabs-order > div {
    background: #fafafa;
    border: 1px solid #eee;
    cursor: move;
    margin-bottom: 10px;
    padding: 10px
}

.meta-boxes {
    margin-top: 20px
}

.meta-boxes .widget-title {
    background: none;
    border-bottom: 1px solid #eee;
    cursor: move;
    height: 35px;
    overflow: hidden;
    padding: 0 5px
}

.meta-boxes .widget-title > h4 {
    height: 35px;
    line-height: 35px
}

.meta-boxes .widget-body {
    min-height: 0
}

.panel-group .widget.panel {
    margin: 10px 0
}

.modal {
    outline: none;
    overflow-y: auto !important;
    z-index: 10050
}

.page-portlet-fullscreen .modal {
    z-index: 10060
}

.modal .modal-header {
    border-bottom: 1px solid #efefef
}

.modal .modal-header h3 {
    font-weight: 300
}

.modal .modal-header .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    box-shadow: none !important;
    box-sizing: content-box;
    color: #000;
    filter: invert(1) grayscale(100%) brightness(200%);
    height: 1em;
    margin: 0 10px;
    opacity: .5;
    padding: .25em;
    width: 1em
}

.modal .modal-header .btn-close:hover {
    color: #000;
    opacity: .75;
    text-decoration: none
}

.modal.draggable-modal .modal-header {
    cursor: move
}

.modal .modal-dialog {
    z-index: 10051
}

.modal > .loading {
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%
}

.modal.in .page-loading {
    display: none
}

.modal-open {
    overflow-y: auto !important
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

.modal-backdrop {
    border: 0;
    outline: none
}

.page-portlet-fullscreen .modal-backdrop {
    z-index: 10059
}

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important
}

.modal-full.modal-dialog {
    max-width: none;
    width: 95%
}

@media (max-width: 768px) {
    .modal-full.modal-dialog {
        width: auto
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: auto;
    overflow-y: scroll;
    padding-right: 0 !important;
    position: fixed;
    right: 0;
    top: 0
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.show .modal-dialog {
    transform: translate(0)
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: none;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.show {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    background: #d64635;
    border: none;
    border-radius: 0 !important;
    min-height: 16.42857143px;
    padding: 0
}

.modal-header h5.modal-title, .modal-header strong {
    color: #fff;
    float: left;
    line-height: 45px;
    margin: 0 0 0 15px
}

.modal-body {
    position: relative
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right
}

.modal-footer .btn + .btn {
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 80px auto 30px;
        width: 600px
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

@media (min-width: 1200px) {
    .modal-lg {
        width: 1100px
    }
}

.modal-content {
    background: #f9f9f9;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.modal-header h4 {
    font-size: 13px;
    font-weight: 600
}

.modal-header h4 .til_img {
    background: url(/resources/core/core/base/images/img.png) repeat scroll -220px -260px transparent;
    float: left;
    height: 45px;
    margin: 0 0 0 5px;
    width: 45px
}

.modal-footer {
    background: transparent;
    border: none;
    margin-top: 0;
    padding: 15px
}

.modal-body {
    padding-bottom: 0
}

.modal-body > p:last-child {
    margin-bottom: 20px
}

.modal-dialog.size-adaptive {
    padding-left: 50px;
    padding-right: 50px;
    width: 100%
}

.modal-dialog.adaptive-height {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 600px;
    padding-bottom: 50px;
    padding-top: 50px
}

.modal-dialog.adaptive-height .modal-content {
    height: 100%
}

@media (min-width: 768px) {
    .modal-dialog.size-tiny {
        width: 300px
    }

    .modal-dialog.size-small {
        width: 400px
    }
}

@media (min-width: 992px) {
    .modal-dialog.size-large {
        width: 750px
    }

    .modal-dialog.size-huge {
        width: 900px
    }

    .modal-dialog.size-giant {
        width: 982px
    }
}

@media (max-width: 768px) {
    .modal-dialog.size-adaptive {
        margin: 0;
        padding: 5px 0;
        width: auto
    }
}

.modal.fade .modal-dialog {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: scale(.7);
    transition: all .3s, width 0s
}

.modal.fade.show .modal-dialog {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1)
}

.popup-backdrop {
    background-color: rgba(0, 0, 0, .2);
    bottom: 0;
    filter: alpha(opacity=100);
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030
}

.popup-backdrop .popup-loading-indicator {
    display: block;
    filter: alpha(opacity=0);
    height: 100px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    position: absolute;
    top: 130px;
    transform: scale(.7);
    transition: all .3s, width 0s;
    width: 100px
}

.popup-backdrop .popup-loading-indicator:after {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    background-image: url(/resources/core/core/base/images/loader-transparent.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: " ";
    display: block;
    height: 50px;
    margin: 25px 0 0 25px;
    width: 50px
}

.popup-backdrop.loading .popup-loading-indicator {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1)
}

.modal-body .form-actions {
    padding-bottom: 15px
}

.modal .modal-header .close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    box-shadow: none !important;
    box-sizing: content-box;
    color: #000;
    filter: invert(1) grayscale(100%) brightness(200%);
    height: 1em;
    margin: 0 10px;
    opacity: .5;
    padding: .25em;
    text-indent: -9999px;
    width: 1em
}

.table {
    margin-bottom: 0
}

.table.table-bordered thead > tr > th {
    border-bottom: 0
}

.table.table-hover > tbody > tr:hover, .table.table-hover > tbody > tr:hover > td {
    background: #f3f4f6 !important
}

.table .btn {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0
}

.table td .img-responsive {
    width: 100%
}

.table th {
    border-bottom: none !important;
    color: #afafaf;
    font-size: 11px;
    font-weight: 400;
    padding-left: 18px;
    text-align: left;
    text-transform: uppercase
}

.table th.no-sort {
    padding-right: 0 !important
}

.table th.no-sort:after, .table th.no-sort:before {
    display: none !important
}

.table th:hover {
    color: #333
}

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

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

.table td {
    padding: 5px 12px !important
}

.table td .text-start {
    display: block;
    float: left !important
}

.tableFloatingHeaderOriginal {
    left: 0 !important;
    top: 0
}

.table-wrapper .portlet.portlet-no-padding {
    padding: 0
}

.table-wrapper .portlet.portlet-no-padding .portlet-title {
    margin-bottom: 0;
    min-height: 55px;
    padding-left: 11px
}

.table-wrapper .portlet.portlet-no-padding .portlet-body {
    padding-top: 0
}

.dropdown-header-name {
    color: #353535 !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 300
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 17px 10px 14px
}

.user-menu > a {
    background-color: #2d3a42;
    background-image: url(/resources/core/core/base/images/ui/nav_arrow_right.png) no-repeat 182px;
    display: block;
    padding: 18px 16px
}

.user-menu > a img {
    display: block;
    float: left;
    width: 48px
}

.user-menu .thumbnail img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.user-info {
    color: #fff;
    float: left;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 8px
}

.user-info span {
    color: #999;
    display: block;
    font-size: 11px;
    margin: 2px 0 0
}

.user-menu {
    display: block;
    padding: 0
}

.user-menu img {
    float: none;
    max-width: 100%
}

.page-logo .logo-default {
    height: 24px;
    margin: 12px 0 0 !important;
    width: auto;
}

.mCSB_container {
    width: auto !important
}

label.error {
    background-color: #d65c4f;
    color: #fff;
    display: table;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 6px;
    padding: 5px 8px
}

label.error.valid {
    background-color: #65b688
}

.form-group .bootstrap-tagsinput {
    border-radius: 0
}

ul.dropdown-menu.float-end > li:first-child:before {
    left: auto;
    right: 11px
}

ul.dropdown-menu.float-end > li:first-child:after {
    left: auto;
    right: 12px
}

.twitter-typeahead .tt-hint, .twitter-typeahead .tt-query {
    margin-bottom: 0
}

.tt-menu, .twitter-typeahead .tt-hint {
    display: none
}

.tt-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    cursor: pointer;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000
}

.tt-suggestion {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.428571429;
    padding: 3px 20px;
    white-space: nowrap
}

.tt-suggestion:focus, .tt-suggestion:hover {
    background-color: #428bca;
    color: #fff;
    outline: 0;
    text-decoration: none
}

.bootstrap-tagsinput input {
    max-width: 110px
}

.input-group .input-group-text {
    background: #e5e5e5;
    border-color: #e5e5e5;
    min-width: 39px
}

.main-form {
    background: #fff;
    margin-bottom: 15px;
    padding: 10px
}

.main-form .panel-heading {
    background-color: #fafafa;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px
}

#stats-doughnut-chart {
    margin-top: 50px
}

.box-href, .info-box-icon i {
    color: hsla(0, 0%, 100%, .8) !important
}

.box-href:hover, .info-box-icon i:hover, .info-box:hover .info-box-icon i {
    color: #fff !important
}

.s-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#s-rectBox {
    border: 2px dashed #cbd3e3;
    position: absolute;
    z-index: 1090
}

.widget.meta-boxes:first-child {
    margin-top: 0
}

.select-language-table {
    width: 100%
}

.help-block, .help-ts {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    cursor: help;
    display: block;
    font-size: .9em;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 5px
}

.help-block:empty, .help-ts:empty {
    display: none !important
}

.help-block *, .help-ts * {
    color: #31708f
}

.form-group {
    position: relative
}

small.charcounter {
    position: absolute;
    right: 0;
    top: 0;
    display: none !important;
}

.onoffswitch {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 45px
}

.form-group .onoffswitch {
    float: left;
    margin-right: 10px
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    border: 2px solid #DBA510;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background-color: #DBA510;
    height: 36px;
    width: 64px;
}

.onoffswitch-inner {
    margin-left: -100%;
    transition: margin .3s ease-in 0s;
    width: 200%
}

.onoffswitch-inner:after, .onoffswitch-inner:before {
    box-sizing: border-box;
    color: #DBA510;
    float: left;
    font-size: 15px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    padding: 0;
    width: 50%
}

.onoffswitch-inner:before {
    background-color: #DBA510;
    color: #DBA510;
    content: "";
    padding-left: 10px
}

.onoffswitch-inner:after {
    background-color: #DBA510;
    color: #DBA510;
    content: "";
    padding-right: 10px;
    text-align: right
}

.onoffswitch-switch {
    background: #a1a1a1;
    border: 2px solid #e6e6e6;
    border-radius: 50% !important;
    bottom: 0;
    height: 32px;
    margin: 0;
    position: absolute;
    right: 10px;
    margin-left: 23px;
    top: 23px;
    transition: all .3s ease-in 0s;
    width: 32px
}

.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    background-color: #fff;
    right: -17;
}

.required:after {
    color: red;
    content: " *"
}

.list-feature .ui-widget-content {
    background: none;
    border: none;
    margin-top: 15px
}

.pwstrength_viewport_progress {
    margin-top: 5px
}

.permission-flag-level-one {
    margin-left: 0;
    padding-top: 10px
}

.permission-flag-level-two {
    margin-left: 30px;
    padding-top: 10px
}

.permission-flag-level-three {
    margin-left: 60px;
    padding-top: 10px
}

.permission-flag-level-four {
    margin-left: 90px;
    padding-top: 10px
}

.permission-flag-level-five {
    margin-left: 120px;
    padding-top: 10px
}

.breadcrumb {
    background: transparent;
    border-radius: 0;
    float: left;
    font-size: 13px;
    margin: 10px 0;
    padding: 0
}

.breadcrumb > li > a {
    color: #444;
    display: inline-block;
    text-decoration: none
}

.breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px
}

.breadcrumb > li:first-child:before {
    color: #333;
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 Font Awesome\ 5 Free;
    font-weight: 900;
    padding-right: 4px
}

.admin-grid .sub-header {
    color: #999;
    font-size: 14px
}

.admin-grid .row + .sub-header {
    margin-top: 30px
}

.admin-grid .list-group-item-text {
    min-height: 2.5em
}

.admin-grid .list-group {
    margin-bottom: 20px
}

.list-group {
    margin-bottom: 0
}

.list-group-item {
    padding: 11px 12px
}

.list-group-item i {
    float: left;
    margin-right: 8px
}

.list-group-item .btn {
    position: absolute;
    right: 3px;
    top: 3px
}

.list-group-item.has-button {
    padding-right: 36px
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 0
}

.list-group-item > .badge, .list-group-item > .label {
    float: right;
    margin-top: -3px
}

.list-group-item > .label + .label {
    margin-right: 5px
}

a.list-group-item:focus, a.list-group-item:hover {
    background-color: #fafafa
}

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

.list-group-item-success {
    background-color: #f5faf4;
    color: #2d552d
}

a.list-group-item-success {
    color: #2d552d
}

a.list-group-item-success:focus, a.list-group-item-success:hover {
    background-color: #ecf6ea;
    color: #2d552d
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item-danger {
    background-color: #fdf5f5;
    color: #923e3c
}

a.list-group-item-danger {
    color: #923e3c
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover {
    background-color: #f8efef;
    color: #923e3c
}

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

.list-group-item-warning {
    background-color: #fffdf0;
    color: #725a32
}

a.list-group-item-warning {
    color: #725a32
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover {
    background-color: #faf8e9;
    color: #725a32
}

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

.list-group-item-info {
    background-color: #f5fbfd;
    color: #426a7e
}

a.list-group-item-info {
    color: #426a7e
}

a.list-group-item-info:focus, a.list-group-item-info:hover {
    background-color: #ecf6fa;
    color: #426a7e
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
    background-color: #3ca2bb;
    border-color: #3ca2bb
}

.page-sidebar-closed .user-info {
    display: none
}

.page-sidebar-closed .user-menu > a {
    padding: 18px 5px
}

@media (max-width: 767px) {
    .widgets {
        display: block
    }
}

.portlet.portlet-no-padding {
    overflow: hidden;
    padding: 0
}

.portlet.portlet-no-padding .portlet-title {
    margin-bottom: 0;
    min-height: 40px;
    padding-left: 11px
}

.portlet.portlet-no-padding .portlet-title .tools {
    margin-right: 10px;
    margin-top: 0;
    padding: 10px 0 8px
}

.portlet.portlet-no-padding .portlet-body {
    padding: 0
}

#auto-checkboxes ul > li {
    margin-bottom: 10px;
    margin-left: 0
}

.control-label {
    font-weight: 500
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: right 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    padding: .5em 1.5em .5em .5em
}

.popover.colorpicker-bs-popover {
    display: none
}

.colorpicker-popup.colorpicker-bs-popover-content {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
    padding: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999
}

.input-group.color .input-group-text i {
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 6px;
    width: 20px
}

.colorpicker.dropdown-menu {
    padding: 5px
}

.modal-open .colorpicker {
    z-index: 10055 !important
}

.datepicker.dropdown-menu {
    padding: 5px
}

.datepicker .selected {
    background-color: #909090 !important
}

.datepicker .active, .datepicker .selected {
    background-image: none !important;
    filter: none !important
}

.datepicker .active {
    background-color: #4b8df8 !important
}

.datepicker .active:hover {
    background-color: #2678fc !important;
    background-image: none !important;
    filter: none !important
}

.datepicker .input-daterange input {
    text-align: left
}

.modal-open .modal-body .datepicker {
    z-index: 10055 !important
}

.datepicker table td {
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 300 !important
}

.datepicker table th {
    color: #333;
    font-family: Roboto, sans-serif;
    font-weight: 400 !important
}

.datepicker.dropdown-menu {
    border: 1px solid #efefef;
    box-shadow: 5px 5px hsla(0, 0%, 40%, .1)
}

.datepicker .fa-angle-left:before {
    content: "\f104"
}

.datepicker .fa-angle-right:before {
    content: "\f105"
}

.modal-open .daterangepicker {
    z-index: 10055 !important
}

.daterangepicker {
    margin-top: 4px
}

.daterangepicker .input-mini {
    outline: none !important;
    width: 100% !important
}

.daterangepicker td {
    text-shadow: none
}

.daterangepicker td.active {
    background-color: #4b8df8;
    background-image: none;
    filter: none
}

.daterangepicker th {
    font-size: 14px;
    font-weight: 400
}

.daterangepicker .ranges input[type=text] {
    font-size: 11px;
    vertical-align: middle;
    width: 70px !important
}

.daterangepicker .ranges label {
    display: block;
    font-weight: 300
}

.daterangepicker .ranges {
    width: 170px
}

.daterangepicker .ranges ul > li.active {
    border-radius: 4px
}

.daterangepicker .ranges .btn {
    margin-top: 10px
}

.daterangepicker.dropdown-menu {
    padding: 5px
}

.daterangepicker .ranges li {
    color: #333
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #4b8df8 !important;
    border: 1px solid #4b8df8 !important;
    color: #fff
}

.daterangepicker .range_inputs input {
    margin-bottom: 0 !important
}

.daterangepicker .fa-angle-right:before {
    content: "\f105"
}

.daterangepicker .fa-angle-left:before {
    content: "\f104"
}

.datetimepicker table td {
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 300 !important
}

.datetimepicker table th {
    font-family: Roboto, sans-serif;
    font-weight: 400 !important
}

.datetimepicker.dropdown-menu {
    padding: 5px
}

.datetimepicker .active {
    background-color: #4b8df8 !important;
    background-image: none !important;
    filter: none !important
}

.datetimepicker .active:hover {
    background-color: #2678fc !important;
    background-image: none !important;
    filter: none !important
}

.datetimepicker .fa-angle-left:before {
    content: "\f104"
}

.datetimepicker .fa-angle-right:before {
    content: "\f105"
}

.modal-open .datetimepicker {
    z-index: 10055
}

.bootstrap-timepicker-widget table td a {
    padding: 4px 0
}

.bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus {
    border: 0;
    outline: none !important
}

.modal-open .bootstrap-timepicker-widget {
    z-index: 10055 !important
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after, .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    top: auto
}

/*!
 * Cropper v0.7.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014 Fengyuan Chen
 * Released under the MIT license
 */
.cropper-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cropper-container img {
    height: 100%;
    max-height: none !important;
    max-width: none !important;
    width: 100%
}

.cropper-canvas, .cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.cropper-dragger {
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%
}

.cropper-viewer {
    display: block;
    height: 100%;
    outline-color: #69f;
    outline-color: rgba(51, 102, 255, .75);
    outline-style: solid;
    outline-width: 1px;
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #fff;
    display: block;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.3%;
    left: 0;
    top: 33.3%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.3%;
    top: 0;
    width: 33.3%
}

.cropper-face, .cropper-line, .cropper-point {
    display: block;
    filter: alpha(opacity=10);
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    cursor: move;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #69f
}

.cropper-line.line-e {
    cursor: e-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: n-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: w-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: s-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #69f;
    filter: alpha(opacity=75);
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: ne-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nw-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: sw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

.cropper-point.point-se:before {
    background-color: #69f;
    bottom: -50%;
    content: " ";
    display: block;
    filter: alpha(opacity=0);
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        filter: alpha(opacity=75);
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-hidden {
    display: none !important
}

.cropper-invisible {
    filter: alpha(opacity=0);
    height: auto !important;
    left: 0;
    max-height: none !important;
    max-width: none !important;
    opacity: 0;
    position: fixed;
    top: 0;
    width: auto !important;
    z-index: -1
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-canvas, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed
}

.avatar-body {
    padding-left: 15px;
    padding-right: 15px
}

.avatar-upload {
    overflow: hidden
}

.avatar-upload label {
    clear: left;
    display: block;
    float: left;
    width: 100px
}

.avatar-upload input {
    display: block;
    margin-left: 110px
}

.avater-alert {
    margin-bottom: 10px;
    margin-top: 10px
}

.avatar-wrapper {
    background-color: #fcfcfc;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .25);
    height: 364px;
    margin-top: 15px;
    overflow: hidden;
    width: 100%
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%
}

.avatar-preview {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    overflow: hidden
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.avatar-preview img {
    width: 100%
}

.preview-lg {
    height: 184px;
    margin-top: 15px;
    width: 184px
}

.preview-md {
    height: 100px;
    width: 100px
}

.preview-sm {
    height: 50px;
    width: 50px
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none
    }
}

.cropper-loading {
    background: #fff url(/resources/core/core/base/images/loading.gif) no-repeat 50%;
    bottom: 0;
    display: none;
    filter: alpha(opacity=75);
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20140628
}

.avatar-view {
    cursor: pointer
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace .pace-progress {
    background: #29d;
    height: 2px;
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 10005
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: rotate(3deg) translateY(-4px);
    width: 100px
}

.pace .pace-activity {
    -webkit-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite;
    border-color: #fff transparent transparent #fff;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 14px;
    position: fixed;
    right: 15px;
    top: 20px;
    width: 14px;
    z-index: 2000
}

.pace-inactive {
    display: none
}

@-webkit-keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: entypo;
    font-style: normal;
    font-weight: 400;
    src: url(/resources/core/core/base/fonts/entypo.eot);
    src: url(/resources/core/core/base/fonts/entypo.eot?#iefix) format("eot"), url(/resources/core/core/base/fonts/entypo.woff2) format("woff2"), url(/resources/core/core/base/fonts/entypo.woff) format("woff"), url(/resources/core/core/base/fonts/entypo.ttf) format("truetype")
}

.icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: entypo;
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 2px
}

.carousel .icon-chevron-thin-left, .carousel .icon-chevron-thin-right {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5
}

.carousel .icon-chevron-thin-left {
    left: 50%;
    margin-left: -10px
}

.carousel .icon-chevron-thin-right {
    margin-right: -10px;
    right: 50%
}

.icon-500px-with-circle:before {
    content: "\ea01"
}

.icon-500px:before {
    content: "\ea02"
}

.icon-add-to-list:before {
    content: "\ea03"
}

.icon-add-user:before {
    content: "\ea04"
}

.icon-address:before {
    content: "\ea05"
}

.icon-adjust:before {
    content: "\ea06"
}

.icon-air:before {
    content: "\ea07"
}

.icon-aircraft-landing:before {
    content: "\ea08"
}

.icon-aircraft-take-off:before {
    content: "\ea09"
}

.icon-aircraft:before {
    content: "\ea0a"
}

.icon-align-bottom:before {
    content: "\ea0b"
}

.icon-align-horizontal-middle:before {
    content: "\ea0c"
}

.icon-align-left:before {
    content: "\ea0d"
}

.icon-align-right:before {
    content: "\ea0e"
}

.icon-align-top:before {
    content: "\ea0f"
}

.icon-align-vertical-middle:before {
    content: "\ea10"
}

.icon-app-store:before {
    content: "\ea11"
}

.icon-archive:before {
    content: "\ea12"
}

.icon-area-graph:before {
    content: "\ea13"
}

.icon-arrow-bold-down:before {
    content: "\ea14"
}

.icon-arrow-bold-left:before {
    content: "\ea15"
}

.icon-arrow-bold-right:before {
    content: "\ea16"
}

.icon-arrow-bold-up:before {
    content: "\ea17"
}

.icon-arrow-down:before {
    content: "\ea18"
}

.icon-arrow-left:before {
    content: "\ea19"
}

.icon-arrow-long-down:before {
    content: "\ea1a"
}

.icon-arrow-long-left:before {
    content: "\ea1b"
}

.icon-arrow-long-right:before {
    content: "\ea1c"
}

.icon-arrow-long-up:before {
    content: "\ea1d"
}

.icon-arrow-right:before {
    content: "\ea1e"
}

.icon-arrow-up:before {
    content: "\ea1f"
}

.icon-arrow-with-circle-down:before {
    content: "\ea20"
}

.icon-arrow-with-circle-left:before {
    content: "\ea21"
}

.icon-arrow-with-circle-right:before {
    content: "\ea22"
}

.icon-arrow-with-circle-up:before {
    content: "\ea23"
}

.icon-attachment:before {
    content: "\ea24"
}

.icon-awareness-ribbon:before {
    content: "\ea25"
}

.icon-back-in-time:before {
    content: "\ea26"
}

.icon-back:before {
    content: "\ea27"
}

.icon-baidu:before {
    content: "\ea28"
}

.icon-bar-graph:before {
    content: "\ea29"
}

.icon-basecamp:before {
    content: "\ea2a"
}

.icon-battery:before {
    content: "\ea2b"
}

.icon-beamed-note:before {
    content: "\ea2c"
}

.icon-behance:before {
    content: "\ea2d"
}

.icon-bell:before {
    content: "\ea2e"
}

.icon-blackboard:before {
    content: "\ea2f"
}

.icon-block:before {
    content: "\ea30"
}

.icon-book:before {
    content: "\ea31"
}

.icon-bookmark:before {
    content: "\ea32"
}

.icon-bookmarks:before {
    content: "\ea33"
}

.icon-bowl:before {
    content: "\ea34"
}

.icon-box:before {
    content: "\ea35"
}

.icon-briefcase:before {
    content: "\ea36"
}

.icon-browser:before {
    content: "\ea37"
}

.icon-brush:before {
    content: "\ea38"
}

.icon-bucket:before {
    content: "\ea39"
}

.icon-bug:before {
    content: "\ea3a"
}

.icon-cake:before {
    content: "\ea3b"
}

.icon-calculator:before {
    content: "\ea3c"
}

.icon-calendar:before {
    content: "\ea3d"
}

.icon-camera:before {
    content: "\ea3e"
}

.icon-ccw:before {
    content: "\ea3f"
}

.icon-chat:before {
    content: "\ea40"
}

.icon-check:before {
    content: "\ea41"
}

.icon-chevron-down:before {
    content: "\ea42"
}

.icon-chevron-left:before {
    content: "\ea43"
}

.icon-chevron-right:before {
    content: "\ea44"
}

.icon-chevron-small-down:before {
    content: "\ea45"
}

.icon-chevron-small-left:before {
    content: "\ea46"
}

.icon-chevron-small-right:before {
    content: "\ea47"
}

.icon-chevron-small-up:before {
    content: "\ea48"
}

.icon-chevron-thin-down:before {
    content: "\ea49"
}

.icon-chevron-thin-left:before {
    content: "\ea4a"
}

.icon-chevron-thin-right:before {
    content: "\ea4b"
}

.icon-chevron-thin-up:before {
    content: "\ea4c"
}

.icon-chevron-up:before {
    content: "\ea4d"
}

.icon-chevron-with-circle-down:before {
    content: "\ea4e"
}

.icon-chevron-with-circle-left:before {
    content: "\ea4f"
}

.icon-chevron-with-circle-right:before {
    content: "\ea50"
}

.icon-chevron-with-circle-up:before {
    content: "\ea51"
}

.icon-circle-with-cross:before {
    content: "\ea52"
}

.icon-circle-with-minus:before {
    content: "\ea53"
}

.icon-circle-with-plus:before {
    content: "\ea54"
}

.icon-circle:before {
    content: "\ea55"
}

.icon-circular-graph:before {
    content: "\ea56"
}

.icon-clapperboard:before {
    content: "\ea57"
}

.icon-classic-computer:before {
    content: "\ea58"
}

.icon-clipboard:before {
    content: "\ea59"
}

.icon-clock:before {
    content: "\ea5a"
}

.icon-cloud:before {
    content: "\ea5b"
}

.icon-code:before {
    content: "\ea5c"
}

.icon-cog:before {
    content: "\ea5d"
}

.icon-colours:before {
    content: "\ea5e"
}

.icon-compass:before {
    content: "\ea5f"
}

.icon-controller-fast-backward:before {
    content: "\ea60"
}

.icon-controller-fast-forward:before {
    content: "\ea61"
}

.icon-controller-jump-to-start:before {
    content: "\ea62"
}

.icon-controller-next:before {
    content: "\ea63"
}

.icon-controller-paus:before {
    content: "\ea64"
}

.icon-controller-play:before {
    content: "\ea65"
}

.icon-controller-record:before {
    content: "\ea66"
}

.icon-controller-stop:before {
    content: "\ea67"
}

.icon-controller-volume:before {
    content: "\ea68"
}

.icon-copy:before {
    content: "\ea69"
}

.icon-creative-cloud:before {
    content: "\ea6a"
}

.icon-creative-commons-attribution:before {
    content: "\ea6b"
}

.icon-creative-commons-noderivs:before {
    content: "\ea6c"
}

.icon-creative-commons-noncommercial-eu:before {
    content: "\ea6d"
}

.icon-creative-commons-noncommercial-us:before {
    content: "\ea6e"
}

.icon-creative-commons-public-domain:before {
    content: "\ea6f"
}

.icon-creative-commons-remix:before {
    content: "\ea70"
}

.icon-creative-commons-share:before {
    content: "\ea71"
}

.icon-creative-commons-sharealike:before {
    content: "\ea72"
}

.icon-creative-commons:before {
    content: "\ea73"
}

.icon-credit-card:before {
    content: "\ea74"
}

.icon-credit:before {
    content: "\ea75"
}

.icon-crop:before {
    content: "\ea76"
}

.icon-cross:before {
    content: "\ea77"
}

.icon-cup:before {
    content: "\ea78"
}

.icon-cw:before {
    content: "\ea79"
}

.icon-cycle:before {
    content: "\ea7a"
}

.icon-database:before {
    content: "\ea7b"
}

.icon-dial-pad:before {
    content: "\ea7c"
}

.icon-direction:before {
    content: "\ea7d"
}

.icon-document-landscape:before {
    content: "\ea7e"
}

.icon-document:before {
    content: "\ea7f"
}

.icon-documents:before {
    content: "\ea80"
}

.icon-dot-single:before {
    content: "\ea81"
}

.icon-dots-three-horizontal:before {
    content: "\ea82"
}

.icon-dots-three-vertical:before {
    content: "\ea83"
}

.icon-dots-two-horizontal:before {
    content: "\ea84"
}

.icon-dots-two-vertical:before {
    content: "\ea85"
}

.icon-download:before {
    content: "\ea86"
}

.icon-dribbble-with-circle:before {
    content: "\ea87"
}

.icon-dribbble:before {
    content: "\ea88"
}

.icon-drink:before {
    content: "\ea89"
}

.icon-drive:before {
    content: "\ea8a"
}

.icon-drop:before {
    content: "\ea8b"
}

.icon-dropbox:before {
    content: "\ea8c"
}

.icon-edit:before {
    content: "\ea8d"
}

.icon-email:before {
    content: "\ea8e"
}

.icon-emoji-flirt:before {
    content: "\ea8f"
}

.icon-emoji-happy:before {
    content: "\ea90"
}

.icon-emoji-neutral:before {
    content: "\ea91"
}

.icon-emoji-sad:before {
    content: "\ea92"
}

.icon-erase:before {
    content: "\ea93"
}

.icon-eraser:before {
    content: "\ea94"
}

.icon-evernote:before {
    content: "\ea95"
}

.icon-export:before {
    content: "\ea96"
}

.icon-eye-with-line:before {
    content: "\ea97"
}

.icon-eye:before {
    content: "\ea98"
}

.icon-facebook-with-circle:before {
    content: "\ea99"
}

.icon-facebook:before {
    content: "\ea9a"
}

.icon-feather:before {
    content: "\ea9b"
}

.icon-fingerprint:before {
    content: "\ea9c"
}

.icon-flag:before {
    content: "\ea9d"
}

.icon-flash:before {
    content: "\ea9e"
}

.icon-flashlight:before {
    content: "\ea9f"
}

.icon-flat-brush:before {
    content: "\eaa0"
}

.icon-flattr:before {
    content: "\eaa1"
}

.icon-flickr-with-circle:before {
    content: "\eaa2"
}

.icon-flickr:before {
    content: "\eaa3"
}

.icon-flow-branch:before {
    content: "\eaa4"
}

.icon-flow-cascade:before {
    content: "\eaa5"
}

.icon-flow-line:before {
    content: "\eaa6"
}

.icon-flow-parallel:before {
    content: "\eaa7"
}

.icon-flow-tree:before {
    content: "\eaa8"
}

.icon-flower:before {
    content: "\eaa9"
}

.icon-folder-images:before {
    content: "\eaaa"
}

.icon-folder-music:before {
    content: "\eaab"
}

.icon-folder-video:before {
    content: "\eaac"
}

.icon-folder:before {
    content: "\eaad"
}

.icon-forward:before {
    content: "\eaae"
}

.icon-foursquare:before {
    content: "\eaaf"
}

.icon-funnel:before {
    content: "\eab0"
}

.icon-game-controller:before {
    content: "\eab1"
}

.icon-gauge:before {
    content: "\eab2"
}

.icon-github-with-circle:before {
    content: "\eab3"
}

.icon-github:before {
    content: "\eab4"
}

.icon-globe:before {
    content: "\eab5"
}

.icon-google-plus-with-circle:before {
    content: "\eab6"
}

.icon-google-plus:before {
    content: "\eab7"
}

.icon-google-drive:before {
    content: "\eab8"
}

.icon-google-hangouts:before {
    content: "\eab9"
}

.icon-google-play:before {
    content: "\eaba"
}

.icon-graduation-cap:before {
    content: "\eabb"
}

.icon-grid:before {
    content: "\eabc"
}

.icon-grooveshark:before {
    content: "\eabd"
}

.icon-hair-cross:before {
    content: "\eabe"
}

.icon-hand:before {
    content: "\eabf"
}

.icon-heart-outlined:before {
    content: "\eac0"
}

.icon-heart:before {
    content: "\eac1"
}

.icon-help-with-circle:before {
    content: "\eac2"
}

.icon-help:before {
    content: "\eac3"
}

.icon-home:before {
    content: "\eac4"
}

.icon-hour-glass:before {
    content: "\eac5"
}

.icon-houzz:before {
    content: "\eac6"
}

.icon-icloud:before {
    content: "\eac7"
}

.icon-image-inverted:before {
    content: "\eac8"
}

.icon-image:before {
    content: "\eac9"
}

.icon-images:before {
    content: "\eaca"
}

.icon-inbox:before {
    content: "\eacb"
}

.icon-infinity:before {
    content: "\eacc"
}

.icon-info-with-circle:before {
    content: "\eacd"
}

.icon-info:before {
    content: "\eace"
}

.icon-instagram-with-circle:before {
    content: "\eacf"
}

.icon-instagram:before {
    content: "\ead0"
}

.icon-install:before {
    content: "\ead1"
}

.icon-keyboard:before {
    content: "\ead3"
}

.icon-lab-flask:before {
    content: "\ead4"
}

.icon-landline:before {
    content: "\ead5"
}

.icon-language:before {
    content: "\ead6"
}

.icon-laptop:before {
    content: "\ead7"
}

.icon-lastfm-with-circle:before {
    content: "\ead8"
}

.icon-lastfm:before {
    content: "\ead9"
}

.icon-layers:before {
    content: "\eada"
}

.icon-leaf:before {
    content: "\eadb"
}

.icon-level-down:before {
    content: "\eadc"
}

.icon-level-up:before {
    content: "\eadd"
}

.icon-lifebuoy:before {
    content: "\eade"
}

.icon-light-bulb:before {
    content: "\eadf"
}

.icon-light-down:before {
    content: "\eae0"
}

.icon-light-up:before {
    content: "\eae1"
}

.icon-line-graph:before {
    content: "\eae2"
}

.icon-link:before {
    content: "\eae3"
}

.icon-linkedin-with-circle:before {
    content: "\eae4"
}

.icon-linkedin:before {
    content: "\eae5"
}

.icon-list:before {
    content: "\eae6"
}

.icon-location-pin:before {
    content: "\eae7"
}

.icon-location:before {
    content: "\eae8"
}

.icon-lock-open:before {
    content: "\eae9"
}

.icon-lock:before {
    content: "\eaea"
}

.icon-log-out:before {
    content: "\eaeb"
}

.icon-login:before {
    content: "\eaec"
}

.icon-loop:before {
    content: "\eaed"
}

.icon-magnet:before {
    content: "\eaee"
}

.icon-magnifying-glass:before {
    content: "\eaef"
}

.icon-mail-with-circle:before {
    content: "\eaf0"
}

.icon-mail:before {
    content: "\eaf1"
}

.icon-man:before {
    content: "\eaf2"
}

.icon-map:before {
    content: "\eaf3"
}

.icon-mask:before {
    content: "\eaf4"
}

.icon-medal:before {
    content: "\eaf5"
}

.icon-medium-with-circle:before {
    content: "\eaf6"
}

.icon-medium:before {
    content: "\eaf7"
}

.icon-megaphone:before {
    content: "\eaf8"
}

.icon-menu-white:before {
    content: "\eaf9"
}

.icon-merge:before {
    content: "\eafb"
}

.icon-message:before {
    content: "\eafc"
}

.icon-mic:before {
    content: "\eafd"
}

.icon-minus:before {
    content: "\eafe"
}

.icon-mixi:before {
    content: "\eaff"
}

.icon-mobile:before {
    content: "\eb00"
}

.icon-modern-mic:before {
    content: "\eb01"
}

.icon-moon:before {
    content: "\eb02"
}

.icon-mouse-pointer:before {
    content: "\eb03"
}

.icon-mouse:before {
    content: "\eb04"
}

.icon-music:before {
    content: "\eb05"
}

.icon-network:before {
    content: "\eb06"
}

.icon-new-message:before {
    content: "\eb07"
}

.icon-new:before {
    content: "\eb08"
}

.icon-news:before {
    content: "\eb09"
}

.icon-newsletter:before {
    content: "\eb0a"
}

.icon-notification:before {
    content: "\eb0c"
}

.icon-notifications-off:before {
    content: "\eb0d"
}

.icon-old-mobile:before {
    content: "\eb0e"
}

.icon-old-phone:before {
    content: "\eb0f"
}

.icon-onedrive:before {
    content: "\eb10"
}

.icon-open-book:before {
    content: "\eb11"
}

.icon-palette:before {
    content: "\eb12"
}

.icon-paper-plane:before {
    content: "\eb13"
}

.icon-paypal:before {
    content: "\eb14"
}

.icon-pencil:before {
    content: "\eb15"
}

.icon-phone:before {
    content: "\eb16"
}

.icon-picasa:before {
    content: "\eb17"
}

.icon-pie-chart:before {
    content: "\eb18"
}

.icon-pin:before {
    content: "\eb19"
}

.icon-pinterest-with-circle:before {
    content: "\eb1a"
}

.icon-pinterest:before {
    content: "\eb1b"
}

.icon-plus:before {
    content: "\eb1c"
}

.icon-popup:before {
    content: "\eb1d"
}

.icon-power-plug:before {
    content: "\eb1e"
}

.icon-price-ribbon:before {
    content: "\eb1f"
}

.icon-price-tag:before {
    content: "\eb20"
}

.icon-print:before {
    content: "\eb21"
}

.icon-progress-empty:before {
    content: "\eb22"
}

.icon-progress-full:before {
    content: "\eb23"
}

.icon-progress-one:before {
    content: "\eb24"
}

.icon-progress-two:before {
    content: "\eb25"
}

.icon-publish:before {
    content: "\eb26"
}

.icon-qq-with-circle:before {
    content: "\eb27"
}

.icon-qq:before {
    content: "\eb28"
}

.icon-quote:before {
    content: "\eb29"
}

.icon-radio:before {
    content: "\eb2a"
}

.icon-raft-with-circle:before {
    content: "\eb2b"
}

.icon-raft:before {
    content: "\eb2c"
}

.icon-rainbow:before {
    content: "\eb2d"
}

.icon-rdio-with-circle:before {
    content: "\eb2e"
}

.icon-rdio:before {
    content: "\eb2f"
}

.icon-remove-user:before {
    content: "\eb30"
}

.icon-renren:before {
    content: "\eb31"
}

.icon-reply-all:before {
    content: "\eb32"
}

.icon-reply:before {
    content: "\eb33"
}

.icon-resize-100:before {
    content: "\eb34"
}

.icon-resize-full-screen:before {
    content: "\eb35"
}

.icon-retweet:before {
    content: "\eb36"
}

.icon-rocket:before {
    content: "\eb37"
}

.icon-round-brush:before {
    content: "\eb38"
}

.icon-rss:before {
    content: "\eb39"
}

.icon-ruler:before {
    content: "\eb3a"
}

.icon-save:before {
    content: "\eb3b"
}

.icon-scissors:before {
    content: "\eb3c"
}

.icon-scribd:before {
    content: "\eb3d"
}

.icon-select-arrows:before {
    content: "\eb3e"
}

.icon-share-alternative:before {
    content: "\eb3f"
}

.icon-share-alternitive:before {
    content: "\eb40"
}

.icon-share:before {
    content: "\eb41"
}

.icon-shareable:before {
    content: "\eb42"
}

.icon-shield:before {
    content: "\eb43"
}

.icon-shop:before {
    content: "\eb44"
}

.icon-shopping-bag:before {
    content: "\eb45"
}

.icon-shopping-basket:before {
    content: "\eb46"
}

.icon-shopping-cart:before {
    content: "\eb47"
}

.icon-shuffle:before {
    content: "\eb48"
}

.icon-signal:before {
    content: "\eb49"
}

.icon-sina-weibo:before {
    content: "\eb4a"
}

.icon-skype-with-circle:before {
    content: "\eb4b"
}

.icon-skype:before {
    content: "\eb4c"
}

.icon-slideshare:before {
    content: "\eb4d"
}

.icon-smashing:before {
    content: "\eb4e"
}

.icon-sound-mix:before {
    content: "\eb4f"
}

.icon-sound-mute:before {
    content: "\eb50"
}

.icon-sound:before {
    content: "\eb51"
}

.icon-soundcloud:before {
    content: "\eb52"
}

.icon-sports-club:before {
    content: "\eb53"
}

.icon-spotify-with-circle:before {
    content: "\eb54"
}

.icon-spotify:before {
    content: "\eb55"
}

.icon-spreadsheet:before {
    content: "\eb56"
}

.icon-squared-cross:before {
    content: "\eb57"
}

.icon-squared-minus:before {
    content: "\eb58"
}

.icon-squared-plus:before {
    content: "\eb59"
}

.icon-star-outlined:before {
    content: "\eb5a"
}

.icon-star:before {
    content: "\eb5b"
}

.icon-stopwatch:before {
    content: "\eb5c"
}

.icon-stumbleupon-with-circle:before {
    content: "\eb5d"
}

.icon-stumbleupon:before {
    content: "\eb5e"
}

.icon-suitcase:before {
    content: "\eb5f"
}

.icon-swap:before {
    content: "\eb60"
}

.icon-swarm:before {
    content: "\eb61"
}

.icon-sweden:before {
    content: "\eb62"
}

.icon-switch:before {
    content: "\eb63"
}

.icon-tablet-mobile-combo:before {
    content: "\eb64"
}

.icon-tablet:before {
    content: "\eb65"
}

.icon-tag:before {
    content: "\eb66"
}

.icon-text-document-inverted:before {
    content: "\eb67"
}

.icon-text-document:before {
    content: "\eb68"
}

.icon-text:before {
    content: "\eb69"
}

.icon-thermometer:before {
    content: "\eb6a"
}

.icon-thumbs-down:before {
    content: "\eb6b"
}

.icon-thumbs-up:before {
    content: "\eb6c"
}

.icon-thunder-cloud:before {
    content: "\eb6d"
}

.icon-ticket:before {
    content: "\eb6e"
}

.icon-time-slot:before {
    content: "\eb6f"
}

.icon-tools:before {
    content: "\eb70"
}

.icon-traffic-cone:before {
    content: "\eb71"
}

.icon-trash:before {
    content: "\eb72"
}

.icon-tree:before {
    content: "\eb73"
}

.icon-triangle-down:before {
    content: "\eb74"
}

.icon-triangle-left:before {
    content: "\eb75"
}

.icon-triangle-right:before {
    content: "\eb76"
}

.icon-triangle-up:before {
    content: "\eb77"
}

.icon-tripadvisor:before {
    content: "\eb78"
}

.icon-trophy:before {
    content: "\eb79"
}

.icon-tumblr-with-circle:before {
    content: "\eb7a"
}

.icon-tumblr:before {
    content: "\eb7b"
}

.icon-tv:before {
    content: "\eb7c"
}

.icon-twitter-with-circle:before {
    content: "\eb7d"
}

.icon-twitter:before {
    content: "\eb7e"
}

.icon-typing:before {
    content: "\eb7f"
}

.icon-uninstall:before {
    content: "\eb80"
}

.icon-unread:before {
    content: "\eb81"
}

.icon-untag:before {
    content: "\eb82"
}

.icon-upload-to-cloud:before {
    content: "\eb83"
}

.icon-upload:before {
    content: "\eb84"
}

.icon-users:before {
    content: "\eb86"
}

.icon-v-card:before {
    content: "\eb87"
}

.icon-video-camera:before {
    content: "\eb88"
}

.icon-video:before {
    content: "\eb89"
}

.icon-vimeo-with-circle:before {
    content: "\eb8a"
}

.icon-vimeo:before {
    content: "\eb8b"
}

.icon-vine-with-circle:before {
    content: "\eb8c"
}

.icon-vine:before {
    content: "\eb8d"
}

.icon-vinyl:before {
    content: "\eb8e"
}

.icon-vk-alternitive:before {
    content: "\eb8f"
}

.icon-vk-with-circle:before {
    content: "\eb90"
}

.icon-vk:before {
    content: "\eb91"
}

.icon-voicemail:before {
    content: "\eb92"
}

.icon-wallet:before {
    content: "\eb93"
}

.icon-warning:before {
    content: "\eb94"
}

.icon-water:before {
    content: "\eb95"
}

.icon-windows-store:before {
    content: "\eb96"
}

.icon-xing-with-circle:before {
    content: "\eb97"
}

.icon-xing:before {
    content: "\eb98"
}

.icon-yelp:before {
    content: "\eb99"
}

.icon-youko-with-circle:before {
    content: "\eb9a"
}

.icon-youko:before {
    content: "\eb9b"
}

.icon-youtube-with-circle:before {
    content: "\eb9c"
}

.icon-youtube:before {
    content: "\eb9d"
}

.page-header.navbar {
    background-color: #1f1f1f
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #999
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    color: #DBA510
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #393939
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
    color: #bfbfbf
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #393939
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
    color: #bfbfbf
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    border-color: #e7eaf0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #eaedf2
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    background: #eaedf2
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    color: #62878f
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    color: #0d6efd
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
    color: #0a58ca;
    text-decoration: none
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    border-bottom: 1px solid #eff2f6 !important;
    color: #888
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background: #f8f9fa
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #f1f1f1
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #e4e4e4
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    background-color: #d64635;
    color: #fff
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #d64635
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
    color: #5b9bd1
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
    background-color: #dfe2e9
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #c5c5c5
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 195px
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
    color: #c5c5c5
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #393939;
    border: 0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #393939
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
    background: #242424
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
    color: #a4a4a4
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
    color: #458ffd
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    border-bottom: 1px solid #484848 !important;
    color: #b0b0b0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i {
    color: #979797
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
    background: #434343
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    border-bottom: 0 !important
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
    background: #484848
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #2c2c2c
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #1f1f1f
}

.page-header.navbar .menu-toggler > span, .page-header.navbar .menu-toggler > span:after, .page-header.navbar .menu-toggler > span:before, .page-header.navbar .menu-toggler > span:hover, .page-header.navbar .menu-toggler > span:hover:after, .page-header.navbar .menu-toggler > span:hover:before {
    background: #858585
}

.page-header.navbar .menu-toggler.th-toggle-exit > span {
    background-color: transparent !important
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #F5F7F9;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-bottom: 1px solid #E6E6E6;
    color: #454545
}

.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
    color: #888
}

.page-sidebar .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^=icon-] {
    color: #959595
}

.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before {
    color: #777
}

.page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
    color: #9e9e9e
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    color: #DBA510 !important
}

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
    color: #888
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    border-top-color: transparent;
    color: #DBA510
}

.page-sidebar .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
    color: #DBA510;
}

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
    color: #DBA510
}

.page-sidebar .page-sidebar-menu > li.active + li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a {
    border-top-color: transparent
}

.page-sidebar .page-sidebar-menu > li.active.open + li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a {
    border-top-color: #484848
}

.page-sidebar .page-sidebar-menu > li:last-child > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    color: #777
}

.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before {
    color: #888
}

.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before {
    color: #fff
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background-color: #3d3d3d
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #464646;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
    color: #777
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^=icon-] {
    color: #959595
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before {
    color: #777
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    color: #DBA510 !important
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
    color: #888;
    color: #bbb
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before {
    color: #888
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a {
    background: #424242
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a {
    background: #474747;
    border-left: 4px solid #d64635;
    color: #f1f1f1
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover {
    background: #424242;
    border-left: 4px solid #d64635
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i {
    color: #eee
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background: #424242
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a {
    background: #474747 !important
}

.page-sidebar .sidebar-toggler, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
    background: #303030
}

.page-sidebar .sidebar-toggler > span, .page-sidebar .sidebar-toggler > span:after, .page-sidebar .sidebar-toggler > span:before, .page-sidebar .sidebar-toggler > span:hover, .page-sidebar .sidebar-toggler > span:hover:after, .page-sidebar .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before {
    background: #858585
}

.page-sidebar .sidebar-toggler.th-toggle-exit > span, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span {
    background-color: transparent !important
}

.page-sidebar .sidebar-toggler:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover {
    background: #242424
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover {
    border-left: 0;
    border-right: 4px solid #d64635
}

.page-footer .page-footer-inner {
    color: #a3a3a3
}

.page-footer-fixed .page-footer {
    background-color: #2b2b2b
}

@media (min-width: 992px) {
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, .2)
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper {
        box-shadow: none
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(48, 48, 48, .2)
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper {
        box-shadow: none
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, .2)
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper {
        box-shadow: none
    }

    .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        border-top: 1px solid #484848 !important;
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 0
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #fff
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
        color: #333
    }

    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #3a3a3a
    }

    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #3a3a3a
    }

    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #3a3a3a !important
    }
}

/* @media (max-width: 991px) {
    .page-sidebar {
        background-color: #2b2b2b
    }

    .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #3d3d3d
    }

    .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a {
        background: #333
    }

    .page-sidebar .page-sidebar-menu > li:last-child > a {
        border-bottom: 0 !important
    }

    .page-sidebar .page-sidebar-menu > li .sub-menu {
        background-color: #2b2b2b !important
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a {
        background: #333
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #2b2b2b !important
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a {
        background: #333 !important
    }
} */

@media (max-width: 480px) {
    .page-header.navbar .top-menu {
        background-color: #eee;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{
        left: inherit;
        right: auto;
        top: 52px;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:before{
        left: 9px;
        right: inherit;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:after{
        left: 10px;
        right: inherit;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{
        width: auto;
    }
    /*
    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #1f1f1f
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none
    } */
}

.page-wrapper {
    background-color: #F5F7F9;
}

.block-spinner-bar > div, .page-spinner-bar > div {
    background: #da594a
}





/*css fix*/
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
}
body{
    font-family: SFProDisplay !important;
    color: #000;
}
.page-header.navbar .page-header-inner{
    background: #ffffff;
    color: #353535 !important;
}
.page-logo{
    background: #F5F7F9;
}
.menu-toggler{
    margin-right: 15px !important;
}
.page-sidebar .page-sidebar-menu > li > a .title{
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
}
.page-container-bg-solid .page-content{
    background: #FFF;
    border-top: 1px solid #D2D2D2;
}
.wrapper-content {
    background: #F5F7F9;
    border-radius: 3px;
}
.page-header.navbar .page-logo{
    width: 287px;
}
@media (min-width: 992px) {
    .page-sidebar{
        width: 287px;
    }
    .page-content-wrapper .page-content{
        margin-left: 287px;
    }
}
.page-logo .logo-default{
    height: 32px;
}
.page-header.navbar .menu-toggler.sidebar-toggler{
    margin: 21.5px 0 0;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a{
    padding: 20px 0;
}
.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu{
    padding-left: 36px;
    padding-top: 20px;
}
.page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed{
    padding-left: 0;
}
.page-sidebar .page-sidebar-menu>li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.arrow:before{
    top:  50%;
    transform: translateY(-50%);
}
.page-sidebar .page-sidebar-menu .sub-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a{
    font-size: 16px;
}
.dataTables_wrapper thead>tr>th{
    color: #006885;
    text-transform: none;
    font-size: 14px;
    line-height: calc(19/16);
    font-weight: 500;
    text-align: left;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
    bottom: calc(50% - 9px);
}
.table-wrapper .portlet.portlet-no-padding{
    background-color: #f5f7f9;
}
.page-sidebar .page-sidebar-menu > li:last-child > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a{
        border-bottom: 1px solid #E6E6E6 !important;

}
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before{
    color:  #DBA510 !important;
}
.page-sidebar .page-sidebar-menu > li.open > a i{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.page-sidebar .page-sidebar-menu > li.open > a i, .page-sidebar .page-sidebar-menu > li:hover > a i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a i{
    color:  #DBA510 !important;
}
.page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before{
    font-size: 14px;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled){
    padding-right: 25px;
}
.table-wrapper{
    background-color: #f5f7f9;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color: #E9EFF5;
}
.dataTables_wrapper thead>tr>th{
    background-color: #f5f7f9;
    text-align: left;
}
.table>:not(caption)>*>*{
    box-shadow: none;
}
.portlet{
    border-radius: 0;
}
.portlet.light.bordered{
    border: none !important;
}
.portlet.light.bordered>.portlet-title{
    border-bottom: none !important;
}
.page-content .dataTables_wrapper .dataTables_info .dt-length-records{
    color: #006885 !important;
}
.page-content .dataTables_wrapper .datatables__info_wrap{
    background-color: #f5f7f9;
}
.badge{
    color: #006885;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0;
    height: auto;
    background-color: transparent !important;
    vertical-align: inherit;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i{
    color: #000;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover{
    background-color: #E9EFF5;
}
.page-content .dataTables_wrapper .table-actions .btn{
    margin-top: 10px;
}
input[type=checkbox]:checked:after,
input[type=checkbox]:before{
    border-color: #006885;
}
input[type=checkbox]:before{
    left: 1px;
}

.dropdown-menu{
    font-family: SFProDisplay !important;
}
.btn-primary{
    background-color: #006885;
    border-color: #006885;
}

.page-content .dataTables_wrapper .dt-buttons .btn{
    background-color: #006885;
    border-color: #006885;
}
.page-content .dataTables_wrapper .dt-buttons .btn:active, .page-content .dataTables_wrapper .dt-buttons .btn:active:focus, .page-content .dataTables_wrapper .dt-buttons .btn:focus, .page-content .dataTables_wrapper .dt-buttons .btn:hover{
    background: #3995ca;
    border-color: #3995ca;
}
.page-content .dataTables_wrapper .dt-buttons button.btn.btn-danger {
    background-color: #DBA510;
    border-color: #DBA510;
}
.btn-danger{
    background-color: #DBA510;
    border-color: #DBA510;
}
.btn-danger:hover{
    background-color: #f7b90e;
    border-color: #f7b90e;
}
.breadcrumb > li > a{
    color: #000;
}
.breadcrumb-item.active{
    color: #737373;
}
@media (max-width: 991px) {
    .page-logo{
        background: #fff;
    }
    .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu{
        padding-top: 0;
    }
    .page-sidebar{
        margin: 10px !important;
        margin-top: 0 !important;
    }
}@charset "UTF-8";
.widget-bg-color-purple {
    background: #9a7caf
}

.widget-bg-color-purple-dark {
    background: #4b365a
}

.widget-bg-color-purple-light {
    background: #674d79
}

.widget-bg-color-green {
    background: #4db3a4
}

.widget-bg-color-red {
    background: #f36a5a
}

.widget-bg-color-blue {
    background: #5b9bd1
}

.widget-bg-color-gray {
    background: #323c45
}

.widget-bg-color-gray-dark {
    background: #144f57
}

.widget-bg-color-white {
    background: #fff
}

.widget-bg-color-dark {
    background: #3e4f5e
}

.widget-bg-color-dark-light {
    background: #8e9daa
}

.widget-bg-color-fb {
    background: #475e98
}

.widget-bg-color-tw {
    background: #55acee
}

.widget-title-color-purple {
    color: #9a7caf
}

.widget-title-color-purple-dark {
    color: #4b365a
}

.widget-title-color-purple-light {
    color: #674d79
}

.widget-title-color-green {
    color: #4db3a4
}

.widget-title-color-red {
    color: #f36a5a
}

.widget-title-color-blue {
    color: #5b9bd1
}

.widget-title-color-gray {
    color: #323c45
}

.widget-title-color-gray-dark {
    color: #144f57
}

.widget-title-color-white {
    color: #fff
}

.widget-title-color-dark {
    color: #3e4f5e
}

.widget-title-color-dark-light {
    color: #8e9daa
}

.widget-title-color-fb {
    color: #475e98
}

.widget-title-color-tw {
    color: #55acee
}

.overflow-h {
    overflow: hidden
}

.widget-carousel .carousel-indicators {
    bottom: 10px;
    left: -18%;
    margin-left: 0
}

.widget-carousel .carousel-indicators-red > li {
    border-color: #f36a5a
}

.widget-carousel .carousel-indicators-red > li.active {
    background: #f36a5a
}

.widget-gradient {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
    min-height: 350px;
    overflow: hidden;
    position: relative
}

.widget-gradient .widget-gradient-body {
    bottom: 0;
    height: auto;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.widget-gradient .widget-gradient-body .widget-gradient-title {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    margin: 0
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions {
    bottom: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li {
    font-size: 14px;
    padding: 0 0 0 8px
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child {
    padding-left: 0
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a {
    color: #fff
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover {
    color: #a1afbb;
    text-decoration: none
}

.widget-wrap-img {
    border-radius: 4px;
    min-height: 350px;
    padding: 20px;
    position: relative
}

.widget-wrap-img .widget-wrap-img-title {
    color: #3e4f5e;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 20px
}

.widget-wrap-img .widget-wrap-img-element {
    bottom: 0;
    position: absolute;
    right: 0
}

.widget-tab {
    border-radius: 4px;
    min-height: 420px
}

.widget-tab .nav-tabs {
    border-color: #eff1f3;
    margin: 0
}

.widget-tab .nav-tabs > li {
    margin: 0 10px
}

.widget-tab .nav-tabs > li:first-child {
    margin-left: 20px
}

.widget-tab .nav-tabs > li > a {
    border: 0;
    color: #8e9daa;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase
}

.widget-tab .nav-tabs > li > a > i {
    color: #8e9daa
}

.widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover {
    border-bottom: 1px solid #f36a5a
}

.widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a {
    background: inherit;
    border: 0;
    color: #f36a5a
}

.widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i {
    color: #f36a5a
}

.widget-tab .nav-tabs > li.active {
    border-bottom: 1px solid #f36a5a;
    position: relative
}

.widget-tab .nav-tabs > li.active > a {
    border: 0;
    color: #f36a5a
}

.widget-tab .nav-tabs > li.active > a > i {
    color: #f36a5a
}

.widget-tab .tab-content {
    color: #8e9daa;
    padding: 20px
}

.widget-tab .slimScrollBar {
    margin-bottom: 17px !important;
    margin-top: 17px !important;
    right: 10px !important
}

.widget-news {
    border-radius: 4px;
    margin-right: 10px;
    overflow: hidden
}

.widget-news .widget-news-left-elem {
    float: left;
    height: auto;
    margin-right: 15px;
    width: 100px
}

.widget-news .widget-news-right-body {
    overflow: hidden
}

.widget-news .widget-news-right-body .widget-news-right-body-title {
    clear: both;
    color: #3e4f5e;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px
}

.widget-news .widget-news-right-body .widget-news-right-body-title .label {
    background: #a1afbb;
    border-radius: 3px !important;
    float: right;
    font-weight: 600
}

.widget-news .widget-news-right-body p {
    font-size: 13px
}

.widget-thumb {
    border-radius: 4px;
    padding: 20px
}

.widget-thumb.bordered {
    border: 1px solid #e7ecf1
}

.widget-thumb .widget-thumb-heading {
    color: #8e9daa;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 20px
}

.widget-thumb .widget-thumb-wrap {
    overflow: hidden
}

.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    height: 60px;
    line-height: 41px;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    width: 60px
}

.widget-thumb .widget-thumb-body {
    overflow: hidden
}

.widget-thumb .widget-thumb-body .widget-thumb-subtitle {
    color: #8e9daa;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px
}

.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
    color: #3e4f5e;
    display: block;
    font-size: 30px;
    font-weight: 600
}

.widget-socials {
    border-radius: 4px;
    min-height: 250px;
    padding: 20px
}

.widget-socials .widget-socials-title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 20px
}

.widget-socials .widget-social-subtitle {
    color: #fff;
    font-weight: 200;
    line-height: 1.4
}

.widget-socials .widget-social-subtitle a {
    color: #fff
}

.widget-socials .widget-socials-paragraph {
    color: #65727d;
    display: block
}

.widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw {
    font-size: 30px;
    margin: 30px 0
}

.widget-socials .widget-social-icon-fb {
    color: #2b3f72
}

.widget-socials .widget-social-icon-tw {
    color: #3686c3
}

.widget-comments {
    min-height: 420px
}

.widget-media {
    border-bottom: 1px solid #f6f9fc;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px
}

.widget-media .widget-media-elements {
    float: left;
    margin-right: 20px
}

.widget-media .widget-media-avatar {
    display: block;
    height: 55px;
    width: 55px
}

.widget-media .widget-btn-default {
    border: 1px solid #ebf0f6;
    color: #96a2b1;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px
}

.widget-media .widget-btn-default .widget-btn-icon {
    line-height: 1.5
}

.widget-media .widget-btn-default:hover {
    background: #ebf0f6;
    text-decoration: none
}

.widget-media .widget-btn-red {
    border: 1px solid #ebf0f6;
    color: #f36a5a;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px
}

.widget-media .widget-btn-red .widget-btn-icon {
    line-height: 1.5
}

.widget-media .widget-btn-red:hover {
    background: #f36a5a;
    color: #fff;
    text-decoration: none
}

.widget-media .widget-btn-blue {
    background: #0d6efd;
    border: 1px solid #ebf0f6;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px
}

.widget-media .widget-btn-blue .widget-btn-icon {
    line-height: 1.5
}

.widget-media .widget-btn-blue:hover {
    background: #fff;
    color: #0d6efd;
    text-decoration: none
}

.widget-media .widget-media-body {
    overflow: hidden
}

.widget-media .widget-media-body .widget-media-body-title {
    color: #5b9bd1;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 7px
}

.widget-media .widget-media-body .widget-media-body-subtitle {
    color: #7e8c9e;
    font-size: 13px
}

.widget-blog {
    background: #fff;
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    padding: 30px 20px 20px
}

.widget-blog .widget-blog-heading {
    margin-bottom: 30px;
    position: relative
}

.widget-blog .widget-blog-heading:before {
    background: #8e9daa;
    border-width: 1px;
    bottom: -15px;
    content: " ";
    height: 1px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px
}

.widget-blog .widget-blog-title {
    color: #3e4f5e;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px
}

.widget-blog .widget-blog-title a {
    color: #3e4f5e
}

.widget-blog .widget-blog-subtitle {
    color: #8e9daa;
    display: block;
    font-size: 13px;
    letter-spacing: 3px
}

.widget-blog .btn-widget-purple {
    border: 1px solid #8e9daa;
    color: #8e9daa;
    display: inline-block;
    font-size: 13px;
    padding: 7px 17px
}

.widget-blog .btn-widget-purple:hover {
    background: #8e9daa;
    color: #fff;
    text-decoration: none
}

.widget-progress {
    min-height: 420px
}

.widget-progress .widget-progress-element {
    border-radius: 4px;
    overflow: hidden;
    padding: 30px 10px
}

.widget-progress .widget-progress-title {
    color: #fff;
    display: block;
    margin-bottom: 5px
}

.widget-progress .progress {
    background: hsla(0, 0%, 100%, .2);
    height: 3px;
    margin-bottom: 0
}

.widget-map {
    border-radius: 4px;
    border-radius: 3px;
    min-height: 350px
}

.widget-map .widget-map-mapplic {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.widget-map .widget-map-mapplic .mapplic-container {
    background: #5b9bd1
}

.widget-map .widget-map-mapplic .mapplic-layer.world > img {
    opacity: .3
}

.widget-map .widget-map-body {
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    padding: 20px
}

.widget-map .widget-sparkline-chart {
    border-left: 1px solid #e7eff7;
    float: left;
    padding: 0 15px;
    width: 25%
}

.widget-map .widget-sparkline-chart:first-child {
    border-left: none
}

.widget-map .widget-sparkline-chart .widget-sparkline-title {
    color: #a1afbb;
    display: block;
    font-size: 12px;
    font-weight: 600
}

@media (max-width: 480px) {
    .widget-map .widget-sparkline-chart {
        border-left: none;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 50%
    }
}

.widget-subscribe {
    border-radius: 4px;
    min-height: 250px;
    overflow: hidden;
    padding: 30px
}

.widget-subscribe .widget-subscribe-no {
    color: #9a7caf;
    float: left;
    font-size: 67px;
    font-weight: 600;
    line-height: 1
}

.widget-subscribe .widget-subscribe-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px 45px
}

.widget-subscribe .widget-subscribe-subtitle {
    font-size: 15px;
    font-weight: 600
}

.widget-subscribe .widget-subscribe-subtitle-link {
    color: #cab0dd
}

.widget-subscribe.widget-subscribe-quote {
    position: relative
}

.widget-subscribe.widget-subscribe-quote:before {
    color: #fff;
    content: "“";
    font-size: 70px;
    position: absolute;
    top: 2px
}

@media (max-width: 767px) {
    .widget-subscribe.widget-subscribe-border {
        border-bottom: 1px solid #f5f8fb;
        border-right: none;
        border-top: 1px solid #f5f8fb
    }
}

@media (min-width: 768px) {
    .widget-subscribe.widget-subscribe-border {
        border-left: 1px solid #f5f8fb;
        border-right: 1px solid #f5f8fb
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .widget-subscribe.widget-subscribe-border {
        border-left: none
    }

    .widget-subscribe.widget-subscribe-border-top {
        border-top: 1px solid #f5f8fb
    }
}

.page-md .widget-bg-color-white, .page-md .widget-blog, .page-md .widget-carousel, .page-md .widget-map, .page-md .widget-progress-element, .page-md .widget-socials {
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .03)
}

.widget {
    background: #fff;
    clear: both;
    margin-bottom: 20px
}

.widget-title {
    background: #ebeae8;
    border-bottom: 1px solid #fff;
    color: #1f64a0 !important;
    cursor: move;
    height: 44px;
    line-height: 34px;
    overflow: hidden
}

.widget-title > h4 {
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    margin: 0;
    overflow: hidden
}

.widget-title > h4 span {
    margin-left: 10px
}

.widget-title > h4 i {
    font-size: 14px;
    margin-right: 2px
}

.widget_none_color {
    background-color: #d4d4d4 !important
}

.widget-title .btn-group {
    margin-right: 5px;
    margin-top: -2px
}

.widget-title .btn-group .caret {
    margin-left: 3px;
    margin-top: 8px
}

.widget-body {
    border-radius: 0 0 3px 3px;
    min-height: 200px;
    padding: 15px
}

.widget-main {
    margin-top: 20px
}

.widget-main h2 {
    font-size: 16px;
    margin-top: 0
}

.widget-main #wrap-widget-1 {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget-main #wrap-widget-1 li .widget-content {
    display: none
}

.widget-main #wrap-widget-1 li:hover .widget-handle {
    border-color: #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.widget-main #wrap-widget-1 li .widget-handle .widget-name {
    margin-bottom: 0;
    margin-top: 0
}

.widget-main #wrap-widget-1 .widget-name .text-end {
    display: none
}

.widget-main #added-widget li .widget-handle, .widget-main #wrap-widget-1 li .widget-handle {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    color: #23282d;
    cursor: pointer;
    font-size: 15px;
    line-height: .8;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.sidebar-area {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 7px
}

.sidebar-area h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#added-widget ul {
    list-style: none;
    margin: 20px 0 0;
    min-height: 50px;
    padding: 0
}

#added-widget .widget-name {
    margin-bottom: 0;
    margin-top: 0;
    position: relative
}

#added-widget .widget-name .text-end {
    position: absolute;
    right: 0;
    top: -2px
}

#added-widget .widget-content {
    border: 1px solid #e5e5e5;
    border-top: none;
    display: none;
    padding: 7px 7px 20px
}

#added-widget .widget-content .btn {
    margin: 0
}

#added-widget .widget-description {
    display: none
}

#added-widget li {
    margin-bottom: 20px
}

.widget-description {
    padding: 6px
}

.widget-description p {
    margin: 0 0 10px
}

.list-tabs-order > div {
    background: #fafafa;
    border: 1px solid #eee;
    cursor: move;
    margin-bottom: 10px;
    padding: 10px
}

.meta-boxes {
    margin-top: 20px
}

.meta-boxes .widget-title {
    background: none;
    border-bottom: 1px solid #eee;
    cursor: move;
    height: 35px;
    overflow: hidden;
    padding: 0 5px
}

.meta-boxes .widget-title > h4 {
    height: 35px;
    line-height: 35px
}

.meta-boxes .widget-body {
    min-height: 0
}

.panel-group .widget.panel {
    margin: 10px 0
}

.modal {
    outline: none;
    overflow-y: auto !important;
    z-index: 10050
}

.page-portlet-fullscreen .modal {
    z-index: 10060
}

.modal .modal-header {
    border-bottom: 1px solid #efefef
}

.modal .modal-header h3 {
    font-weight: 300
}

.modal .modal-header .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    box-shadow: none !important;
    box-sizing: content-box;
    color: #000;
    filter: invert(1) grayscale(100%) brightness(200%);
    height: 1em;
    margin: 0 10px;
    opacity: .5;
    padding: .25em;
    width: 1em
}

.modal .modal-header .btn-close:hover {
    color: #000;
    opacity: .75;
    text-decoration: none
}

.modal.draggable-modal .modal-header {
    cursor: move
}

.modal .modal-dialog {
    z-index: 10051
}

.modal > .loading {
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%
}

.modal.in .page-loading {
    display: none
}

.modal-open {
    overflow-y: auto !important
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

.modal-backdrop {
    border: 0;
    outline: none
}

.page-portlet-fullscreen .modal-backdrop {
    z-index: 10059
}

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important
}

.modal-full.modal-dialog {
    max-width: none;
    width: 95%
}

@media (max-width: 768px) {
    .modal-full.modal-dialog {
        width: auto
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: auto;
    overflow-y: scroll;
    padding-right: 0 !important;
    position: fixed;
    right: 0;
    top: 0
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.show .modal-dialog {
    transform: translate(0)
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: none;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.show {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    background: #d64635;
    border: none;
    border-radius: 0 !important;
    min-height: 16.42857143px;
    padding: 0
}

.modal-header h5.modal-title, .modal-header strong {
    color: #fff;
    float: left;
    line-height: 45px;
    margin: 0 0 0 15px
}

.modal-body {
    position: relative
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right
}

.modal-footer .btn + .btn {
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 80px auto 30px;
        width: 600px
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

@media (min-width: 1200px) {
    .modal-lg {
        width: 1100px
    }
}

.modal-content {
    background: #f9f9f9;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.modal-header h4 {
    font-size: 13px;
    font-weight: 600
}

.modal-header h4 .til_img {
    background: url(/resources/core/core/base/images/img.png) repeat scroll -220px -260px transparent;
    float: left;
    height: 45px;
    margin: 0 0 0 5px;
    width: 45px
}

.modal-footer {
    background: transparent;
    border: none;
    margin-top: 0;
    padding: 15px
}

.modal-body {
    padding-bottom: 0
}

.modal-body > p:last-child {
    margin-bottom: 20px
}

.modal-dialog.size-adaptive {
    padding-left: 50px;
    padding-right: 50px;
    width: 100%
}

.modal-dialog.adaptive-height {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 600px;
    padding-bottom: 50px;
    padding-top: 50px
}

.modal-dialog.adaptive-height .modal-content {
    height: 100%
}

@media (min-width: 768px) {
    .modal-dialog.size-tiny {
        width: 300px
    }

    .modal-dialog.size-small {
        width: 400px
    }
}

@media (min-width: 992px) {
    .modal-dialog.size-large {
        width: 750px
    }

    .modal-dialog.size-huge {
        width: 900px
    }

    .modal-dialog.size-giant {
        width: 982px
    }
}

@media (max-width: 768px) {
    .modal-dialog.size-adaptive {
        margin: 0;
        padding: 5px 0;
        width: auto
    }
}

.modal.fade .modal-dialog {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: scale(.7);
    transition: all .3s, width 0s
}

.modal.fade.show .modal-dialog {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1)
}

.popup-backdrop {
    background-color: rgba(0, 0, 0, .2);
    bottom: 0;
    filter: alpha(opacity=100);
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030
}

.popup-backdrop .popup-loading-indicator {
    display: block;
    filter: alpha(opacity=0);
    height: 100px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    position: absolute;
    top: 130px;
    transform: scale(.7);
    transition: all .3s, width 0s;
    width: 100px
}

.popup-backdrop .popup-loading-indicator:after {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    background-image: url(/resources/core/core/base/images/loader-transparent.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: " ";
    display: block;
    height: 50px;
    margin: 25px 0 0 25px;
    width: 50px
}

.popup-backdrop.loading .popup-loading-indicator {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1)
}

.modal-body .form-actions {
    padding-bottom: 15px
}

.modal .modal-header .close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    box-shadow: none !important;
    box-sizing: content-box;
    color: #000;
    filter: invert(1) grayscale(100%) brightness(200%);
    height: 1em;
    margin: 0 10px;
    opacity: .5;
    padding: .25em;
    text-indent: -9999px;
    width: 1em
}

.table {
    margin-bottom: 0
}

.table.table-bordered thead > tr > th {
    border-bottom: 0
}

.table.table-hover > tbody > tr:hover, .table.table-hover > tbody > tr:hover > td {
    background: #f3f4f6 !important
}

.table .btn {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0
}

.table td .img-responsive {
    width: 100%
}

.table th {
    border-bottom: none !important;
    color: #afafaf;
    font-size: 11px;
    font-weight: 400;
    padding-left: 18px;
    text-align: left;
    text-transform: uppercase
}

.table th.no-sort {
    padding-right: 0 !important
}

.table th.no-sort:after, .table th.no-sort:before {
    display: none !important
}

.table th:hover {
    color: #333
}

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

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

.table td {
    padding: 5px 12px !important
}

.table td .text-start {
    display: block;
    float: left !important
}

.tableFloatingHeaderOriginal {
    left: 0 !important;
    top: 0
}

.table-wrapper .portlet.portlet-no-padding {
    padding: 0
}

.table-wrapper .portlet.portlet-no-padding .portlet-title {
    margin-bottom: 0;
    min-height: 55px;
    padding-left: 11px
}

.table-wrapper .portlet.portlet-no-padding .portlet-body {
    padding-top: 0
}

.dropdown-header-name {
    color: #353535 !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 300
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 17px 10px 14px
}

.user-menu > a {
    background-color: #2d3a42;
    background-image: url(/resources/core/core/base/images/ui/nav_arrow_right.png) no-repeat 182px;
    display: block;
    padding: 18px 16px
}

.user-menu > a img {
    display: block;
    float: left;
    width: 48px
}

.user-menu .thumbnail img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.user-info {
    color: #fff;
    float: left;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 8px
}

.user-info span {
    color: #999;
    display: block;
    font-size: 11px;
    margin: 2px 0 0
}

.user-menu {
    display: block;
    padding: 0
}

.user-menu img {
    float: none;
    max-width: 100%
}

.page-logo .logo-default {
    height: 24px;
    margin: 12px 0 0 !important;
    width: auto;
}

.mCSB_container {
    width: auto !important
}

label.error {
    background-color: #d65c4f;
    color: #fff;
    display: table;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 6px;
    padding: 5px 8px
}

label.error.valid {
    background-color: #65b688
}

.form-group .bootstrap-tagsinput {
    border-radius: 0
}

ul.dropdown-menu.float-end > li:first-child:before {
    left: auto;
    right: 11px
}

ul.dropdown-menu.float-end > li:first-child:after {
    left: auto;
    right: 12px
}

.twitter-typeahead .tt-hint, .twitter-typeahead .tt-query {
    margin-bottom: 0
}

.tt-menu, .twitter-typeahead .tt-hint {
    display: none
}

.tt-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    cursor: pointer;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000
}

.tt-suggestion {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.428571429;
    padding: 3px 20px;
    white-space: nowrap
}

.tt-suggestion:focus, .tt-suggestion:hover {
    background-color: #428bca;
    color: #fff;
    outline: 0;
    text-decoration: none
}

.bootstrap-tagsinput input {
    max-width: 110px
}

.input-group .input-group-text {
    background: #e5e5e5;
    border-color: #e5e5e5;
    min-width: 39px
}

.main-form {
    background: #fff;
    margin-bottom: 15px;
    padding: 10px
}

.main-form .panel-heading {
    background-color: #fafafa;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px
}

#stats-doughnut-chart {
    margin-top: 50px
}

.box-href, .info-box-icon i {
    color: hsla(0, 0%, 100%, .8) !important
}

.box-href:hover, .info-box-icon i:hover, .info-box:hover .info-box-icon i {
    color: #fff !important
}

.s-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#s-rectBox {
    border: 2px dashed #cbd3e3;
    position: absolute;
    z-index: 1090
}

.widget.meta-boxes:first-child {
    margin-top: 0
}

.select-language-table {
    width: 100%
}

.help-block, .help-ts {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    cursor: help;
    display: block;
    font-size: .9em;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 5px
}

.help-block:empty, .help-ts:empty {
    display: none !important
}

.help-block *, .help-ts * {
    color: #31708f
}

.form-group {
    position: relative
}

small.charcounter {
    position: absolute;
    right: 0;
    top: 0;
    display: none !important;
}

.onoffswitch {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 45px
}

.form-group .onoffswitch {
    float: left;
    margin-right: 10px
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    border: 2px solid #e6e6e6;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    cursor: pointer;
    display: block;
    overflow: hidden;
    margin-top: 23px;
}

.onoffswitch-inner {
    margin-left: -100%;
    transition: margin .3s ease-in 0s;
    width: 200%
}

.onoffswitch-inner:after, .onoffswitch-inner:before {
    box-sizing: border-box;
    color: #DBA510;
    float: left;
    font-size: 15px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    padding: 0;
    width: 50%
}

.onoffswitch-inner:before {
    background-color: #DBA510;
    color: #DBA510;
    content: "";
    padding-left: 10px
}

.onoffswitch-inner:after {
    background-color: #DBA510;
    color: #DBA510;
    content: "";
    padding-right: 10px;
    text-align: right
}

.onoffswitch-switch {
    background: #a1a1a1;
    border: 2px solid #e6e6e6;
    border-radius: 50% !important;
    bottom: 0;
    height: 32px;
    margin-top: 23px;
    position: absolute;
    right: 12px;
    top: 2;
    transition: all .3s ease-in 0s;
    width: 32px
}

.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    background-color: #fff;
    right: -17
}

.required:after {
    color: red;
    content: " *"
}

.list-feature .ui-widget-content {
    background: none;
    border: none;
    margin-top: 15px
}

.pwstrength_viewport_progress {
    margin-top: 5px
}

.permission-flag-level-one {
    margin-left: 0;
    padding-top: 10px
}

.permission-flag-level-two {
    margin-left: 30px;
    padding-top: 10px
}

.permission-flag-level-three {
    margin-left: 60px;
    padding-top: 10px
}

.permission-flag-level-four {
    margin-left: 90px;
    padding-top: 10px
}

.permission-flag-level-five {
    margin-left: 120px;
    padding-top: 10px
}

.breadcrumb {
    background: transparent;
    border-radius: 0;
    float: left;
    font-size: 13px;
    margin: 10px 0;
    padding: 0
}

.breadcrumb > li > a {
    color: #444;
    display: inline-block;
    text-decoration: none
}

.breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px
}

.breadcrumb > li:first-child:before {
    color: #333;
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 Font Awesome\ 5 Free;
    font-weight: 900;
    padding-right: 4px
}

.admin-grid .sub-header {
    color: #999;
    font-size: 14px
}

.admin-grid .row + .sub-header {
    margin-top: 30px
}

.admin-grid .list-group-item-text {
    min-height: 2.5em
}

.admin-grid .list-group {
    margin-bottom: 20px
}

.list-group {
    margin-bottom: 0
}

.list-group-item {
    padding: 11px 12px
}

.list-group-item i {
    float: left;
    margin-right: 8px
}

.list-group-item .btn {
    position: absolute;
    right: 3px;
    top: 3px
}

.list-group-item.has-button {
    padding-right: 36px
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 0
}

.list-group-item > .badge, .list-group-item > .label {
    float: right;
    margin-top: -3px
}

.list-group-item > .label + .label {
    margin-right: 5px
}

a.list-group-item:focus, a.list-group-item:hover {
    background-color: #fafafa
}

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

.list-group-item-success {
    background-color: #f5faf4;
    color: #2d552d
}

a.list-group-item-success {
    color: #2d552d
}

a.list-group-item-success:focus, a.list-group-item-success:hover {
    background-color: #ecf6ea;
    color: #2d552d
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item-danger {
    background-color: #fdf5f5;
    color: #923e3c
}

a.list-group-item-danger {
    color: #923e3c
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover {
    background-color: #f8efef;
    color: #923e3c
}

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

.list-group-item-warning {
    background-color: #fffdf0;
    color: #725a32
}

a.list-group-item-warning {
    color: #725a32
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover {
    background-color: #faf8e9;
    color: #725a32
}

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

.list-group-item-info {
    background-color: #f5fbfd;
    color: #426a7e
}

a.list-group-item-info {
    color: #426a7e
}

a.list-group-item-info:focus, a.list-group-item-info:hover {
    background-color: #ecf6fa;
    color: #426a7e
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
    background-color: #3ca2bb;
    border-color: #3ca2bb
}

.page-sidebar-closed .user-info {
    display: none
}

.page-sidebar-closed .user-menu > a {
    padding: 18px 5px
}

@media (max-width: 767px) {
    .widgets {
        display: block
    }
}

.portlet.portlet-no-padding {
    overflow: hidden;
    padding: 0
}

.portlet.portlet-no-padding .portlet-title {
    margin-bottom: 0;
    min-height: 40px;
    padding-left: 11px
}

.portlet.portlet-no-padding .portlet-title .tools {
    margin-right: 10px;
    margin-top: 0;
    padding: 10px 0 8px
}

.portlet.portlet-no-padding .portlet-body {
    padding: 0
}

#auto-checkboxes ul > li {
    margin-bottom: 10px;
    margin-left: 0
}

.control-label {
    font-weight: 500
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: right 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    padding: .5em 1.5em .5em .5em
}

.popover.colorpicker-bs-popover {
    display: none
}

.colorpicker-popup.colorpicker-bs-popover-content {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
    padding: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999
}

.input-group.color .input-group-text i {
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 6px;
    width: 20px
}

.colorpicker.dropdown-menu {
    padding: 5px
}

.modal-open .colorpicker {
    z-index: 10055 !important
}

.datepicker.dropdown-menu {
    padding: 5px
}

.datepicker .selected {
    background-color: #909090 !important
}

.datepicker .active, .datepicker .selected {
    background-image: none !important;
    filter: none !important
}

.datepicker .active {
    background-color: #4b8df8 !important
}

.datepicker .active:hover {
    background-color: #2678fc !important;
    background-image: none !important;
    filter: none !important
}

.datepicker .input-daterange input {
    text-align: left
}

.modal-open .modal-body .datepicker {
    z-index: 10055 !important
}

.datepicker table td {
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 300 !important
}

.datepicker table th {
    color: #333;
    font-family: Roboto, sans-serif;
    font-weight: 400 !important
}

.datepicker.dropdown-menu {
    border: 1px solid #efefef;
    box-shadow: 5px 5px hsla(0, 0%, 40%, .1)
}

.datepicker .fa-angle-left:before {
    content: "\f104"
}

.datepicker .fa-angle-right:before {
    content: "\f105"
}

.modal-open .daterangepicker {
    z-index: 10055 !important
}

.daterangepicker {
    margin-top: 4px
}

.daterangepicker .input-mini {
    outline: none !important;
    width: 100% !important
}

.daterangepicker td {
    text-shadow: none
}

.daterangepicker td.active {
    background-color: #4b8df8;
    background-image: none;
    filter: none
}

.daterangepicker th {
    font-size: 14px;
    font-weight: 400
}

.daterangepicker .ranges input[type=text] {
    font-size: 11px;
    vertical-align: middle;
    width: 70px !important
}

.daterangepicker .ranges label {
    display: block;
    font-weight: 300
}

.daterangepicker .ranges {
    width: 170px
}

.daterangepicker .ranges ul > li.active {
    border-radius: 4px
}

.daterangepicker .ranges .btn {
    margin-top: 10px
}

.daterangepicker.dropdown-menu {
    padding: 5px
}

.daterangepicker .ranges li {
    color: #333
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #4b8df8 !important;
    border: 1px solid #4b8df8 !important;
    color: #fff
}

.daterangepicker .range_inputs input {
    margin-bottom: 0 !important
}

.daterangepicker .fa-angle-right:before {
    content: "\f105"
}

.daterangepicker .fa-angle-left:before {
    content: "\f104"
}

.datetimepicker table td {
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 300 !important
}

.datetimepicker table th {
    font-family: Roboto, sans-serif;
    font-weight: 400 !important
}

.datetimepicker.dropdown-menu {
    padding: 5px
}

.datetimepicker .active {
    background-color: #4b8df8 !important;
    background-image: none !important;
    filter: none !important
}

.datetimepicker .active:hover {
    background-color: #2678fc !important;
    background-image: none !important;
    filter: none !important
}

.datetimepicker .fa-angle-left:before {
    content: "\f104"
}

.datetimepicker .fa-angle-right:before {
    content: "\f105"
}

.modal-open .datetimepicker {
    z-index: 10055
}

.bootstrap-timepicker-widget table td a {
    padding: 4px 0
}

.bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus {
    border: 0;
    outline: none !important
}

.modal-open .bootstrap-timepicker-widget {
    z-index: 10055 !important
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after, .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    top: auto
}

/*!
 * Cropper v0.7.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014 Fengyuan Chen
 * Released under the MIT license
 */
.cropper-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cropper-container img {
    height: 100%;
    max-height: none !important;
    max-width: none !important;
    width: 100%
}

.cropper-canvas, .cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.cropper-dragger {
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%
}

.cropper-viewer {
    display: block;
    height: 100%;
    outline-color: #69f;
    outline-color: rgba(51, 102, 255, .75);
    outline-style: solid;
    outline-width: 1px;
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #fff;
    display: block;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.3%;
    left: 0;
    top: 33.3%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.3%;
    top: 0;
    width: 33.3%
}

.cropper-face, .cropper-line, .cropper-point {
    display: block;
    filter: alpha(opacity=10);
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    cursor: move;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #69f
}

.cropper-line.line-e {
    cursor: e-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: n-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: w-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: s-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #69f;
    filter: alpha(opacity=75);
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: ne-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nw-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: sw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

.cropper-point.point-se:before {
    background-color: #69f;
    bottom: -50%;
    content: " ";
    display: block;
    filter: alpha(opacity=0);
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        filter: alpha(opacity=75);
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-hidden {
    display: none !important
}

.cropper-invisible {
    filter: alpha(opacity=0);
    height: auto !important;
    left: 0;
    max-height: none !important;
    max-width: none !important;
    opacity: 0;
    position: fixed;
    top: 0;
    width: auto !important;
    z-index: -1
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-canvas, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed
}

.avatar-body {
    padding-left: 15px;
    padding-right: 15px
}

.avatar-upload {
    overflow: hidden
}

.avatar-upload label {
    clear: left;
    display: block;
    float: left;
    width: 100px
}

.avatar-upload input {
    display: block;
    margin-left: 110px
}

.avater-alert {
    margin-bottom: 10px;
    margin-top: 10px
}

.avatar-wrapper {
    background-color: #fcfcfc;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .25);
    height: 364px;
    margin-top: 15px;
    overflow: hidden;
    width: 100%
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%
}

.avatar-preview {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    overflow: hidden
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.avatar-preview img {
    width: 100%
}

.preview-lg {
    height: 184px;
    margin-top: 15px;
    width: 184px
}

.preview-md {
    height: 100px;
    width: 100px
}

.preview-sm {
    height: 50px;
    width: 50px
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none
    }
}

.cropper-loading {
    background: #fff url(/resources/core/core/base/images/loading.gif) no-repeat 50%;
    bottom: 0;
    display: none;
    filter: alpha(opacity=75);
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20140628
}

.avatar-view {
    cursor: pointer
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace .pace-progress {
    background: #29d;
    height: 2px;
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 10005
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: rotate(3deg) translateY(-4px);
    width: 100px
}

.pace .pace-activity {
    -webkit-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite;
    border-color: #fff transparent transparent #fff;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 14px;
    position: fixed;
    right: 15px;
    top: 20px;
    width: 14px;
    z-index: 2000
}

.pace-inactive {
    display: none
}

@-webkit-keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: entypo;
    font-style: normal;
    font-weight: 400;
    src: url(/resources/core/core/base/fonts/entypo.eot);
    src: url(/resources/core/core/base/fonts/entypo.eot?#iefix) format("eot"), url(/resources/core/core/base/fonts/entypo.woff2) format("woff2"), url(/resources/core/core/base/fonts/entypo.woff) format("woff"), url(/resources/core/core/base/fonts/entypo.ttf) format("truetype")
}

.icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: entypo;
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 2px
}

.carousel .icon-chevron-thin-left, .carousel .icon-chevron-thin-right {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5
}

.carousel .icon-chevron-thin-left {
    left: 50%;
    margin-left: -10px
}

.carousel .icon-chevron-thin-right {
    margin-right: -10px;
    right: 50%
}

.icon-500px-with-circle:before {
    content: "\ea01"
}

.icon-500px:before {
    content: "\ea02"
}

.icon-add-to-list:before {
    content: "\ea03"
}

.icon-add-user:before {
    content: "\ea04"
}

.icon-address:before {
    content: "\ea05"
}

.icon-adjust:before {
    content: "\ea06"
}

.icon-air:before {
    content: "\ea07"
}

.icon-aircraft-landing:before {
    content: "\ea08"
}

.icon-aircraft-take-off:before {
    content: "\ea09"
}

.icon-aircraft:before {
    content: "\ea0a"
}

.icon-align-bottom:before {
    content: "\ea0b"
}

.icon-align-horizontal-middle:before {
    content: "\ea0c"
}

.icon-align-left:before {
    content: "\ea0d"
}

.icon-align-right:before {
    content: "\ea0e"
}

.icon-align-top:before {
    content: "\ea0f"
}

.icon-align-vertical-middle:before {
    content: "\ea10"
}

.icon-app-store:before {
    content: "\ea11"
}

.icon-archive:before {
    content: "\ea12"
}

.icon-area-graph:before {
    content: "\ea13"
}

.icon-arrow-bold-down:before {
    content: "\ea14"
}

.icon-arrow-bold-left:before {
    content: "\ea15"
}

.icon-arrow-bold-right:before {
    content: "\ea16"
}

.icon-arrow-bold-up:before {
    content: "\ea17"
}

.icon-arrow-down:before {
    content: "\ea18"
}

.icon-arrow-left:before {
    content: "\ea19"
}

.icon-arrow-long-down:before {
    content: "\ea1a"
}

.icon-arrow-long-left:before {
    content: "\ea1b"
}

.icon-arrow-long-right:before {
    content: "\ea1c"
}

.icon-arrow-long-up:before {
    content: "\ea1d"
}

.icon-arrow-right:before {
    content: "\ea1e"
}

.icon-arrow-up:before {
    content: "\ea1f"
}

.icon-arrow-with-circle-down:before {
    content: "\ea20"
}

.icon-arrow-with-circle-left:before {
    content: "\ea21"
}

.icon-arrow-with-circle-right:before {
    content: "\ea22"
}

.icon-arrow-with-circle-up:before {
    content: "\ea23"
}

.icon-attachment:before {
    content: "\ea24"
}

.icon-awareness-ribbon:before {
    content: "\ea25"
}

.icon-back-in-time:before {
    content: "\ea26"
}

.icon-back:before {
    content: "\ea27"
}

.icon-baidu:before {
    content: "\ea28"
}

.icon-bar-graph:before {
    content: "\ea29"
}

.icon-basecamp:before {
    content: "\ea2a"
}

.icon-battery:before {
    content: "\ea2b"
}

.icon-beamed-note:before {
    content: "\ea2c"
}

.icon-behance:before {
    content: "\ea2d"
}

.icon-bell:before {
    content: "\ea2e"
}

.icon-blackboard:before {
    content: "\ea2f"
}

.icon-block:before {
    content: "\ea30"
}

.icon-book:before {
    content: "\ea31"
}

.icon-bookmark:before {
    content: "\ea32"
}

.icon-bookmarks:before {
    content: "\ea33"
}

.icon-bowl:before {
    content: "\ea34"
}

.icon-box:before {
    content: "\ea35"
}

.icon-briefcase:before {
    content: "\ea36"
}

.icon-browser:before {
    content: "\ea37"
}

.icon-brush:before {
    content: "\ea38"
}

.icon-bucket:before {
    content: "\ea39"
}

.icon-bug:before {
    content: "\ea3a"
}

.icon-cake:before {
    content: "\ea3b"
}

.icon-calculator:before {
    content: "\ea3c"
}

.icon-calendar:before {
    content: "\ea3d"
}

.icon-camera:before {
    content: "\ea3e"
}

.icon-ccw:before {
    content: "\ea3f"
}

.icon-chat:before {
    content: "\ea40"
}

.icon-check:before {
    content: "\ea41"
}

.icon-chevron-down:before {
    content: "\ea42"
}

.icon-chevron-left:before {
    content: "\ea43"
}

.icon-chevron-right:before {
    content: "\ea44"
}

.icon-chevron-small-down:before {
    content: "\ea45"
}

.icon-chevron-small-left:before {
    content: "\ea46"
}

.icon-chevron-small-right:before {
    content: "\ea47"
}

.icon-chevron-small-up:before {
    content: "\ea48"
}

.icon-chevron-thin-down:before {
    content: "\ea49"
}

.icon-chevron-thin-left:before {
    content: "\ea4a"
}

.icon-chevron-thin-right:before {
    content: "\ea4b"
}

.icon-chevron-thin-up:before {
    content: "\ea4c"
}

.icon-chevron-up:before {
    content: "\ea4d"
}

.icon-chevron-with-circle-down:before {
    content: "\ea4e"
}

.icon-chevron-with-circle-left:before {
    content: "\ea4f"
}

.icon-chevron-with-circle-right:before {
    content: "\ea50"
}

.icon-chevron-with-circle-up:before {
    content: "\ea51"
}

.icon-circle-with-cross:before {
    content: "\ea52"
}

.icon-circle-with-minus:before {
    content: "\ea53"
}

.icon-circle-with-plus:before {
    content: "\ea54"
}

.icon-circle:before {
    content: "\ea55"
}

.icon-circular-graph:before {
    content: "\ea56"
}

.icon-clapperboard:before {
    content: "\ea57"
}

.icon-classic-computer:before {
    content: "\ea58"
}

.icon-clipboard:before {
    content: "\ea59"
}

.icon-clock:before {
    content: "\ea5a"
}

.icon-cloud:before {
    content: "\ea5b"
}

.icon-code:before {
    content: "\ea5c"
}

.icon-cog:before {
    content: "\ea5d"
}

.icon-colours:before {
    content: "\ea5e"
}

.icon-compass:before {
    content: "\ea5f"
}

.icon-controller-fast-backward:before {
    content: "\ea60"
}

.icon-controller-fast-forward:before {
    content: "\ea61"
}

.icon-controller-jump-to-start:before {
    content: "\ea62"
}

.icon-controller-next:before {
    content: "\ea63"
}

.icon-controller-paus:before {
    content: "\ea64"
}

.icon-controller-play:before {
    content: "\ea65"
}

.icon-controller-record:before {
    content: "\ea66"
}

.icon-controller-stop:before {
    content: "\ea67"
}

.icon-controller-volume:before {
    content: "\ea68"
}

.icon-copy:before {
    content: "\ea69"
}

.icon-creative-cloud:before {
    content: "\ea6a"
}

.icon-creative-commons-attribution:before {
    content: "\ea6b"
}

.icon-creative-commons-noderivs:before {
    content: "\ea6c"
}

.icon-creative-commons-noncommercial-eu:before {
    content: "\ea6d"
}

.icon-creative-commons-noncommercial-us:before {
    content: "\ea6e"
}

.icon-creative-commons-public-domain:before {
    content: "\ea6f"
}

.icon-creative-commons-remix:before {
    content: "\ea70"
}

.icon-creative-commons-share:before {
    content: "\ea71"
}

.icon-creative-commons-sharealike:before {
    content: "\ea72"
}

.icon-creative-commons:before {
    content: "\ea73"
}

.icon-credit-card:before {
    content: "\ea74"
}

.icon-credit:before {
    content: "\ea75"
}

.icon-crop:before {
    content: "\ea76"
}

.icon-cross:before {
    content: "\ea77"
}

.icon-cup:before {
    content: "\ea78"
}

.icon-cw:before {
    content: "\ea79"
}

.icon-cycle:before {
    content: "\ea7a"
}

.icon-database:before {
    content: "\ea7b"
}

.icon-dial-pad:before {
    content: "\ea7c"
}

.icon-direction:before {
    content: "\ea7d"
}

.icon-document-landscape:before {
    content: "\ea7e"
}

.icon-document:before {
    content: "\ea7f"
}

.icon-documents:before {
    content: "\ea80"
}

.icon-dot-single:before {
    content: "\ea81"
}

.icon-dots-three-horizontal:before {
    content: "\ea82"
}

.icon-dots-three-vertical:before {
    content: "\ea83"
}

.icon-dots-two-horizontal:before {
    content: "\ea84"
}

.icon-dots-two-vertical:before {
    content: "\ea85"
}

.icon-download:before {
    content: "\ea86"
}

.icon-dribbble-with-circle:before {
    content: "\ea87"
}

.icon-dribbble:before {
    content: "\ea88"
}

.icon-drink:before {
    content: "\ea89"
}

.icon-drive:before {
    content: "\ea8a"
}

.icon-drop:before {
    content: "\ea8b"
}

.icon-dropbox:before {
    content: "\ea8c"
}

.icon-edit:before {
    content: "\ea8d"
}

.icon-email:before {
    content: "\ea8e"
}

.icon-emoji-flirt:before {
    content: "\ea8f"
}

.icon-emoji-happy:before {
    content: "\ea90"
}

.icon-emoji-neutral:before {
    content: "\ea91"
}

.icon-emoji-sad:before {
    content: "\ea92"
}

.icon-erase:before {
    content: "\ea93"
}

.icon-eraser:before {
    content: "\ea94"
}

.icon-evernote:before {
    content: "\ea95"
}

.icon-export:before {
    content: "\ea96"
}

.icon-eye-with-line:before {
    content: "\ea97"
}

.icon-eye:before {
    content: "\ea98"
}

.icon-facebook-with-circle:before {
    content: "\ea99"
}

.icon-facebook:before {
    content: "\ea9a"
}

.icon-feather:before {
    content: "\ea9b"
}

.icon-fingerprint:before {
    content: "\ea9c"
}

.icon-flag:before {
    content: "\ea9d"
}

.icon-flash:before {
    content: "\ea9e"
}

.icon-flashlight:before {
    content: "\ea9f"
}

.icon-flat-brush:before {
    content: "\eaa0"
}

.icon-flattr:before {
    content: "\eaa1"
}

.icon-flickr-with-circle:before {
    content: "\eaa2"
}

.icon-flickr:before {
    content: "\eaa3"
}

.icon-flow-branch:before {
    content: "\eaa4"
}

.icon-flow-cascade:before {
    content: "\eaa5"
}

.icon-flow-line:before {
    content: "\eaa6"
}

.icon-flow-parallel:before {
    content: "\eaa7"
}

.icon-flow-tree:before {
    content: "\eaa8"
}

.icon-flower:before {
    content: "\eaa9"
}

.icon-folder-images:before {
    content: "\eaaa"
}

.icon-folder-music:before {
    content: "\eaab"
}

.icon-folder-video:before {
    content: "\eaac"
}

.icon-folder:before {
    content: "\eaad"
}

.icon-forward:before {
    content: "\eaae"
}

.icon-foursquare:before {
    content: "\eaaf"
}

.icon-funnel:before {
    content: "\eab0"
}

.icon-game-controller:before {
    content: "\eab1"
}

.icon-gauge:before {
    content: "\eab2"
}

.icon-github-with-circle:before {
    content: "\eab3"
}

.icon-github:before {
    content: "\eab4"
}

.icon-globe:before {
    content: "\eab5"
}

.icon-google-plus-with-circle:before {
    content: "\eab6"
}

.icon-google-plus:before {
    content: "\eab7"
}

.icon-google-drive:before {
    content: "\eab8"
}

.icon-google-hangouts:before {
    content: "\eab9"
}

.icon-google-play:before {
    content: "\eaba"
}

.icon-graduation-cap:before {
    content: "\eabb"
}

.icon-grid:before {
    content: "\eabc"
}

.icon-grooveshark:before {
    content: "\eabd"
}

.icon-hair-cross:before {
    content: "\eabe"
}

.icon-hand:before {
    content: "\eabf"
}

.icon-heart-outlined:before {
    content: "\eac0"
}

.icon-heart:before {
    content: "\eac1"
}

.icon-help-with-circle:before {
    content: "\eac2"
}

.icon-help:before {
    content: "\eac3"
}

.icon-home:before {
    content: "\eac4"
}

.icon-hour-glass:before {
    content: "\eac5"
}

.icon-houzz:before {
    content: "\eac6"
}

.icon-icloud:before {
    content: "\eac7"
}

.icon-image-inverted:before {
    content: "\eac8"
}

.icon-image:before {
    content: "\eac9"
}

.icon-images:before {
    content: "\eaca"
}

.icon-inbox:before {
    content: "\eacb"
}

.icon-infinity:before {
    content: "\eacc"
}

.icon-info-with-circle:before {
    content: "\eacd"
}

.icon-info:before {
    content: "\eace"
}

.icon-instagram-with-circle:before {
    content: "\eacf"
}

.icon-instagram:before {
    content: "\ead0"
}

.icon-install:before {
    content: "\ead1"
}

.icon-keyboard:before {
    content: "\ead3"
}

.icon-lab-flask:before {
    content: "\ead4"
}

.icon-landline:before {
    content: "\ead5"
}

.icon-language:before {
    content: "\ead6"
}

.icon-laptop:before {
    content: "\ead7"
}

.icon-lastfm-with-circle:before {
    content: "\ead8"
}

.icon-lastfm:before {
    content: "\ead9"
}

.icon-layers:before {
    content: "\eada"
}

.icon-leaf:before {
    content: "\eadb"
}

.icon-level-down:before {
    content: "\eadc"
}

.icon-level-up:before {
    content: "\eadd"
}

.icon-lifebuoy:before {
    content: "\eade"
}

.icon-light-bulb:before {
    content: "\eadf"
}

.icon-light-down:before {
    content: "\eae0"
}

.icon-light-up:before {
    content: "\eae1"
}

.icon-line-graph:before {
    content: "\eae2"
}

.icon-link:before {
    content: "\eae3"
}

.icon-linkedin-with-circle:before {
    content: "\eae4"
}

.icon-linkedin:before {
    content: "\eae5"
}

.icon-list:before {
    content: "\eae6"
}

.icon-location-pin:before {
    content: "\eae7"
}

.icon-location:before {
    content: "\eae8"
}

.icon-lock-open:before {
    content: "\eae9"
}

.icon-lock:before {
    content: "\eaea"
}

.icon-log-out:before {
    content: "\eaeb"
}

.icon-login:before {
    content: "\eaec"
}

.icon-loop:before {
    content: "\eaed"
}

.icon-magnet:before {
    content: "\eaee"
}

.icon-magnifying-glass:before {
    content: "\eaef"
}

.icon-mail-with-circle:before {
    content: "\eaf0"
}

.icon-mail:before {
    content: "\eaf1"
}

.icon-man:before {
    content: "\eaf2"
}

.icon-map:before {
    content: "\eaf3"
}

.icon-mask:before {
    content: "\eaf4"
}

.icon-medal:before {
    content: "\eaf5"
}

.icon-medium-with-circle:before {
    content: "\eaf6"
}

.icon-medium:before {
    content: "\eaf7"
}

.icon-megaphone:before {
    content: "\eaf8"
}

.icon-menu-white:before {
    content: "\eaf9"
}

.icon-merge:before {
    content: "\eafb"
}

.icon-message:before {
    content: "\eafc"
}

.icon-mic:before {
    content: "\eafd"
}

.icon-minus:before {
    content: "\eafe"
}

.icon-mixi:before {
    content: "\eaff"
}

.icon-mobile:before {
    content: "\eb00"
}

.icon-modern-mic:before {
    content: "\eb01"
}

.icon-moon:before {
    content: "\eb02"
}

.icon-mouse-pointer:before {
    content: "\eb03"
}

.icon-mouse:before {
    content: "\eb04"
}

.icon-music:before {
    content: "\eb05"
}

.icon-network:before {
    content: "\eb06"
}

.icon-new-message:before {
    content: "\eb07"
}

.icon-new:before {
    content: "\eb08"
}

.icon-news:before {
    content: "\eb09"
}

.icon-newsletter:before {
    content: "\eb0a"
}

.icon-notification:before {
    content: "\eb0c"
}

.icon-notifications-off:before {
    content: "\eb0d"
}

.icon-old-mobile:before {
    content: "\eb0e"
}

.icon-old-phone:before {
    content: "\eb0f"
}

.icon-onedrive:before {
    content: "\eb10"
}

.icon-open-book:before {
    content: "\eb11"
}

.icon-palette:before {
    content: "\eb12"
}

.icon-paper-plane:before {
    content: "\eb13"
}

.icon-paypal:before {
    content: "\eb14"
}

.icon-pencil:before {
    content: "\eb15"
}

.icon-phone:before {
    content: "\eb16"
}

.icon-picasa:before {
    content: "\eb17"
}

.icon-pie-chart:before {
    content: "\eb18"
}

.icon-pin:before {
    content: "\eb19"
}

.icon-pinterest-with-circle:before {
    content: "\eb1a"
}

.icon-pinterest:before {
    content: "\eb1b"
}

.icon-plus:before {
    content: "\eb1c"
}

.icon-popup:before {
    content: "\eb1d"
}

.icon-power-plug:before {
    content: "\eb1e"
}

.icon-price-ribbon:before {
    content: "\eb1f"
}

.icon-price-tag:before {
    content: "\eb20"
}

.icon-print:before {
    content: "\eb21"
}

.icon-progress-empty:before {
    content: "\eb22"
}

.icon-progress-full:before {
    content: "\eb23"
}

.icon-progress-one:before {
    content: "\eb24"
}

.icon-progress-two:before {
    content: "\eb25"
}

.icon-publish:before {
    content: "\eb26"
}

.icon-qq-with-circle:before {
    content: "\eb27"
}

.icon-qq:before {
    content: "\eb28"
}

.icon-quote:before {
    content: "\eb29"
}

.icon-radio:before {
    content: "\eb2a"
}

.icon-raft-with-circle:before {
    content: "\eb2b"
}

.icon-raft:before {
    content: "\eb2c"
}

.icon-rainbow:before {
    content: "\eb2d"
}

.icon-rdio-with-circle:before {
    content: "\eb2e"
}

.icon-rdio:before {
    content: "\eb2f"
}

.icon-remove-user:before {
    content: "\eb30"
}

.icon-renren:before {
    content: "\eb31"
}

.icon-reply-all:before {
    content: "\eb32"
}

.icon-reply:before {
    content: "\eb33"
}

.icon-resize-100:before {
    content: "\eb34"
}

.icon-resize-full-screen:before {
    content: "\eb35"
}

.icon-retweet:before {
    content: "\eb36"
}

.icon-rocket:before {
    content: "\eb37"
}

.icon-round-brush:before {
    content: "\eb38"
}

.icon-rss:before {
    content: "\eb39"
}

.icon-ruler:before {
    content: "\eb3a"
}

.icon-save:before {
    content: "\eb3b"
}

.icon-scissors:before {
    content: "\eb3c"
}

.icon-scribd:before {
    content: "\eb3d"
}

.icon-select-arrows:before {
    content: "\eb3e"
}

.icon-share-alternative:before {
    content: "\eb3f"
}

.icon-share-alternitive:before {
    content: "\eb40"
}

.icon-share:before {
    content: "\eb41"
}

.icon-shareable:before {
    content: "\eb42"
}

.icon-shield:before {
    content: "\eb43"
}

.icon-shop:before {
    content: "\eb44"
}

.icon-shopping-bag:before {
    content: "\eb45"
}

.icon-shopping-basket:before {
    content: "\eb46"
}

.icon-shopping-cart:before {
    content: "\eb47"
}

.icon-shuffle:before {
    content: "\eb48"
}

.icon-signal:before {
    content: "\eb49"
}

.icon-sina-weibo:before {
    content: "\eb4a"
}

.icon-skype-with-circle:before {
    content: "\eb4b"
}

.icon-skype:before {
    content: "\eb4c"
}

.icon-slideshare:before {
    content: "\eb4d"
}

.icon-smashing:before {
    content: "\eb4e"
}

.icon-sound-mix:before {
    content: "\eb4f"
}

.icon-sound-mute:before {
    content: "\eb50"
}

.icon-sound:before {
    content: "\eb51"
}

.icon-soundcloud:before {
    content: "\eb52"
}

.icon-sports-club:before {
    content: "\eb53"
}

.icon-spotify-with-circle:before {
    content: "\eb54"
}

.icon-spotify:before {
    content: "\eb55"
}

.icon-spreadsheet:before {
    content: "\eb56"
}

.icon-squared-cross:before {
    content: "\eb57"
}

.icon-squared-minus:before {
    content: "\eb58"
}

.icon-squared-plus:before {
    content: "\eb59"
}

.icon-star-outlined:before {
    content: "\eb5a"
}

.icon-star:before {
    content: "\eb5b"
}

.icon-stopwatch:before {
    content: "\eb5c"
}

.icon-stumbleupon-with-circle:before {
    content: "\eb5d"
}

.icon-stumbleupon:before {
    content: "\eb5e"
}

.icon-suitcase:before {
    content: "\eb5f"
}

.icon-swap:before {
    content: "\eb60"
}

.icon-swarm:before {
    content: "\eb61"
}

.icon-sweden:before {
    content: "\eb62"
}

.icon-switch:before {
    content: "\eb63"
}

.icon-tablet-mobile-combo:before {
    content: "\eb64"
}

.icon-tablet:before {
    content: "\eb65"
}

.icon-tag:before {
    content: "\eb66"
}

.icon-text-document-inverted:before {
    content: "\eb67"
}

.icon-text-document:before {
    content: "\eb68"
}

.icon-text:before {
    content: "\eb69"
}

.icon-thermometer:before {
    content: "\eb6a"
}

.icon-thumbs-down:before {
    content: "\eb6b"
}

.icon-thumbs-up:before {
    content: "\eb6c"
}

.icon-thunder-cloud:before {
    content: "\eb6d"
}

.icon-ticket:before {
    content: "\eb6e"
}

.icon-time-slot:before {
    content: "\eb6f"
}

.icon-tools:before {
    content: "\eb70"
}

.icon-traffic-cone:before {
    content: "\eb71"
}

.icon-trash:before {
    content: "\eb72"
}

.icon-tree:before {
    content: "\eb73"
}

.icon-triangle-down:before {
    content: "\eb74"
}

.icon-triangle-left:before {
    content: "\eb75"
}

.icon-triangle-right:before {
    content: "\eb76"
}

.icon-triangle-up:before {
    content: "\eb77"
}

.icon-tripadvisor:before {
    content: "\eb78"
}

.icon-trophy:before {
    content: "\eb79"
}

.icon-tumblr-with-circle:before {
    content: "\eb7a"
}

.icon-tumblr:before {
    content: "\eb7b"
}

.icon-tv:before {
    content: "\eb7c"
}

.icon-twitter-with-circle:before {
    content: "\eb7d"
}

.icon-twitter:before {
    content: "\eb7e"
}

.icon-typing:before {
    content: "\eb7f"
}

.icon-uninstall:before {
    content: "\eb80"
}

.icon-unread:before {
    content: "\eb81"
}

.icon-untag:before {
    content: "\eb82"
}

.icon-upload-to-cloud:before {
    content: "\eb83"
}

.icon-upload:before {
    content: "\eb84"
}

.icon-users:before {
    content: "\eb86"
}

.icon-v-card:before {
    content: "\eb87"
}

.icon-video-camera:before {
    content: "\eb88"
}

.icon-video:before {
    content: "\eb89"
}

.icon-vimeo-with-circle:before {
    content: "\eb8a"
}

.icon-vimeo:before {
    content: "\eb8b"
}

.icon-vine-with-circle:before {
    content: "\eb8c"
}

.icon-vine:before {
    content: "\eb8d"
}

.icon-vinyl:before {
    content: "\eb8e"
}

.icon-vk-alternitive:before {
    content: "\eb8f"
}

.icon-vk-with-circle:before {
    content: "\eb90"
}

.icon-vk:before {
    content: "\eb91"
}

.icon-voicemail:before {
    content: "\eb92"
}

.icon-wallet:before {
    content: "\eb93"
}

.icon-warning:before {
    content: "\eb94"
}

.icon-water:before {
    content: "\eb95"
}

.icon-windows-store:before {
    content: "\eb96"
}

.icon-xing-with-circle:before {
    content: "\eb97"
}

.icon-xing:before {
    content: "\eb98"
}

.icon-yelp:before {
    content: "\eb99"
}

.icon-youko-with-circle:before {
    content: "\eb9a"
}

.icon-youko:before {
    content: "\eb9b"
}

.icon-youtube-with-circle:before {
    content: "\eb9c"
}

.icon-youtube:before {
    content: "\eb9d"
}

.page-header.navbar {
    background-color: #1f1f1f
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #999
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    color: #DBA510
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #393939
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
    color: #bfbfbf
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #393939
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
    color: #bfbfbf
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    border-color: #e7eaf0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #eaedf2
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    background: #eaedf2
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    color: #62878f
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    color: #0d6efd
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
    color: #0a58ca;
    text-decoration: none
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    border-bottom: 1px solid #eff2f6 !important;
    color: #888
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background: #f8f9fa
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #f1f1f1
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #e4e4e4
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    background-color: #d64635;
    color: #fff
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #d64635
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
    color: #5b9bd1
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
    background-color: #dfe2e9
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #c5c5c5
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 195px
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
    color: #c5c5c5
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #393939;
    border: 0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #393939
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
    background: #242424
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
    color: #a4a4a4
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
    color: #458ffd
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    border-bottom: 1px solid #484848 !important;
    color: #b0b0b0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i {
    color: #979797
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
    background: #434343
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    border-bottom: 0 !important
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
    background: #484848
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #2c2c2c
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #1f1f1f
}

.page-header.navbar .menu-toggler > span, .page-header.navbar .menu-toggler > span:after, .page-header.navbar .menu-toggler > span:before, .page-header.navbar .menu-toggler > span:hover, .page-header.navbar .menu-toggler > span:hover:after, .page-header.navbar .menu-toggler > span:hover:before {
    background: #858585
}

.page-header.navbar .menu-toggler.th-toggle-exit > span {
    background-color: transparent !important
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #F5F7F9;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-bottom: 1px solid #E6E6E6;
    color: #454545
}

.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
    color: #888
}

.page-sidebar .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^=icon-] {
    color: #959595
}

.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before {
    color: #777
}

.page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
    color: #9e9e9e
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    color: #DBA510 !important
}

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
    color: #888
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    border-top-color: transparent;
    color: #DBA510
}

.page-sidebar .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
    color: #DBA510;
}

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
    color: #DBA510
}

.page-sidebar .page-sidebar-menu > li.active + li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a {
    border-top-color: transparent
}

.page-sidebar .page-sidebar-menu > li.active.open + li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a {
    border-top-color: #484848
}

.page-sidebar .page-sidebar-menu > li:last-child > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    color: #777
}

.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before {
    color: #888
}

.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before {
    color: #fff
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background-color: #3d3d3d
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #464646;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
    color: #777
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^=icon-] {
    color: #959595
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before {
    color: #777
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    color: #DBA510 !important
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
    color: #888;
    color: #bbb
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before {
    color: #888
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a {
    background: #424242
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a {
    background: #474747;
    border-left: 4px solid #d64635;
    color: #f1f1f1
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover {
    background: #424242;
    border-left: 4px solid #d64635
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i {
    color: #eee
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background: #424242
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a {
    background: #474747 !important
}

.page-sidebar .sidebar-toggler, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
    background: #303030
}

.page-sidebar .sidebar-toggler > span, .page-sidebar .sidebar-toggler > span:after, .page-sidebar .sidebar-toggler > span:before, .page-sidebar .sidebar-toggler > span:hover, .page-sidebar .sidebar-toggler > span:hover:after, .page-sidebar .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before {
    background: #858585
}

.page-sidebar .sidebar-toggler.th-toggle-exit > span, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span {
    background-color: transparent !important
}

.page-sidebar .sidebar-toggler:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover {
    background: #242424
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover {
    border-left: 0;
    border-right: 4px solid #d64635
}

.page-footer .page-footer-inner {
    color: #a3a3a3
}

.page-footer-fixed .page-footer {
    background-color: #2b2b2b
}

@media (min-width: 992px) {
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, .2)
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper {
        box-shadow: none
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(48, 48, 48, .2)
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper {
        box-shadow: none
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, .2)
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper {
        box-shadow: none
    }

    .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        border-top: 1px solid #484848 !important;
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 0
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #fff
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
        color: #333
    }

    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #3a3a3a
    }

    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #3a3a3a
    }

    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #3a3a3a !important
    }
}

/* @media (max-width: 991px) {
    .page-sidebar {
        background-color: #2b2b2b
    }

    .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #3d3d3d
    }

    .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a {
        background: #333
    }

    .page-sidebar .page-sidebar-menu > li:last-child > a {
        border-bottom: 0 !important
    }

    .page-sidebar .page-sidebar-menu > li .sub-menu {
        background-color: #2b2b2b !important
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a {
        background: #333
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #2b2b2b !important
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a {
        background: #333 !important
    }
} */

@media (max-width: 480px) {
    .page-header.navbar .top-menu {
        background-color: #eee;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{
        left: inherit;
        right: auto;
        top: 52px;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:before{
        left: 9px;
        right: inherit;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:after{
        left: 10px;
        right: inherit;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{
        width: auto;
    }
    /*
    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #1f1f1f
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none
    } */
}

.page-wrapper {
    background-color: #F5F7F9;
}

.block-spinner-bar > div, .page-spinner-bar > div {
    background: #da594a
}





/*css fix*/
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('SFProDisplay/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
}
body{
    font-family: SFProDisplay !important;
    color: #000;
}
.page-header.navbar .page-header-inner{
    background: #ffffff;
    color: #353535 !important;
}
.page-logo{
    background: #F5F7F9;
}
.menu-toggler{
    margin-right: 15px !important;
}
.page-sidebar .page-sidebar-menu > li > a .title{
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
}
.page-container-bg-solid .page-content{
    background: #FFF;
    border-top: 1px solid #D2D2D2;
}
.wrapper-content {
    background: #F5F7F9;
    border-radius: 3px;
}
.page-header.navbar .page-logo{
    width: 287px;
}
@media (min-width: 992px) {
    .page-sidebar{
        width: 287px;
    }
    .page-content-wrapper .page-content{
        margin-left: 287px;
    }
}
.page-logo .logo-default{
    height: 32px;
}
.page-header.navbar .menu-toggler.sidebar-toggler{
    margin: 21.5px 0 0;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a{
    padding: 20px 0;
}
.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu{
    padding-left: 36px;
    padding-top: 20px;
}
.page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed{
    padding-left: 0;
}
.page-sidebar .page-sidebar-menu>li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.arrow:before{
    top:  50%;
    transform: translateY(-50%);
}
.page-sidebar .page-sidebar-menu .sub-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a{
    font-size: 16px;
}
.dataTables_wrapper thead>tr>th{
    color: #006885;
    text-transform: none;
    font-size: 14px;
    line-height: calc(19/16);
    font-weight: 500;
    text-align: left;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
    bottom: calc(50% - 9px);
}
.table-wrapper .portlet.portlet-no-padding{
    background-color: #f5f7f9;
}
.page-sidebar .page-sidebar-menu > li:last-child > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a{
        border-bottom: 1px solid #E6E6E6 !important;

}
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before{
    color:  #DBA510 !important;
}
.page-sidebar .page-sidebar-menu > li.open > a i{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.page-sidebar .page-sidebar-menu > li.open > a i, .page-sidebar .page-sidebar-menu > li:hover > a i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a i{
    color:  #DBA510 !important;
}
.page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before{
    font-size: 14px;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled){
    padding-right: 25px;
}
.table-wrapper{
    background-color: #f5f7f9;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color: #E9EFF5;
}
.dataTables_wrapper thead>tr>th{
    background-color: #f5f7f9;
    text-align: left;
}
.table>:not(caption)>*>*{
    box-shadow: none;
}
.portlet{
    border-radius: 0;
}
.portlet.light.bordered{
    border: none !important;
}
.portlet.light.bordered>.portlet-title{
    border-bottom: none !important;
}
.page-content .dataTables_wrapper .dataTables_info .dt-length-records{
    color: #006885 !important;
}
.page-content .dataTables_wrapper .datatables__info_wrap{
    background-color: #f5f7f9;
}
.badge{
    color: #006885;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0;
    height: auto;
    background-color: transparent !important;
    vertical-align: inherit;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i{
    color: #000;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover{
    background-color: #E9EFF5;
}
.page-content .dataTables_wrapper .table-actions .btn{
    margin-top: 10px;
}
input[type=checkbox]:checked:after,
input[type=checkbox]:before{
    border-color: #006885;
}
input[type=checkbox]:before{
    left: 1px;
}

.dropdown-menu{
    font-family: SFProDisplay !important;
}
.btn-primary{
    background-color: #006885;
    border-color: #006885;
}

.page-content .dataTables_wrapper .dt-buttons .btn{
    background-color: #006885;
    border-color: #006885;
}
.page-content .dataTables_wrapper .dt-buttons .btn:active, .page-content .dataTables_wrapper .dt-buttons .btn:active:focus, .page-content .dataTables_wrapper .dt-buttons .btn:focus, .page-content .dataTables_wrapper .dt-buttons .btn:hover{
    background: #3995ca;
    border-color: #3995ca;
}

.btn-danger{
    background-color: #DBA510;
    border-color: #DBA510;
}
.btn-danger:hover{
    background-color: #f7b90e;
    border-color: #f7b90e;
}
.breadcrumb > li > a{
    color: #000;
}
.breadcrumb-item.active{
    color: #737373;
}
@media (max-width: 991px) {
    .page-logo{
        background: #fff;
    }
    .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu{
        padding-top: 0;
    }
    .page-sidebar{
        margin: 10px !important;
        margin-top: 0 !important;
    }
    .page-content .table-wrapper .table-responsive .dataTables_wrapper .dt-buttons{
        padding-right: 20px;
    }

}
@media (min-width: 992px) {
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu{
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.12);
        background-color: #fff !important;
    }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover{
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.12);
        background-color: #fff;
    }
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu{
    background-color: #f5f7f9;
}

/*Custom sort table*/
table.dataTable > thead > tr > th:not(.no_sort),
table.dataTable > thead > tr > th:not(.no-sort),
table.dataTable > thead > tr > td:not(.no_sort)
{
    padding-right: 12px;
    padding-left: 28px;
}
table.dataTable > thead > tr > th:not(.no_sort),
table.dataTable > thead > tr > th:not(.no-sort),
table.dataTable > thead > tr > td:not(.no_sort)
{
    padding-right: 12px;
    padding-left: 28px;
}

.columt-no.no-sort, .columt-no.sorting_disabled {
    pointer-events: none !important;
}

table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc_disabled::before{
    right: inherit;
    left: 0.2rem;
    text-align: left;
}
table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::after{
    right: inherit;
    left: 0.7rem;
    text-align: left;
}

.table.table-bordered thead > tr > th {
    text-align: center !important;
    color: #006885 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-transform:capitalize !important ;
}
.table.dataTable>tbody>tr>td {
    max-width: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
}
.table-striped>tbody>tr> td:first-child {
    text-align: center !important;
}
table.dataTable > thead>tr>th.sorting:nth-child(2)::before{
    display: none !important;
}
table.dataTable > thead>tr>th.sorting:nth-child(2)::after{
    display: none !important;
}
th.columt-no {
   padding-left: 8px !IMPORTANT;
}

/*
Loading CSS IMPORT EXCEL
*/
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.page-content {
    min-height: calc(100vh - 50px) !important;
}
/*
END LOADING CSS IMPORT EXCE:
*/
#dcore-inventory-tables-inventory-table > tbody > tr > td {
    max-width: none;
    padding: 3px 6px !important;
}

#dcore-inventory-tables-inventory-table > thead > tr > th:not(.no_sort),
#dcore-inventory-tables-inventory-table > thead > tr > th:not(.no-sort),
#dcore-inventory-tables-inventory-table > thead > tr > td:not(.no_sort)
{
    padding-right: 7px;
    padding-left: 20px;
}
#dcore-inventory-tables-inventory-table > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc_disabled::before{
    right: inherit;
    left: 0rem;
    text-align: left;
}
#dcore-inventory-tables-inventory-table > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::after{
    right: inherit;
    left: 0.5rem;
    text-align: left;
}