@charset "UTF-8";
/* Cubic Bezier Transition */
:root {
    --var-primari-color:#2563eb;

}

.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 15.5px 0 0;
    position: absolute;
    left: 8px;
    top: -6px;
}

/*--------------------------------------------------
	[Widgets]
----------------------------------------------------*/
/*** Widget Background Colors ***/
.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: #ffffff;
}

.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 Colors ***/
.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: #ffffff;
}

.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 ***/
.widget-carousel .carousel-indicators {
    left: -18%;
    bottom: 10px;
    margin-left: 0;
}

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

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

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

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

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

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

.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: #ffffff;
}

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

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

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

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

/*** Widget Tab ***/
.widget-tab {
    min-height: 420px;
    border-radius: 4px;
}

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

.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;
    font-weight: bold;
    color: #8e9daa;
    text-transform: uppercase;
    padding: 20px 0;
}

.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 {
    border: 0;
    background: inherit;
    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 {
    padding: 20px;
    color: #8e9daa;
}

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

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

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

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

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

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

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

/*** Widget Thumb ***/
.widget-thumb {
    padding: 20px;
    border-radius: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*** Widget Comments ***/
.widget-comments {
    min-height: 420px;
}

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

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

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

.widget-media .widget-btn-default {
    display: inline-block;
    font-size: 12px;
    color: #96a2b1;
    border: 1px solid #ebf0f6;
    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 {
    display: inline-block;
    font-size: 12px;
    color: #f36a5a;
    border: 1px solid #ebf0f6;
    padding: 3px 10px;
}

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

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

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

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

.widget-media .widget-btn-blue:hover {
    color: #337ab7;
    background: #ffffff;
    text-decoration: none;
}

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

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

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

/*** Widget Blog ***/
.widget-blog {
    border-radius: 4px;
    background: #ffffff;
    padding: 20px;
    background-position: center center;
    background-size: cover;
    padding-top: 30px;
}

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

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

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

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

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

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

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

/*** Widget Progress ***/
.widget-progress {
    min-height: 420px;
}

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

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

.widget-progress .progress {
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.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 {
    position: absolute;
    top: 2px;
    font-size: 70px;
    color: #ffffff;
    content: "\201C";
}

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

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

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

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

/*--------------------------------------------------
    [Material Design]
----------------------------------------------------*/
.page-md .widget-bg-color-white,
.page-md .widget-map,
.page-md .widget-carousel,
.page-md .widget-progress-element,
.page-md .widget-socials,
.page-md .widget-blog {
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03);
}

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

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

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

.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-top: 8px;
    margin-left: 3px;
}

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

.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 {
    width: 49%;
    float: left;
    margin-bottom: 20px;
}

.widget-main #wrap-widget-1 li:nth-child(2n) {
    margin-left: 2%;
}

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

.widget-main #wrap-widget-1 li:hover .widget-handle {
    border-color: #999999;
    box-shadow: 0 1px 2px rgba(0, 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-right {
    display: none;
}

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

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

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

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

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

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

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

#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;
    padding: 10px;
    border: 1px solid #eeeeee;
    cursor: move;
    margin-bottom: 10px;
}

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

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

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

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

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

/***
Customized Bootstrap Modal
***/
.modal {
    z-index: 10050;
    outline: none;
    overflow-y: auto !important;
    /* Fix content shifting to the right on modal open due to scrollbar closed */
}

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

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

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

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

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

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

.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: #333333 !important;
}

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

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

.modal-open {
    overflow: hidden;
}

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

.modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out;
}

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

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

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

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

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

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

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

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

.modal-body {
    position: relative;
}

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

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

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

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

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 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 {
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: #f9f9f9;
}

.modal-content .close {
    padding: 0;
    margin: 18px 20px;
}

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

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

.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 {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
}

.modal-dialog.adaptive-height {
    height: 100%;
    min-height: 600px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 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 {
        width: auto;
        padding: 5px 0;
        margin: 0;
    }
}

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

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

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

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

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

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

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

.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-top: 0;
    margin-left: 0;
    margin-right: 5px;
}

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

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

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

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

.table th:hover {
    color: #333333;
}

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

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

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

.table td .text-left {
    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 {
    min-height: 55px;
    margin-bottom: 0;
    padding-left: 11px;
}

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

@media screen and (min-width: 768px) {
    .page-content .table-responsive {
        overflow-x: inherit;
    }
}

@media screen and (max-width: 767px) {
    .page-content .table-responsive {
        margin-bottom: 0;
        border: none;
        overflow-x: auto;
    }
}

.dropdown-header-name {
    color: #c6cfda !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 {
    padding: 18px 16px;
    display: block;
    background-image: url("/vendor/core/images/ui/nav_arrow_right.png") no-repeat 182px;
    background-color: #2d3a42;
}

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

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

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

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

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

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

.page-logo .logo-default {
    height: auto;
    margin: 11px 0 0 !important;
    max-width: 120px;
}

.mCSB_container {
    width: auto !important;
}

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

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

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

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

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

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

.twitter-typeahead .tt-hint {
    display: none;
}

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

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

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

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

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

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

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

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

.box-href, .info-box-icon i {
    color: rgba(255, 255, 255, 0.8) !important;
}

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

.info-box:hover .info-box-icon i {
    color: #ffffff !important;
}

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

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

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

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

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

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

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

.form-group {
    position: relative;
}

small.charcounter {
    position: absolute;
    top: 0;
    right: 0;
}

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

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

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #e6e6e6;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
}

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

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

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

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

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

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

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
    background-color: #3fd5c0;
}

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

.admin-grid .sub-header {
    color: #999999;
    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-feature .ui-widget-content {
    border: none;
    background: 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 {
    float: left;
    background: transparent;
    margin: 10px 0;
    font-size: 13px;
    padding: 0;
    border-radius: 0;
}

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

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

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

.admin-grid .sub-header {
    color: #999999;
    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;
    top: 3px;
    right: 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 {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.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:hover, a.list-group-item:focus {
    background-color: #fafafa;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    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 .portlet-body {
        margin-right: -10px;
    }
}

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

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

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

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

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

.control-label {
    font-weight: 500;
}

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

/* Cubic Bezier Transition */
/***
Bootstrap Colorpicker
***/
.input-group.color .input-group-prepend i {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 6px;
}

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

/* change z-index when opened in modal */
.modal-open .colorpicker {
    z-index: 10055 !important;
}

/***
Bootstrap Datepicker
***/
.datepicker.dropdown-menu {
    padding: 5px;
}

.datepicker .selected {
    background-color: #909090 !important;
    background-image: none !important;
    -webkit-filter: none !important;
    filter: none !important;
}

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

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

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

/* change z-index when opened in modal */
.modal-open .modal-body .datepicker {
    z-index: 10055 !important;
}

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

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

.datepicker.dropdown-menu {
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    border: 1px solid #efefef;
}

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

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

/***
Bootstrap Daterangepicker
***/
.modal-open .daterangepicker {
    z-index: 10055 !important;
}

.daterangepicker {
    margin-top: 4px;
}

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

.daterangepicker td {
    text-shadow: none;
}

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

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

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

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

.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: #333333;
}

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

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

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

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

/***
Bootstrap  Datetimepicker
***/
.datetimepicker table td {
    color: #000000;
    font-weight: 300 !important;
    font-family: Roboto, sans-serif;
}

.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;
    -webkit-filter: none !important;
    filter: none !important;
}

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

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

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

/* change z-index when opened in modal */
.modal-open .datetimepicker {
    z-index: 10055;
}

/***
Bootstrap Time Picker
***/
.bootstrap-timepicker-widget table td a {
    padding: 4px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cropper-line {
    background-color: #6699ff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cropper-hidden {
    display: none !important;
}

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

.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-right: 15px;
    padding-left: 15px;
}

.avatar-upload {
    overflow: hidden;
}

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

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

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

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

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

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

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

.avatar-preview img {
    width: 100%;
}

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

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

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

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

.cropper-loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff url("/vendor/core/images//loading.gif") no-repeat center center;
    opacity: 0.75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}

.avatar-view {
    cursor: pointer;
}

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

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

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

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

.pace-inactive {
    display: none;
}

@-webkit-keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

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

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

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

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

.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
***********/
/* Header search bar, toggler button & top menu */
.page-header.navbar {
    background-color: #fff;
}
.page-header.navbar .top-menu .navbar-nav {
    /* Extended Dropdowns */
    /* Notification */
    /* Inbox */
    /* Tasks */
    /* User */
    /* Language */
    /* Dark version */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #bbc1c8;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #3fd5c0;
    color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #178ace;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
    color: #e5e7ea;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #178ace;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
    color: #e5e7ea;
}

.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: #337ab7;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
    color: #23527c;
    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: #888888;
}

.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: #3fd5c0;
    color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #3fd5c0;
}

.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 {
    color: #bae0f7;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #bae0f7;
}

.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: #bae0f7;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #11689b;
    border: 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #11689b;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
    background: #0f5c89;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
    color: #75c2ef;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
    color: #5496cf;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
    color: #75c2ef;
    border-bottom: 1px solid #1371a9 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
    color: #47adea;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
    background: #136ea5;
}

.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: #1371a9;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #106292;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #0e527b;
}

.page-header.navbar .menu-toggler > span,
.page-header.navbar .menu-toggler > span:before,
.page-header.navbar .menu-toggler > span:after {
    background: #333;
}

.page-header.navbar .menu-toggler > span:hover {
    background: #333;
}

.page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
    background: #333;
}

.page-header.navbar .menu-toggler.th-toggle-exit > span {
    background-color: transparent !important;
}

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #ffffff;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
    /* 1st level links */
    /* All links */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #f0f5f7;
    color: #555555;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i {
    color: #c3c3c3;
}

.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-],
.page-sidebar .page-sidebar-menu > li > a > i[class^=icon-],
.page-sidebar .page-sidebar-menu > li > a > i[class*=icon-] {
    color: #9d9d9d;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
    color: #c3c3c3;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
.page-sidebar .page-sidebar-menu > li.heading > h3 {
    color: #1a1a1a;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: #f1f1f1;
    color:var(--var-primari-color);
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i {
    color: var(--var-primari-color);
}

.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 > .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 > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
    color: #aeaeae;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {

    border-top-color:#f1f1f1;
    background: #f1f1f1;
    border-left: 4px solid var(--var-primari-color);
    color: var(--var-primari-color);
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background:#f1f1f1;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: var(--var-primari-color);
}

.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 > .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 > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
    color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
.page-sidebar .page-sidebar-menu > li.active + li > a {
    border-top-color: transparent;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
    border-top-color: #fff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
.page-sidebar .page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
    color: #333;
}

.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 > .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
    color: var(--var-primari-color);;
}

.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 > .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
    color: #ffffff;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background-color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #555555;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    color: #c3c3c3;
}

.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-],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^=icon-],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*=icon-] {
    color: #9d9d9d;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu .sub-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
    color: #c3c3c3;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > 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.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #f1f1f1 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > 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.active > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
    color: #aeaeae;
    color: #9d9d9d;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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:hover > 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.open > 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.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
    color: #aeaeae;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
    background: whitesmoke;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
    background: #ededed;
    border-left: 4px solid #3fd5c0;
    color: #666666;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
    border-left: 4px solid var(--var-primari-color);
    background: whitesmoke;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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 > i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
    color: #999999;
}

.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 > .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 > .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 > .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 > .arrow.open:before {
    color: #999999;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .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.open > 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 .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > 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.active > a {
    background: #ededed !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.page-sidebar .sidebar-toggler {
    background: #1474ae;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
.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:after,
.page-sidebar .sidebar-toggler > span,
.page-sidebar .sidebar-toggler > span:before,
.page-sidebar .sidebar-toggler > span:after {
    background: #bae0f7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
.page-sidebar .sidebar-toggler > span:hover {
    background: #bae0f7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
.page-sidebar .sidebar-toggler > span:hover:before,
.page-sidebar .sidebar-toggler > span:hover:after {
    background: #bae0f7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
.page-sidebar .sidebar-toggler.th-toggle-exit > span {
    background-color: transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
.page-sidebar .sidebar-toggler:hover {
    background: #116597;
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

.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.open > a {
    border-left: 0;
    border-right: 4px solid #3fd5c0;
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
    border-left: 0;
    border-right: 4px solid var(--var-primari-color);
}

/******
Page Footer
******/
.page-footer .page-footer-inner {
    color: #333333;
}

.page-footer-fixed .page-footer {
    background-color: #8cccf2;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 0px 0px rgba(18, 107, 160, 0.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: 0px 0px rgba(18, 107, 160, 0.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(18, 107, 160, 0.2);
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper {
        box-shadow: none;
    }

    /* Light sidebar menu */
    .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #f0f5f7 !important;
    }

    /* Fixed Sidebar */
    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #ffffff;
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
        color: #333333;
    }

    /* Sidebar Menu Wirh Hoverable Submenu */
    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #106292;
    }

    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #106292;
    }

    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #106292 !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .page-sidebar {
        background-color: #fcfcfc;
        /* light sidebar */
    }

    .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #ffffff;
    }

    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
        background: #d9d9d9;
    }

    .page-sidebar .page-sidebar-menu > li:last-child > a {
        border-bottom: 0 !important;
    }

    .page-sidebar .page-sidebar-menu > li .sub-menu {
        background-color: #fcfcfc !important;
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
        /* 1st level links */
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: white;
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: white;
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
        background: white;
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #fcfcfc !important;
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > 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.active > a {
        background: white !important;
    }
}

@media (max-width: 480px) {
    /* 480px */
    .page-header.navbar .top-menu {
        background-color: #ffffff;
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: var(--var-primari-color);
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #188dd2;
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
        background-color: #178ace;
    }
}

.page-wrapper {
    background-color: #ffffff;
}

.page-spinner-bar > div,
.block-spinner-bar > div {
    background: #54dac7;
}

/* Page sidebar */
select:not([multiple]) {
    border-radius: 3px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
    /* Adjust "selected" arrow */
    /* Change sidebar link font weight */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
    top: 0;
    right: -8px;
    border-top: 20px double transparent;
    border-bottom: 20px double transparent;
    border-right: 0;
    border-left: 8px solid #3fd5c0;
}

.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected {
    right: auto;
    left: -8px;
    border-left: 0;
    border-right: 8px solid #3fd5c0;
}

.page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent transparent transparent #3fd5c0;
}

.page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent #3fd5c0 transparent transparent;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
.page-sidebar .page-sidebar-menu li > a {
    font-weight: 400;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
.page-sidebar .page-sidebar-menu li > a > i {
    font-weight: 900;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu li:hover .sub-menu {
    background-color: #f9f9f9;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
.page-sidebar .page-sidebar-menu li .sub-menu li > a {
    font-weight: normal;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
.page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
    font-weight: 900;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a .selected,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a .selected {
    display: none;
}

.page-container-bg-solid .page-content {
    border-left: 1px solid #f0f5f7;
    border-bottom: 1px solid #f0f5f7;
    background-color: #f8f9fa;
}

.page-sidebar-reversed .page-container-bg-solid .page-content {
    border-right: 1px solid #f0f5f7;
}

.page-container-bg-solid .page-content .meta-boxes {
    border: 1px solid #dedede;
    border-radius: 5px;
}

.page-container-bg-solid .page-content .meta-boxes .widget-title {
    border: 1px solid #fbfbfb;
    border-radius: 5px 5px 0 0;
}

@media (max-width: 991px) {
    /* 991px */
    .page-content {
        border-left: 0;
        border-bottom: 0;
    }

    .page-sidebar-reversed .page-content {
        border-right: 0;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
    .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #f0f5f7;
    }
}

@media (max-width: 480px) {
    /* 480px */
    body {
        background: #1993dc;
    }

    .page-header.navbar .top-menu {
        background-color: #1993dc;
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: var(--var-primari-color);
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
        color: #dde0e3;
    }
}