.page-body.skin-aero .btn-primary {
    background: rgb(85, 140, 137);
}

.page-body.skin-aero .btn-primary:hover {
    background: rgb(75, 124, 121);
    border-color: rgb(75, 124, 121);
}

.page-body.skin-aero .btn-primary:active, .page-body.skin-aero .btn-primary:focus {
    background: rgb(56, 92, 90);
    border-color: rgb(56, 92, 90);
}

.page-body.skin-aero .btn.btn-secondary {
    background-color: rgb(37, 94, 91);
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .btn.btn-secondary:hover {
    background-color: rgb(30, 76, 73);
}

.page-body.skin-aero .btn.btn-secondary:active, .page-body.skin-aero .btn.btn-secondary:focus {
    background-color: rgb(30, 76, 73);
    border-color: rgb(27, 68, 66);
}

.page-body.skin-aero .settings-pane {
    background: rgb(95, 154, 151);
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-aero .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(85, 140, 137);
}

.page-body.skin-aero .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(95, 154, 151);
}

.page-body.skin-aero .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .settings-pane .links-block h4 a:hover {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .settings-pane .links-block ul li a {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .sidebar-menu {
    background: rgb(85, 140, 137);
}

.page-body.skin-aero .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(95, 154, 151);
}

.page-body.skin-aero .sidebar-menu .logo-env .settings-icon a {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .sidebar-menu .main-menu a {
    color: rgb(236, 236, 234);
    border-bottom: 1px solid rgb(95, 154, 151);
}

.page-body.skin-aero .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(172, 204, 202);
}

.page-body.skin-aero .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-aero .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-aero .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-aero .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-aero .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(79, 130, 128);
    }

    .page-body.skin-aero .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(85, 140, 137);
    }
}

.page-body.skin-aero .page-loading-overlay {
    background-color: rgb(85, 140, 137);
}

.page-body.skin-aero.login-page {
    background: rgb(85, 140, 137);
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .login-form .login-header .logo span {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.login-page .login-form .login-header p {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.login-page .login-form .form-group .control-label {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(75, 124, 121);
    border: 1px solid transparent;
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-aero.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(95, 154, 151);
    background-color: rgb(85, 140, 137);
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(95, 154, 151, 0.3);
}

.page-body.skin-aero.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-aero.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .login-form .login-footer a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.login-page .login-form .login-footer .info-links a {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-aero.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-aero.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-aero.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-aero.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-aero.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-aero.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-aero.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-aero.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-aero.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-aero.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-aero.login-page.login-light .errors-container, .page-body.skin-aero.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-aero.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-aero.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-aero.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-aero.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-aero.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-aero.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-aero.login-page {
        padding-top: 0px;
    }

    .page-body.skin-aero.login-page .login-form, .page-body.skin-aero.login-page .errors-container, .page-body.skin-aero.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-aero.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-aero.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-aero.login-page.login-light .errors-container, .page-body.skin-aero.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-aero.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-aero.lockscreen-page {
    background: rgb(85, 140, 137);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(95, 154, 151);
    color: rgb(255, 255, 255);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(95, 154, 151);
}

.page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(95, 154, 151, 0.3);
}

.page-body.skin-aero.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(95, 154, 151);
    box-shadow: rgb(95, 154, 151) 0px 0px 0px 10px, rgb(95, 154, 151) 0px -10px 0px 10px, rgb(95, 154, 151) 0px -20px 0px 10px, rgb(95, 154, 151) 0px -30px 0px 10px;
}

.page-body.skin-aero .sidebar-user-info {
    background-color: rgb(75, 124, 121);
    border-bottom-color: rgb(95, 154, 151);
}

.page-body.skin-aero .sidebar-user-info .user-profile span {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-aero .sidebar-user-info .user-links {
    border-top-color: rgb(95, 154, 151);
}

.page-body.skin-aero .sidebar-user-info .user-links li a {
    color: rgb(236, 236, 234);
}

.page-body.skin-aero .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(95, 154, 151, 0.25);
}

.page-body.skin-aero .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(95, 154, 151, 0.25);
}

.page-body.skin-aero .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(95, 154, 151);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-aero .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-aero .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-navy .btn-primary {
    background: rgb(44, 62, 80);
}

.page-body.skin-navy .btn-primary:hover {
    background: rgb(35, 49, 64);
    border-color: rgb(35, 49, 64);
}

.page-body.skin-navy .btn-primary:active, .page-body.skin-navy .btn-primary:focus {
    background: rgb(17, 24, 31);
    border-color: rgb(17, 24, 31);
}

.page-body.skin-navy .btn.btn-secondary {
    background-color: rgb(255, 78, 80);
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .btn.btn-secondary:hover {
    background-color: rgb(255, 52, 55);
}

.page-body.skin-navy .btn.btn-secondary:active, .page-body.skin-navy .btn.btn-secondary:focus {
    background-color: rgb(255, 52, 55);
    border-color: rgb(255, 42, 45);
}

.page-body.skin-navy .settings-pane {
    background: rgb(52, 73, 94);
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-navy .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(44, 62, 80);
}

.page-body.skin-navy .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(52, 73, 94);
}

.page-body.skin-navy .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .settings-pane .links-block h4 a:hover {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .settings-pane .links-block ul li a {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .sidebar-menu {
    background: rgb(44, 62, 80);
}

.page-body.skin-navy .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(52, 73, 94);
}

.page-body.skin-navy .sidebar-menu .logo-env .settings-icon a {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .sidebar-menu .main-menu a {
    color: rgb(167, 191, 214);
    border-bottom: 1px solid rgb(52, 73, 94);
}

.page-body.skin-navy .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(103, 137, 171);
}

.page-body.skin-navy .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-navy .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-navy .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(39, 54, 70);
    }

    .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(44, 62, 80);
    }
}

.page-body.skin-navy .page-loading-overlay {
    background-color: rgb(44, 62, 80);
}

.page-body.skin-navy.login-page {
    background: rgb(44, 62, 80);
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.login-page .login-form .login-header .logo span {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.login-page .login-form .login-header p {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.login-page .login-form .form-group .control-label {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(35, 49, 64);
    border: 1px solid transparent;
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(52, 73, 94);
    background-color: rgb(44, 62, 80);
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(52, 73, 94, 0.3);
}

.page-body.skin-navy.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-navy.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.login-page .login-form .login-footer a:hover {
    color: rgb(219, 229, 238);
}

.page-body.skin-navy.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.login-page .login-form .login-footer .info-links a {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-navy.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-navy.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-navy.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-navy.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-navy.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-navy.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-navy.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-navy.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-navy.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-navy.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-navy.login-page.login-light .errors-container, .page-body.skin-navy.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-navy.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-navy.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-navy.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-navy.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-navy.login-page {
        padding-top: 0px;
    }

    .page-body.skin-navy.login-page .login-form, .page-body.skin-navy.login-page .errors-container, .page-body.skin-navy.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-navy.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-navy.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-navy.login-page.login-light .errors-container, .page-body.skin-navy.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-navy.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-navy.lockscreen-page {
    background: rgb(44, 62, 80);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(52, 73, 94);
    color: rgb(255, 255, 255);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(52, 73, 94);
}

.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(52, 73, 94, 0.3);
}

.page-body.skin-navy.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(52, 73, 94);
    box-shadow: rgb(52, 73, 94) 0px 0px 0px 10px, rgb(52, 73, 94) 0px -10px 0px 10px, rgb(52, 73, 94) 0px -20px 0px 10px, rgb(52, 73, 94) 0px -30px 0px 10px;
}

.page-body.skin-navy .sidebar-user-info {
    background-color: rgb(35, 49, 64);
    border-bottom-color: rgb(52, 73, 94);
}

.page-body.skin-navy .sidebar-user-info .user-profile span {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-navy .sidebar-user-info .user-links {
    border-top-color: rgb(52, 73, 94);
}

.page-body.skin-navy .sidebar-user-info .user-links li a {
    color: rgb(167, 191, 214);
}

.page-body.skin-navy .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(52, 73, 94, 0.25);
}

.page-body.skin-navy .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(52, 73, 94, 0.25);
}

.page-body.skin-navy .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(52, 73, 94);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-navy .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-navy .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-facebook .btn-primary {
    background: rgb(59, 89, 152);
}

.page-body.skin-facebook .btn-primary:hover {
    background: rgb(52, 78, 134);
    border-color: rgb(52, 78, 134);
}

.page-body.skin-facebook .btn-primary:active, .page-body.skin-facebook .btn-primary:focus {
    background: rgb(38, 57, 97);
    border-color: rgb(38, 57, 97);
}

.page-body.skin-facebook .btn.btn-secondary {
    background-color: rgb(139, 157, 195);
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .btn.btn-secondary:hover {
    background-color: rgb(122, 143, 186);
}

.page-body.skin-facebook .btn.btn-secondary:active, .page-body.skin-facebook .btn.btn-secondary:focus {
    background-color: rgb(122, 143, 186);
    border-color: rgb(115, 137, 183);
}

.page-body.skin-facebook .settings-pane {
    background: rgb(65, 96, 160);
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-facebook .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(59, 89, 152);
}

.page-body.skin-facebook .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(65, 96, 160);
}

.page-body.skin-facebook .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .settings-pane .links-block h4 a:hover {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .settings-pane .links-block ul li a {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .sidebar-menu {
    background: rgb(59, 89, 152);
}

.page-body.skin-facebook .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(65, 96, 160);
}

.page-body.skin-facebook .sidebar-menu .logo-env .settings-icon a {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .sidebar-menu .main-menu a {
    color: rgb(139, 157, 195);
    border-bottom: 1px solid rgb(65, 96, 160);
}

.page-body.skin-facebook .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(143, 165, 210);
}

.page-body.skin-facebook .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-facebook .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-facebook .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-facebook .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-facebook .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(55, 83, 141);
    }

    .page-body.skin-facebook .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(59, 89, 152);
    }
}

.page-body.skin-facebook .page-loading-overlay {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-facebook.login-page {
    background: rgb(59, 89, 152);
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.login-page .login-form .login-header .logo span {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.login-page .login-form .login-header p {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.login-page .login-form .form-group .control-label {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(52, 78, 134);
    border: 1px solid transparent;
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(65, 96, 160);
    background-color: rgb(59, 89, 152);
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(65, 96, 160, 0.3);
}

.page-body.skin-facebook.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-facebook.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.login-page .login-form .login-footer a:hover {
    color: rgb(189, 200, 221);
}

.page-body.skin-facebook.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.login-page .login-form .login-footer .info-links a {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-facebook.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-facebook.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-facebook.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-facebook.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-facebook.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-facebook.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-facebook.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-facebook.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-facebook.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-facebook.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-facebook.login-page.login-light .errors-container, .page-body.skin-facebook.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-facebook.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-facebook.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-facebook.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-facebook.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-facebook.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-facebook.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-facebook.login-page {
        padding-top: 0px;
    }

    .page-body.skin-facebook.login-page .login-form, .page-body.skin-facebook.login-page .errors-container, .page-body.skin-facebook.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-facebook.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-facebook.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-facebook.login-page.login-light .errors-container, .page-body.skin-facebook.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-facebook.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-facebook.lockscreen-page {
    background: rgb(59, 89, 152);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(65, 96, 160);
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(65, 96, 160);
}

.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(65, 96, 160, 0.3);
}

.page-body.skin-facebook.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(65, 96, 160);
    box-shadow: rgb(65, 96, 160) 0px 0px 0px 10px, rgb(65, 96, 160) 0px -10px 0px 10px, rgb(65, 96, 160) 0px -20px 0px 10px, rgb(65, 96, 160) 0px -30px 0px 10px;
}

.page-body.skin-facebook .sidebar-user-info {
    background-color: rgb(52, 78, 134);
    border-bottom-color: rgb(65, 96, 160);
}

.page-body.skin-facebook .sidebar-user-info .user-profile span {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-facebook .sidebar-user-info .user-links {
    border-top-color: rgb(65, 96, 160);
}

.page-body.skin-facebook .sidebar-user-info .user-links li a {
    color: rgb(139, 157, 195);
}

.page-body.skin-facebook .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(65, 96, 160, 0.25);
}

.page-body.skin-facebook .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(65, 96, 160, 0.25);
}

.page-body.skin-facebook .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(65, 96, 160);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-facebook .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-facebook .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-turquoise .btn-primary {
    background: rgb(22, 160, 133);
}

.page-body.skin-turquoise .btn-primary:hover {
    background: rgb(19, 138, 114);
    border-color: rgb(19, 138, 114);
}

.page-body.skin-turquoise .btn-primary:active, .page-body.skin-turquoise .btn-primary:focus {
    background: rgb(13, 93, 77);
    border-color: rgb(13, 93, 77);
}

.page-body.skin-turquoise .btn.btn-secondary {
    background-color: rgb(15, 126, 104);
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .btn.btn-secondary:hover {
    background-color: rgb(12, 103, 85);
}

.page-body.skin-turquoise .btn.btn-secondary:active, .page-body.skin-turquoise .btn.btn-secondary:focus {
    background-color: rgb(12, 103, 85);
    border-color: rgb(11, 94, 78);
}

.page-body.skin-turquoise .settings-pane {
    background: rgb(29, 175, 146);
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-turquoise .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(22, 160, 133);
}

.page-body.skin-turquoise .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(29, 175, 146);
}

.page-body.skin-turquoise .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .settings-pane .links-block h4 a:hover {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .settings-pane .links-block ul li a {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .sidebar-menu {
    background: rgb(22, 160, 133);
}

.page-body.skin-turquoise .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(29, 175, 146);
}

.page-body.skin-turquoise .sidebar-menu .logo-env .settings-icon a {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .sidebar-menu .main-menu a {
    color: rgb(150, 234, 217);
    border-bottom: 1px solid rgb(29, 175, 146);
}

.page-body.skin-turquoise .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(102, 230, 204);
}

.page-body.skin-turquoise .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-turquoise .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-turquoise .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(20, 147, 122);
    }

    .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(22, 160, 133);
    }
}

.page-body.skin-turquoise .page-loading-overlay {
    background-color: rgb(22, 160, 133);
}

.page-body.skin-turquoise.login-page {
    background: rgb(22, 160, 133);
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.login-page .login-form .login-header .logo span {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.login-page .login-form .login-header p {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.login-page .login-form .form-group .control-label {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(19, 138, 114);
    border: 1px solid transparent;
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(29, 175, 146);
    background-color: rgb(22, 160, 133);
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(29, 175, 146, 0.3);
}

.page-body.skin-turquoise.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-turquoise.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.login-page .login-form .login-footer a:hover {
    color: rgb(214, 247, 240);
}

.page-body.skin-turquoise.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.login-page .login-form .login-footer .info-links a {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-turquoise.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-turquoise.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-turquoise.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-turquoise.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-turquoise.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-turquoise.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-turquoise.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-turquoise.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-turquoise.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-turquoise.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-turquoise.login-page.login-light .errors-container, .page-body.skin-turquoise.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-turquoise.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-turquoise.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-turquoise.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-turquoise.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-turquoise.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-turquoise.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-turquoise.login-page {
        padding-top: 0px;
    }

    .page-body.skin-turquoise.login-page .login-form, .page-body.skin-turquoise.login-page .errors-container, .page-body.skin-turquoise.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-turquoise.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-turquoise.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-turquoise.login-page.login-light .errors-container, .page-body.skin-turquoise.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-turquoise.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-turquoise.lockscreen-page {
    background: rgb(22, 160, 133);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(29, 175, 146);
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(29, 175, 146);
}

.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(29, 175, 146, 0.3);
}

.page-body.skin-turquoise.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(29, 175, 146);
    box-shadow: rgb(29, 175, 146) 0px 0px 0px 10px, rgb(29, 175, 146) 0px -10px 0px 10px, rgb(29, 175, 146) 0px -20px 0px 10px, rgb(29, 175, 146) 0px -30px 0px 10px;
}

.page-body.skin-turquoise .sidebar-user-info {
    background-color: rgb(19, 138, 114);
    border-bottom-color: rgb(29, 175, 146);
}

.page-body.skin-turquoise .sidebar-user-info .user-profile span {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-turquoise .sidebar-user-info .user-links {
    border-top-color: rgb(29, 175, 146);
}

.page-body.skin-turquoise .sidebar-user-info .user-links li a {
    color: rgb(150, 234, 217);
}

.page-body.skin-turquoise .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(29, 175, 146, 0.25);
}

.page-body.skin-turquoise .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(29, 175, 146, 0.25);
}

.page-body.skin-turquoise .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(29, 175, 146);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-turquoise .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-turquoise .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-lime .btn-primary {
    background: rgb(140, 198, 87);
}

.page-body.skin-lime .btn-primary:hover {
    background: rgb(127, 192, 68);
    border-color: rgb(127, 192, 68);
}

.page-body.skin-lime .btn-primary:active, .page-body.skin-lime .btn-primary:focus {
    background: rgb(102, 156, 53);
    border-color: rgb(102, 156, 53);
}

.page-body.skin-lime .btn.btn-secondary {
    background-color: rgb(112, 169, 60);
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .btn.btn-secondary:hover {
    background-color: rgb(100, 150, 53);
}

.page-body.skin-lime .btn.btn-secondary:active, .page-body.skin-lime .btn.btn-secondary:focus {
    background-color: rgb(100, 150, 53);
    border-color: rgb(95, 143, 51);
}

.page-body.skin-lime .settings-pane {
    background: rgb(149, 205, 98);
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-lime .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(140, 198, 87);
}

.page-body.skin-lime .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(149, 205, 98);
}

.page-body.skin-lime .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane .links-block h4 a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane .links-block ul li a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-menu {
    background: rgb(140, 198, 87);
}

.page-body.skin-lime .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(149, 205, 98);
}

.page-body.skin-lime .sidebar-menu .logo-env .settings-icon a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-menu .main-menu a {
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(149, 205, 98);
}

.page-body.skin-lime .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(214, 236, 195);
}

.page-body.skin-lime .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-lime .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-lime .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-lime .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-lime .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(132, 194, 76);
    }

    .page-body.skin-lime .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(140, 198, 87);
    }
}

.page-body.skin-lime .page-loading-overlay {
    background-color: rgb(140, 198, 87);
}

.page-body.skin-lime.login-page {
    background: rgb(140, 198, 87);
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .login-header .logo span {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .login-header p {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .form-group .control-label {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(127, 192, 68);
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(149, 205, 98);
    background-color: rgb(140, 198, 87);
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(149, 205, 98, 0.3);
}

.page-body.skin-lime.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-lime.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .login-footer a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .login-footer .info-links a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-lime.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-lime.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-lime.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-lime.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-lime.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-lime.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-lime.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-lime.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-lime.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-lime.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-lime.login-page.login-light .errors-container, .page-body.skin-lime.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-lime.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-lime.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-lime.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-lime.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-lime.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-lime.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-lime.login-page {
        padding-top: 0px;
    }

    .page-body.skin-lime.login-page .login-form, .page-body.skin-lime.login-page .errors-container, .page-body.skin-lime.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-lime.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-lime.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-lime.login-page.login-light .errors-container, .page-body.skin-lime.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-lime.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-lime.lockscreen-page {
    background: rgb(140, 198, 87);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(149, 205, 98);
    color: rgb(255, 255, 255);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(149, 205, 98);
}

.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(149, 205, 98, 0.3);
}

.page-body.skin-lime.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(149, 205, 98);
    box-shadow: rgb(149, 205, 98) 0px 0px 0px 10px, rgb(149, 205, 98) 0px -10px 0px 10px, rgb(149, 205, 98) 0px -20px 0px 10px, rgb(149, 205, 98) 0px -30px 0px 10px;
}

.page-body.skin-lime .sidebar-user-info {
    background-color: rgb(127, 192, 68);
    border-bottom-color: rgb(149, 205, 98);
}

.page-body.skin-lime .sidebar-user-info .user-profile span {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-user-info .user-links {
    border-top-color: rgb(149, 205, 98);
}

.page-body.skin-lime .sidebar-user-info .user-links li a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lime .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(149, 205, 98, 0.25);
}

.page-body.skin-lime .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(149, 205, 98, 0.25);
}

.page-body.skin-lime .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(149, 205, 98);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-lime .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-lime .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-green .btn-primary {
    background: rgb(39, 174, 96);
}

.page-body.skin-green .btn-primary:hover {
    background: rgb(34, 153, 85);
    border-color: rgb(34, 153, 85);
}

.page-body.skin-green .btn-primary:active, .page-body.skin-green .btn-primary:focus {
    background: rgb(25, 112, 62);
    border-color: rgb(25, 112, 62);
}

.page-body.skin-green .btn.btn-secondary {
    background-color: rgb(28, 149, 79);
    color: rgb(255, 255, 255);
}

.page-body.skin-green .btn.btn-secondary:hover {
    background-color: rgb(24, 128, 68);
}

.page-body.skin-green .btn.btn-secondary:active, .page-body.skin-green .btn.btn-secondary:focus {
    background-color: rgb(24, 128, 68);
    border-color: rgb(22, 119, 63);
}

.page-body.skin-green .settings-pane {
    background: rgb(47, 189, 107);
    color: rgb(162, 249, 199);
}

.page-body.skin-green .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(162, 249, 199);
}

.page-body.skin-green .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-green .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(39, 174, 96);
}

.page-body.skin-green .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(47, 189, 107);
}

.page-body.skin-green .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .settings-pane .links-block h4 a:hover {
    color: rgb(162, 249, 199);
}

.page-body.skin-green .settings-pane .links-block ul li a {
    color: rgb(162, 249, 199);
}

.page-body.skin-green .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .sidebar-menu {
    background: rgb(39, 174, 96);
}

.page-body.skin-green .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(47, 189, 107);
}

.page-body.skin-green .sidebar-menu .logo-env .settings-icon a {
    color: rgb(162, 249, 199);
}

.page-body.skin-green .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .sidebar-menu .main-menu a {
    color: rgb(162, 249, 199);
    border-bottom: 1px solid rgb(47, 189, 107);
}

.page-body.skin-green .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(138, 226, 175);
}

.page-body.skin-green .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-green .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-green .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-green .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-green .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(36, 162, 89);
    }

    .page-body.skin-green .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(39, 174, 96);
    }
}

.page-body.skin-green .page-loading-overlay {
    background-color: rgb(39, 174, 96);
}

.page-body.skin-green.login-page {
    background: rgb(39, 174, 96);
    color: rgb(255, 255, 255);
}

.page-body.skin-green.login-page .login-form .login-header .logo span {
    color: rgb(162, 249, 199);
}

.page-body.skin-green.login-page .login-form .login-header p {
    color: rgb(162, 249, 199);
}

.page-body.skin-green.login-page .login-form .form-group .control-label {
    color: rgb(162, 249, 199);
}

.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(34, 153, 85);
    border: 1px solid transparent;
    color: rgb(162, 249, 199);
}

.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-green.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-green.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(47, 189, 107);
    background-color: rgb(39, 174, 96);
    color: rgb(255, 255, 255);
}

.page-body.skin-green.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(47, 189, 107, 0.3);
}

.page-body.skin-green.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-green.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-green.login-page .login-form .login-footer a:hover {
    color: rgb(234, 254, 242);
}

.page-body.skin-green.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(162, 249, 199);
}

.page-body.skin-green.login-page .login-form .login-footer .info-links a {
    color: rgb(162, 249, 199);
}

.page-body.skin-green.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-green.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-green.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-green.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-green.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-green.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-green.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-green.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-green.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-green.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-green.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-green.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-green.login-page.login-light .errors-container, .page-body.skin-green.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-green.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-green.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-green.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-green.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-green.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-green.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-green.login-page {
        padding-top: 0px;
    }

    .page-body.skin-green.login-page .login-form, .page-body.skin-green.login-page .errors-container, .page-body.skin-green.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-green.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-green.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-green.login-page.login-light .errors-container, .page-body.skin-green.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-green.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-green.lockscreen-page {
    background: rgb(39, 174, 96);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(162, 249, 199);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(162, 249, 199);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(47, 189, 107);
    color: rgb(255, 255, 255);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(47, 189, 107);
}

.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(47, 189, 107, 0.3);
}

.page-body.skin-green.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(47, 189, 107);
    box-shadow: rgb(47, 189, 107) 0px 0px 0px 10px, rgb(47, 189, 107) 0px -10px 0px 10px, rgb(47, 189, 107) 0px -20px 0px 10px, rgb(47, 189, 107) 0px -30px 0px 10px;
}

.page-body.skin-green .sidebar-user-info {
    background-color: rgb(34, 153, 85);
    border-bottom-color: rgb(47, 189, 107);
}

.page-body.skin-green .sidebar-user-info .user-profile span {
    color: rgb(162, 249, 199);
}

.page-body.skin-green .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-green .sidebar-user-info .user-links {
    border-top-color: rgb(47, 189, 107);
}

.page-body.skin-green .sidebar-user-info .user-links li a {
    color: rgb(162, 249, 199);
}

.page-body.skin-green .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(47, 189, 107, 0.25);
}

.page-body.skin-green .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(47, 189, 107, 0.25);
}

.page-body.skin-green .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(47, 189, 107);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-green .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-green .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-purple .btn-primary {
    background: rgb(121, 91, 149);
}

.page-body.skin-purple .btn-primary:hover {
    background: rgb(108, 81, 133);
    border-color: rgb(108, 81, 133);
}

.page-body.skin-purple .btn-primary:active, .page-body.skin-purple .btn-primary:focus {
    background: rgb(82, 62, 102);
    border-color: rgb(82, 62, 102);
}

.page-body.skin-purple .btn.btn-secondary {
    background-color: rgb(95, 61, 126);
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .btn.btn-secondary:hover {
    background-color: rgb(82, 53, 109);
}

.page-body.skin-purple .btn.btn-secondary:active, .page-body.skin-purple .btn.btn-secondary:focus {
    background-color: rgb(82, 53, 109);
    border-color: rgb(77, 49, 102);
}

.page-body.skin-purple .settings-pane {
    background: rgb(129, 98, 159);
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-purple .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(121, 91, 149);
}

.page-body.skin-purple .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(129, 98, 159);
}

.page-body.skin-purple .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .settings-pane .links-block h4 a:hover {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .settings-pane .links-block ul li a {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .sidebar-menu {
    background: rgb(121, 91, 149);
}

.page-body.skin-purple .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(129, 98, 159);
}

.page-body.skin-purple .sidebar-menu .logo-env .settings-icon a {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .sidebar-menu .main-menu a {
    color: rgb(194, 175, 212);
    border-bottom: 1px solid rgb(129, 98, 159);
}

.page-body.skin-purple .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(192, 177, 207);
}

.page-body.skin-purple .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-purple .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-purple .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-purple .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-purple .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(113, 85, 140);
    }

    .page-body.skin-purple .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(121, 91, 149);
    }
}

.page-body.skin-purple .page-loading-overlay {
    background-color: rgb(121, 91, 149);
}

.page-body.skin-purple.login-page {
    background: rgb(121, 91, 149);
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.login-page .login-form .login-header .logo span {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.login-page .login-form .login-header p {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.login-page .login-form .form-group .control-label {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(108, 81, 133);
    border: 1px solid transparent;
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(129, 98, 159);
    background-color: rgb(121, 91, 149);
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(129, 98, 159, 0.3);
}

.page-body.skin-purple.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-purple.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.login-page .login-form .login-footer a:hover {
    color: rgb(232, 225, 239);
}

.page-body.skin-purple.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.login-page .login-form .login-footer .info-links a {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-purple.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-purple.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-purple.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-purple.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-purple.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-purple.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-purple.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-purple.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-purple.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-purple.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-purple.login-page.login-light .errors-container, .page-body.skin-purple.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-purple.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-purple.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-purple.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-purple.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-purple.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-purple.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-purple.login-page {
        padding-top: 0px;
    }

    .page-body.skin-purple.login-page .login-form, .page-body.skin-purple.login-page .errors-container, .page-body.skin-purple.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-purple.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-purple.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-purple.login-page.login-light .errors-container, .page-body.skin-purple.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-purple.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-purple.lockscreen-page {
    background: rgb(121, 91, 149);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(129, 98, 159);
    color: rgb(255, 255, 255);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(129, 98, 159);
}

.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(129, 98, 159, 0.3);
}

.page-body.skin-purple.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(129, 98, 159);
    box-shadow: rgb(129, 98, 159) 0px 0px 0px 10px, rgb(129, 98, 159) 0px -10px 0px 10px, rgb(129, 98, 159) 0px -20px 0px 10px, rgb(129, 98, 159) 0px -30px 0px 10px;
}

.page-body.skin-purple .sidebar-user-info {
    background-color: rgb(108, 81, 133);
    border-bottom-color: rgb(129, 98, 159);
}

.page-body.skin-purple .sidebar-user-info .user-profile span {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-purple .sidebar-user-info .user-links {
    border-top-color: rgb(129, 98, 159);
}

.page-body.skin-purple .sidebar-user-info .user-links li a {
    color: rgb(194, 175, 212);
}

.page-body.skin-purple .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(129, 98, 159, 0.25);
}

.page-body.skin-purple .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(129, 98, 159, 0.25);
}

.page-body.skin-purple .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(129, 98, 159);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-purple .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-purple .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-white .btn-primary {
    background: rgb(149, 205, 98);
}

.page-body.skin-white .btn-primary:hover {
    background: rgb(136, 199, 79);
    border-color: rgb(136, 199, 79);
}

.page-body.skin-white .btn-primary:active, .page-body.skin-white .btn-primary:focus {
    background: rgb(111, 172, 55);
    border-color: rgb(111, 172, 55);
}

.page-body.skin-white .btn.btn-secondary {
    background-color: rgb(85, 85, 85);
    color: rgb(255, 255, 255);
}

.page-body.skin-white .btn.btn-secondary:hover {
    background-color: rgb(72, 72, 72);
}

.page-body.skin-white .btn.btn-secondary:active, .page-body.skin-white .btn.btn-secondary:focus {
    background-color: rgb(72, 72, 72);
    border-color: rgb(67, 67, 67);
}

.page-body.skin-white .settings-pane {
    background: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
}

.page-body.skin-white .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-white .settings-pane .user-info .user-details h3 a {
    color: rgb(149, 205, 98);
}

.page-body.skin-white .settings-pane .user-info .user-details .user-title {
    color: rgba(149, 205, 98, 0.65);
}

.page-body.skin-white .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(255, 255, 255);
}

.page-body.skin-white .settings-pane .links-block h4 {
    color: rgb(149, 205, 98);
}

.page-body.skin-white .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.page-body.skin-white .settings-pane .links-block h4 a {
    color: rgb(149, 205, 98);
}

.page-body.skin-white .settings-pane .links-block h4 a:hover {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .settings-pane .links-block ul li a {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .settings-pane .links-block ul li a:hover {
    color: rgb(149, 205, 98);
}

.page-body.skin-white .sidebar-menu {
    background: rgb(255, 255, 255);
}

.page-body.skin-white .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(238, 238, 238);
}

.page-body.skin-white .sidebar-menu .logo-env .settings-icon a {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(149, 205, 98);
}

.page-body.skin-white .sidebar-menu .main-menu a {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(238, 238, 238);
}

.page-body.skin-white .sidebar-menu .main-menu a:hover {
    color: rgb(80, 149, 213);
}

.page-body.skin-white .sidebar-menu .main-menu li.active > a {
    color: rgb(80, 149, 213);
}

.page-body.skin-white .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-white .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(238, 238, 238);
}

@media screen and (min-width: 768px) {
    .page-body.skin-white .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-white .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-white .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(247, 247, 247);
    }

    .page-body.skin-white .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(255, 255, 255);
    }
}

.page-body.skin-white .page-loading-overlay {
    background-color: rgb(255, 255, 255);
}

.page-body.skin-white.login-page {
    background: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.page-body.skin-white.login-page .login-form .login-header .logo span {
    color: rgb(102, 102, 102);
}

.page-body.skin-white.login-page .login-form .login-header p {
    color: rgb(102, 102, 102);
}

.page-body.skin-white.login-page .login-form .form-group .control-label {
    color: rgb(102, 102, 102);
}

.page-body.skin-white.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(242, 242, 242);
    border: 1px solid transparent;
    color: rgb(102, 102, 102);
}

.page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(149, 205, 98);
}

.page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(149, 205, 98);
}

.page-body.skin-white.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-white.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(238, 238, 238);
    background-color: rgb(255, 255, 255);
    color: rgb(149, 205, 98);
}

.page-body.skin-white.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(238, 238, 238, 0.3);
}

.page-body.skin-white.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-white.login-page .login-form .login-footer a {
    color: rgb(149, 205, 98);
}

.page-body.skin-white.login-page .login-form .login-footer a:hover {
    color: rgb(140, 140, 140);
}

.page-body.skin-white.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(102, 102, 102);
}

.page-body.skin-white.login-page .login-form .login-footer .info-links a {
    color: rgb(102, 102, 102);
}

.page-body.skin-white.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(149, 205, 98);
}

.page-body.skin-white.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-white.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-white.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-white.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-white.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-white.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-white.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-white.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-white.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-white.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-white.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-white.login-page.login-light .errors-container, .page-body.skin-white.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-white.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-white.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-white.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-white.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-white.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-white.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-white.login-page {
        padding-top: 0px;
    }

    .page-body.skin-white.login-page .login-form, .page-body.skin-white.login-page .errors-container, .page-body.skin-white.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-white.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-white.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-white.login-page.login-light .errors-container, .page-body.skin-white.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-white.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-white.lockscreen-page {
    background: rgb(255, 255, 255);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(102, 102, 102);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(102, 102, 102);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(238, 238, 238);
    color: rgb(149, 205, 98);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(149, 205, 98, 0.5);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(149, 205, 98, 0.5);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(149, 205, 98);
    border: 1px solid rgb(238, 238, 238);
}

.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(238, 238, 238, 0.3);
}

.page-body.skin-white.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(238, 238, 238);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 10px, rgb(238, 238, 238) 0px -10px 0px 10px, rgb(238, 238, 238) 0px -20px 0px 10px, rgb(238, 238, 238) 0px -30px 0px 10px;
}

.page-body.skin-white .sidebar-user-info {
    background-color: rgb(242, 242, 242);
    border-bottom-color: rgb(238, 238, 238);
}

.page-body.skin-white .sidebar-user-info .user-profile span {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .sidebar-user-info .user-profile span strong {
    color: rgb(149, 205, 98);
}

.page-body.skin-white .sidebar-user-info .user-links {
    border-top-color: rgb(238, 238, 238);
}

.page-body.skin-white .sidebar-user-info .user-links li a {
    color: rgb(102, 102, 102);
}

.page-body.skin-white .sidebar-user-info .user-links li a:hover {
    color: rgb(149, 205, 98);
    background-color: rgba(238, 238, 238, 0.25);
}

.page-body.skin-white .sidebar-user-info .user-links li.active a {
    color: rgb(149, 205, 98);
    background-color: rgba(238, 238, 238, 0.25);
}

.page-body.skin-white .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(238, 238, 238);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-white .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-white .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-concrete .btn-primary {
    background: rgb(164, 15, 55);
}

.page-body.skin-concrete .btn-primary:hover {
    background: rgb(141, 13, 47);
    border-color: rgb(141, 13, 47);
}

.page-body.skin-concrete .btn-primary:active, .page-body.skin-concrete .btn-primary:focus {
    background: rgb(94, 9, 31);
    border-color: rgb(94, 9, 31);
}

.page-body.skin-concrete .btn.btn-secondary {
    background-color: rgb(50, 50, 50);
    color: rgb(255, 255, 255);
}

.page-body.skin-concrete .btn.btn-secondary:hover {
    background-color: rgb(37, 37, 37);
}

.page-body.skin-concrete .btn.btn-secondary:active, .page-body.skin-concrete .btn.btn-secondary:focus {
    background-color: rgb(37, 37, 37);
    border-color: rgb(32, 32, 32);
}

.page-body.skin-concrete .settings-pane {
    background: rgb(184, 187, 179);
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-concrete .settings-pane .user-info .user-details h3 a {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .settings-pane .user-info .user-details .user-title {
    color: rgba(164, 15, 55, 0.65);
}

.page-body.skin-concrete .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(168, 171, 162);
}

.page-body.skin-concrete .settings-pane .links-block h4 {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(184, 187, 179);
}

.page-body.skin-concrete .settings-pane .links-block h4 a {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .settings-pane .links-block h4 a:hover {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .settings-pane .links-block ul li a {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .settings-pane .links-block ul li a:hover {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .sidebar-menu {
    background: rgb(168, 171, 162);
}

.page-body.skin-concrete .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(184, 187, 179);
}

.page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .sidebar-menu .main-menu a {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(184, 187, 179);
}

.page-body.skin-concrete .sidebar-menu .main-menu a:hover {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .sidebar-menu .main-menu li.active > a {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(247, 247, 246);
}

.page-body.skin-concrete .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-concrete .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-concrete .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-concrete .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-concrete .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(160, 164, 154);
    }

    .page-body.skin-concrete .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(168, 171, 162);
    }
}

.page-body.skin-concrete .page-loading-overlay {
    background-color: rgb(168, 171, 162);
}

.page-body.skin-concrete.login-page {
    background: rgb(168, 171, 162);
    color: rgb(255, 255, 255);
}

.page-body.skin-concrete.login-page .login-form .login-header .logo span {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.login-page .login-form .login-header p {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.login-page .login-form .form-group .control-label {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(155, 159, 149);
    border: 1px solid transparent;
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-concrete.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(184, 187, 179);
    background-color: rgb(168, 171, 162);
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(184, 187, 179, 0.3);
}

.page-body.skin-concrete.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-concrete.login-page .login-form .login-footer a {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete.login-page .login-form .login-footer a:hover {
    color: rgb(140, 140, 140);
}

.page-body.skin-concrete.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.login-page .login-form .login-footer .info-links a {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-concrete.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-concrete.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-concrete.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-concrete.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-concrete.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-concrete.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-concrete.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-concrete.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-concrete.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-concrete.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-concrete.login-page.login-light .errors-container, .page-body.skin-concrete.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-concrete.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-concrete.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-concrete.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-concrete.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-concrete.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-concrete.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-concrete.login-page {
        padding-top: 0px;
    }

    .page-body.skin-concrete.login-page .login-form, .page-body.skin-concrete.login-page .errors-container, .page-body.skin-concrete.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-concrete.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-concrete.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-concrete.login-page.login-light .errors-container, .page-body.skin-concrete.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-concrete.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-concrete.lockscreen-page {
    background: rgb(168, 171, 162);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(184, 187, 179);
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(164, 15, 55, 0.5);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(164, 15, 55, 0.5);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(164, 15, 55);
    border: 1px solid rgb(184, 187, 179);
}

.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(184, 187, 179, 0.3);
}

.page-body.skin-concrete.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(184, 187, 179);
    box-shadow: rgb(184, 187, 179) 0px 0px 0px 10px, rgb(184, 187, 179) 0px -10px 0px 10px, rgb(184, 187, 179) 0px -20px 0px 10px, rgb(184, 187, 179) 0px -30px 0px 10px;
}

.page-body.skin-concrete .sidebar-user-info {
    background-color: rgb(155, 159, 149);
    border-bottom-color: rgb(184, 187, 179);
}

.page-body.skin-concrete .sidebar-user-info .user-profile span {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .sidebar-user-info .user-profile span strong {
    color: rgb(164, 15, 55);
}

.page-body.skin-concrete .sidebar-user-info .user-links {
    border-top-color: rgb(184, 187, 179);
}

.page-body.skin-concrete .sidebar-user-info .user-links li a {
    color: rgb(102, 102, 102);
}

.page-body.skin-concrete .sidebar-user-info .user-links li a:hover {
    color: rgb(164, 15, 55);
    background-color: rgba(184, 187, 179, 0.25);
}

.page-body.skin-concrete .sidebar-user-info .user-links li.active a {
    color: rgb(164, 15, 55);
    background-color: rgba(184, 187, 179, 0.25);
}

.page-body.skin-concrete .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(184, 187, 179);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-concrete .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-concrete .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-watermelon .btn-primary {
    background: rgb(182, 49, 49);
}

.page-body.skin-watermelon .btn-primary:hover {
    background: rgb(162, 44, 44);
    border-color: rgb(162, 44, 44);
}

.page-body.skin-watermelon .btn-primary:active, .page-body.skin-watermelon .btn-primary:focus {
    background: rgb(122, 33, 33);
    border-color: rgb(122, 33, 33);
}

.page-body.skin-watermelon .btn.btn-secondary {
    background-color: rgb(50, 147, 46);
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .btn.btn-secondary:hover {
    background-color: rgb(43, 128, 40);
}

.page-body.skin-watermelon .btn.btn-secondary:active, .page-body.skin-watermelon .btn.btn-secondary:focus {
    background-color: rgb(43, 128, 40);
    border-color: rgb(41, 120, 37);
}

.page-body.skin-watermelon .settings-pane {
    background: rgb(192, 55, 55);
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-watermelon .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(182, 49, 49);
}

.page-body.skin-watermelon .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(192, 55, 55);
}

.page-body.skin-watermelon .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .settings-pane .links-block h4 a:hover {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .settings-pane .links-block ul li a {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .sidebar-menu {
    background: rgb(182, 49, 49);
}

.page-body.skin-watermelon .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(192, 55, 55);
}

.page-body.skin-watermelon .sidebar-menu .logo-env .settings-icon a {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .sidebar-menu .main-menu a {
    color: rgb(247, 178, 178);
    border-bottom: 1px solid rgb(192, 55, 55);
}

.page-body.skin-watermelon .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(225, 150, 150);
}

.page-body.skin-watermelon .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-watermelon .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-watermelon .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(170, 46, 46);
    }

    .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(182, 49, 49);
    }
}

.page-body.skin-watermelon .page-loading-overlay {
    background-color: rgb(182, 49, 49);
}

.page-body.skin-watermelon.login-page {
    background: rgb(182, 49, 49);
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.login-page .login-form .login-header .logo span {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.login-page .login-form .login-header p {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.login-page .login-form .form-group .control-label {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(162, 44, 44);
    border: 1px solid transparent;
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(192, 55, 55);
    background-color: rgb(182, 49, 49);
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(192, 55, 55, 0.3);
}

.page-body.skin-watermelon.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-watermelon.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.login-page .login-form .login-footer a:hover {
    color: rgb(254, 247, 247);
}

.page-body.skin-watermelon.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.login-page .login-form .login-footer .info-links a {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-watermelon.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-watermelon.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-watermelon.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-watermelon.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-watermelon.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-watermelon.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-watermelon.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-watermelon.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-watermelon.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-watermelon.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-watermelon.login-page.login-light .errors-container, .page-body.skin-watermelon.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-watermelon.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-watermelon.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-watermelon.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-watermelon.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-watermelon.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-watermelon.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-watermelon.login-page {
        padding-top: 0px;
    }

    .page-body.skin-watermelon.login-page .login-form, .page-body.skin-watermelon.login-page .errors-container, .page-body.skin-watermelon.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-watermelon.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-watermelon.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-watermelon.login-page.login-light .errors-container, .page-body.skin-watermelon.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-watermelon.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-watermelon.lockscreen-page {
    background: rgb(182, 49, 49);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(192, 55, 55);
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(192, 55, 55);
}

.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(192, 55, 55, 0.3);
}

.page-body.skin-watermelon.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(192, 55, 55);
    box-shadow: rgb(192, 55, 55) 0px 0px 0px 10px, rgb(192, 55, 55) 0px -10px 0px 10px, rgb(192, 55, 55) 0px -20px 0px 10px, rgb(192, 55, 55) 0px -30px 0px 10px;
}

.page-body.skin-watermelon .sidebar-user-info {
    background-color: rgb(162, 44, 44);
    border-bottom-color: rgb(192, 55, 55);
}

.page-body.skin-watermelon .sidebar-user-info .user-profile span {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-watermelon .sidebar-user-info .user-links {
    border-top-color: rgb(192, 55, 55);
}

.page-body.skin-watermelon .sidebar-user-info .user-links li a {
    color: rgb(247, 178, 178);
}

.page-body.skin-watermelon .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(192, 55, 55, 0.25);
}

.page-body.skin-watermelon .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(192, 55, 55, 0.25);
}

.page-body.skin-watermelon .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(192, 55, 55);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-watermelon .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-watermelon .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.skin-lemonade .btn-primary {
    background: rgb(245, 193, 80);
}

.page-body.skin-lemonade .btn-primary:hover {
    background: rgb(244, 184, 56);
    border-color: rgb(244, 184, 56);
}

.page-body.skin-lemonade .btn-primary:active, .page-body.skin-lemonade .btn-primary:focus {
    background: rgb(235, 165, 13);
    border-color: rgb(235, 165, 13);
}

.page-body.skin-lemonade .btn.btn-secondary {
    background-color: rgb(217, 169, 64);
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .btn.btn-secondary:hover {
    background-color: rgb(213, 159, 43);
}

.page-body.skin-lemonade .btn.btn-secondary:active, .page-body.skin-lemonade .btn.btn-secondary:focus {
    background-color: rgb(213, 159, 43);
    border-color: rgb(205, 153, 41);
}

.page-body.skin-lemonade .settings-pane {
    background: rgb(255, 207, 103);
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .settings-pane > a[data-toggle="settings-pane"] {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .settings-pane > a[data-toggle="settings-pane"]:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .settings-pane .user-info .user-details h3 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, 0.65);
}

.page-body.skin-lemonade .settings-pane .links-block.left-sep {
    border-left: 1px solid rgb(245, 193, 80);
}

.page-body.skin-lemonade .settings-pane .links-block h4 {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid rgb(255, 207, 103);
}

.page-body.skin-lemonade .settings-pane .links-block h4 a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .settings-pane .links-block h4 a:hover {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .settings-pane .links-block ul li a {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .settings-pane .links-block ul li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .sidebar-menu {
    background: rgb(245, 193, 80);
}

.page-body.skin-lemonade .sidebar-menu .logo-env {
    border-bottom: 1px solid rgb(255, 207, 103);
}

.page-body.skin-lemonade .sidebar-menu .logo-env .settings-icon a {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .sidebar-menu .logo-env .settings-icon a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .sidebar-menu .main-menu a {
    color: rgb(255, 238, 201);
    border-bottom: 1px solid rgb(255, 207, 103);
}

.page-body.skin-lemonade .sidebar-menu .main-menu a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .sidebar-menu .main-menu li.active > a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .sidebar-menu .main-menu li.has-sub > a::before {
    color: rgb(255, 247, 230);
}

.page-body.skin-lemonade .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-lemonade .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.skin-lemonade .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: rgb(96, 97, 97);
    }

    .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu > li.active, .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: rgb(244, 188, 66);
    }

    .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu > li > ul {
        background: rgb(245, 193, 80);
    }
}

.page-body.skin-lemonade .page-loading-overlay {
    background-color: rgb(245, 193, 80);
}

.page-body.skin-lemonade.login-page {
    background: rgb(245, 193, 80);
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .login-form .login-header .logo span {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.login-page .login-form .login-header p {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.login-page .login-form .form-group .control-label {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark {
    background: rgb(244, 184, 56);
    border: 1px solid transparent;
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, 0.5);
}

.page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark {
    border-color: rgb(255, 207, 103);
    background-color: rgb(245, 193, 80);
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(255, 207, 103, 0.3);
}

.page-body.skin-lemonade.login-page .login-form .login-footer {
    margin-top: 45px;
}

.page-body.skin-lemonade.login-page .login-form .login-footer a {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .login-form .login-footer a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.login-page .login-form .login-footer .info-links a {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.login-page .login-form .login-footer .info-links a:hover {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 30px;
}

.page-body.skin-lemonade.login-page .external-login a {
    display: block;
    color: rgb(255, 255, 255);
    background: rgb(44, 46, 47);
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.page-body.skin-lemonade.login-page .external-login a i {
    margin-right: 5px;
}

.page-body.skin-lemonade.login-page .external-login a:hover {
    background: rgb(69, 72, 73);
}

.page-body.skin-lemonade.login-page .external-login a.facebook {
    background-color: rgb(59, 89, 152);
}

.page-body.skin-lemonade.login-page .external-login a.facebook:hover {
    background-color: rgb(45, 67, 115);
}

.page-body.skin-lemonade.login-page .external-login a.twitter {
    background-color: rgb(85, 172, 238);
}

.page-body.skin-lemonade.login-page .external-login a.twitter:hover {
    background-color: rgb(39, 149, 233);
}

.page-body.skin-lemonade.login-page .external-login a.gplus {
    background-color: rgb(221, 75, 57);
}

.page-body.skin-lemonade.login-page .external-login a.gplus:hover {
    background-color: rgb(194, 51, 33);
}

.page-body.skin-lemonade.login-page.login-light {
    background: rgb(238, 238, 238);
}

.page-body.skin-lemonade.login-page.login-light .errors-container, .page-body.skin-lemonade.login-page.login-light .external-login {
    padding: 0px;
}

.page-body.skin-lemonade.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, 0.8);
}

.page-body.skin-lemonade.login-page.login-light .login-form {
    background: rgb(255, 255, 255);
    color: rgb(151, 152, 152);
}

.page-body.skin-lemonade.login-page.login-light .login-form .login-footer a {
    color: rgb(104, 184, 40);
}

.page-body.skin-lemonade.login-page.login-light .login-form .login-footer a:hover {
    color: rgb(80, 142, 31);
}

.page-body.skin-lemonade.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, 0.7);
}

.page-body.skin-lemonade.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: rgb(151, 152, 152);
}

@media screen and (max-width: 768px) {
    .page-body.skin-lemonade.login-page {
        padding-top: 0px;
    }

    .page-body.skin-lemonade.login-page .login-form, .page-body.skin-lemonade.login-page .errors-container, .page-body.skin-lemonade.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-body.skin-lemonade.login-page .errors-container {
        margin-top: 20px;
    }

    .page-body.skin-lemonade.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-body.skin-lemonade.login-page.login-light .errors-container, .page-body.skin-lemonade.login-page.login-light .external-login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-body.skin-lemonade.login-page .row {
        margin: 0px;
    }
}

.page-body.skin-lemonade.lockscreen-page {
    background: rgb(245, 193, 80);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group p {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group h3 {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid rgb(255, 207, 103);
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 207, 103);
}

.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    background-color: rgba(255, 207, 103, 0.3);
}

.page-body.skin-lemonade.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: rgb(255, 207, 103);
    box-shadow: rgb(255, 207, 103) 0px 0px 0px 10px, rgb(255, 207, 103) 0px -10px 0px 10px, rgb(255, 207, 103) 0px -20px 0px 10px, rgb(255, 207, 103) 0px -30px 0px 10px;
}

.page-body.skin-lemonade .sidebar-user-info {
    background-color: rgb(244, 184, 56);
    border-bottom-color: rgb(255, 207, 103);
}

.page-body.skin-lemonade .sidebar-user-info .user-profile span {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .sidebar-user-info .user-profile span strong {
    color: rgb(255, 255, 255);
}

.page-body.skin-lemonade .sidebar-user-info .user-links {
    border-top-color: rgb(255, 207, 103);
}

.page-body.skin-lemonade .sidebar-user-info .user-links li a {
    color: rgb(255, 238, 201);
}

.page-body.skin-lemonade .sidebar-user-info .user-links li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(255, 207, 103, 0.25);
}

.page-body.skin-lemonade .sidebar-user-info .user-links li.active a {
    color: rgb(255, 255, 255);
    background-color: rgba(255, 207, 103, 0.25);
}

.page-body.skin-lemonade .sidebar-user-info .user-links li + li a {
    border-left-color: rgb(255, 207, 103);
}

@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-lemonade .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: rgb(39, 41, 42);
    }

    .sidebar-menu.collapsed .page-body.skin-lemonade .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: rgb(39, 41, 42);
    }
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu {
    background: rgb(85, 140, 137);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(236, 236, 234);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(236, 236, 234);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(236, 236, 234);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(95, 154, 151);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(95, 154, 151);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(236, 236, 234);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(109, 165, 162);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(85, 140, 137);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(236, 236, 234);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(109, 165, 162);
        border-top: 1px solid rgb(119, 171, 168);
        border-bottom: 1px solid rgb(119, 171, 168);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(100, 159, 156);
        border-top-color: rgb(106, 163, 160);
        border-bottom-color: rgb(106, 163, 160);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(106, 163, 160);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(106, 163, 160);
        border-top-color: rgb(106, 163, 160);
        border-bottom-color: rgb(106, 163, 160);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(106, 163, 160);
    }
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(95, 154, 151);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(236, 236, 234);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(95, 154, 151);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(95, 154, 151);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(95, 154, 151);
    border-color: rgb(109, 165, 162);
    color: rgb(236, 236, 234);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(95, 154, 151);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(95, 154, 151);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(236, 236, 234);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(95, 154, 151);
    border-color: rgb(95, 154, 151);
}

.page-body.horizontal-menu-skin-aero .page-loading-overlay {
    background-color: rgb(85, 140, 137);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu {
        background: rgb(85, 140, 137);
        color: rgb(236, 236, 234);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(236, 236, 234);
        border-color: rgb(95, 154, 151);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(236, 236, 234);
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu {
    background: rgb(44, 62, 80);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(167, 191, 214);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(167, 191, 214);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(167, 191, 214);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(52, 73, 94);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(52, 73, 94);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(167, 191, 214);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(61, 86, 110);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(44, 62, 80);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(167, 191, 214);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(61, 86, 110);
        border-top: 1px solid rgb(67, 93, 120);
        border-bottom: 1px solid rgb(67, 93, 120);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(56, 78, 101);
        border-top-color: rgb(59, 83, 107);
        border-bottom-color: rgb(59, 83, 107);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(59, 83, 107);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(59, 83, 107);
        border-top-color: rgb(59, 83, 107);
        border-bottom-color: rgb(59, 83, 107);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(59, 83, 107);
    }
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(52, 73, 94);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(167, 191, 214);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(52, 73, 94);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(52, 73, 94);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(52, 73, 94);
    border-color: rgb(61, 86, 110);
    color: rgb(167, 191, 214);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(52, 73, 94);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(52, 73, 94);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(167, 191, 214);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(52, 73, 94);
    border-color: rgb(52, 73, 94);
}

.page-body.horizontal-menu-skin-navy .page-loading-overlay {
    background-color: rgb(44, 62, 80);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu {
        background: rgb(44, 62, 80);
        color: rgb(167, 191, 214);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(167, 191, 214);
        border-color: rgb(52, 73, 94);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(167, 191, 214);
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu {
    background: rgb(59, 89, 152);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(139, 157, 195);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(139, 157, 195);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(139, 157, 195);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(65, 96, 160);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(65, 96, 160);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(139, 157, 195);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(72, 107, 178);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(59, 89, 152);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(139, 157, 195);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(72, 107, 178);
        border-top: 1px solid rgb(81, 115, 184);
        border-bottom: 1px solid rgb(81, 115, 184);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(68, 100, 167);
        border-top-color: rgb(71, 105, 175);
        border-bottom-color: rgb(71, 105, 175);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(71, 105, 175);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(71, 105, 175);
        border-top-color: rgb(71, 105, 175);
        border-bottom-color: rgb(71, 105, 175);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(71, 105, 175);
    }
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(65, 96, 160);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(139, 157, 195);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(65, 96, 160);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(65, 96, 160);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(65, 96, 160);
    border-color: rgb(72, 107, 178);
    color: rgb(139, 157, 195);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(65, 96, 160);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(65, 96, 160);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(139, 157, 195);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(65, 96, 160);
    border-color: rgb(65, 96, 160);
}

.page-body.horizontal-menu-skin-facebook .page-loading-overlay {
    background-color: rgb(59, 89, 152);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu {
        background: rgb(59, 89, 152);
        color: rgb(139, 157, 195);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(139, 157, 195);
        border-color: rgb(65, 96, 160);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(139, 157, 195);
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu {
    background: rgb(22, 160, 133);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(150, 234, 217);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(150, 234, 217);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(150, 234, 217);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(29, 175, 146);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(29, 175, 146);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(150, 234, 217);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(33, 197, 164);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(22, 160, 133);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(150, 234, 217);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(33, 197, 164);
        border-top: 1px solid rgb(35, 210, 175);
        border-bottom: 1px solid rgb(35, 210, 175);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(30, 184, 153);
        border-top-color: rgb(32, 193, 161);
        border-bottom-color: rgb(32, 193, 161);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(32, 193, 161);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(32, 193, 161);
        border-top-color: rgb(32, 193, 161);
        border-bottom-color: rgb(32, 193, 161);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(32, 193, 161);
    }
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(29, 175, 146);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(150, 234, 217);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(29, 175, 146);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(29, 175, 146);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(29, 175, 146);
    border-color: rgb(33, 197, 164);
    color: rgb(150, 234, 217);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(29, 175, 146);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(29, 175, 146);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(150, 234, 217);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(29, 175, 146);
    border-color: rgb(29, 175, 146);
}

.page-body.horizontal-menu-skin-turquoise .page-loading-overlay {
    background-color: rgb(22, 160, 133);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu {
        background: rgb(22, 160, 133);
        color: rgb(150, 234, 217);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(150, 234, 217);
        border-color: rgb(29, 175, 146);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(150, 234, 217);
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu {
    background: rgb(140, 198, 87);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(149, 205, 98);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(149, 205, 98);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(162, 211, 117);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(140, 198, 87);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(162, 211, 117);
        border-top: 1px solid rgb(170, 215, 129);
        border-bottom: 1px solid rgb(170, 215, 129);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(154, 207, 106);
        border-top-color: rgb(159, 210, 113);
        border-bottom-color: rgb(159, 210, 113);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(159, 210, 113);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(159, 210, 113);
        border-top-color: rgb(159, 210, 113);
        border-bottom-color: rgb(159, 210, 113);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(159, 210, 113);
    }
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(149, 205, 98);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(149, 205, 98);
    border-color: rgb(162, 211, 117);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(149, 205, 98);
    border-color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-lime .page-loading-overlay {
    background-color: rgb(140, 198, 87);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu {
        background: rgb(140, 198, 87);
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(255, 255, 255);
        border-color: rgb(149, 205, 98);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu {
    background: rgb(39, 174, 96);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(162, 249, 199);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(162, 249, 199);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(162, 249, 199);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(47, 189, 107);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(47, 189, 107);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(162, 249, 199);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(56, 206, 119);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(39, 174, 96);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(162, 249, 199);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(56, 206, 119);
        border-top: 1px solid rgb(68, 209, 128);
        border-bottom: 1px solid rgb(68, 209, 128);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(49, 197, 112);
        border-top-color: rgb(52, 204, 116);
        border-bottom-color: rgb(52, 204, 116);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(52, 204, 116);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(52, 204, 116);
        border-top-color: rgb(52, 204, 116);
        border-bottom-color: rgb(52, 204, 116);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(52, 204, 116);
    }
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(47, 189, 107);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(162, 249, 199);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(47, 189, 107);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(47, 189, 107);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(47, 189, 107);
    border-color: rgb(56, 206, 119);
    color: rgb(162, 249, 199);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(47, 189, 107);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(47, 189, 107);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(162, 249, 199);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(47, 189, 107);
    border-color: rgb(47, 189, 107);
}

.page-body.horizontal-menu-skin-green .page-loading-overlay {
    background-color: rgb(39, 174, 96);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu {
        background: rgb(39, 174, 96);
        color: rgb(162, 249, 199);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(162, 249, 199);
        border-color: rgb(47, 189, 107);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(162, 249, 199);
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu {
    background: rgb(121, 91, 149);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(194, 175, 212);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(194, 175, 212);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(194, 175, 212);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(129, 98, 159);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(129, 98, 159);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(194, 175, 212);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(142, 114, 169);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(121, 91, 149);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(194, 175, 212);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(142, 114, 169);
        border-top: 1px solid rgb(149, 123, 174);
        border-bottom: 1px solid rgb(149, 123, 174);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(134, 104, 163);
        border-top-color: rgb(139, 111, 167);
        border-bottom-color: rgb(139, 111, 167);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(139, 111, 167);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(139, 111, 167);
        border-top-color: rgb(139, 111, 167);
        border-bottom-color: rgb(139, 111, 167);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(139, 111, 167);
    }
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(129, 98, 159);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(194, 175, 212);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(129, 98, 159);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(129, 98, 159);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(129, 98, 159);
    border-color: rgb(142, 114, 169);
    color: rgb(194, 175, 212);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(129, 98, 159);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(129, 98, 159);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(194, 175, 212);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(129, 98, 159);
    border-color: rgb(129, 98, 159);
}

.page-body.horizontal-menu-skin-purple .page-loading-overlay {
    background-color: rgb(121, 91, 149);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu {
        background: rgb(121, 91, 149);
        color: rgb(194, 175, 212);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(194, 175, 212);
        border-color: rgb(129, 98, 159);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(194, 175, 212);
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu {
    background: rgb(255, 255, 255);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(149, 205, 98);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(149, 205, 98);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(238, 238, 238);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(238, 238, 238);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(251, 251, 251);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(149, 205, 98);
        background: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(251, 251, 251);
        border-top: 1px solid rgb(255, 255, 255);
        border-bottom: 1px solid rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(243, 243, 243);
        border-top-color: rgb(248, 248, 248);
        border-bottom-color: rgb(248, 248, 248);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(248, 248, 248);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(248, 248, 248);
        border-top-color: rgb(248, 248, 248);
        border-bottom-color: rgb(248, 248, 248);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(248, 248, 248);
    }
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(238, 238, 238);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(238, 238, 238);
    color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(238, 238, 238);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(238, 238, 238);
    border-color: rgb(251, 251, 251);
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(238, 238, 238);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(238, 238, 238);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(149, 205, 98);
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(238, 238, 238);
    border-color: rgb(238, 238, 238);
}

.page-body.horizontal-menu-skin-white .page-loading-overlay {
    background-color: rgb(255, 255, 255);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu {
        background: rgb(255, 255, 255);
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(102, 102, 102);
        border-color: rgb(238, 238, 238);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(149, 205, 98);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(149, 205, 98);
    }
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu {
    background: rgb(168, 171, 162);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(164, 15, 55);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(164, 15, 55);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(184, 187, 179);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(184, 187, 179);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(197, 199, 192);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(164, 15, 55);
        background: rgb(168, 171, 162);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(197, 199, 192);
        border-top: 1px solid rgb(204, 206, 201);
        border-bottom: 1px solid rgb(204, 206, 201);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(189, 192, 184);
        border-top-color: rgb(194, 197, 190);
        border-bottom-color: rgb(194, 197, 190);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(194, 197, 190);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(194, 197, 190);
        border-top-color: rgb(194, 197, 190);
        border-bottom-color: rgb(194, 197, 190);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(194, 197, 190);
    }
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(184, 187, 179);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(184, 187, 179);
    color: rgb(164, 15, 55);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(164, 15, 55);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(184, 187, 179);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(164, 15, 55);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(184, 187, 179);
    border-color: rgb(197, 199, 192);
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(164, 15, 55);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(184, 187, 179);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(184, 187, 179);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(102, 102, 102);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(164, 15, 55);
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(184, 187, 179);
    border-color: rgb(184, 187, 179);
}

.page-body.horizontal-menu-skin-concrete .page-loading-overlay {
    background-color: rgb(168, 171, 162);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu {
        background: rgb(168, 171, 162);
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(102, 102, 102);
        border-color: rgb(184, 187, 179);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(164, 15, 55);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(102, 102, 102);
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(164, 15, 55);
    }
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu {
    background: rgb(182, 49, 49);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(247, 178, 178);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(247, 178, 178);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(247, 178, 178);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(192, 55, 55);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(192, 55, 55);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(247, 178, 178);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(202, 70, 70);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(182, 49, 49);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(247, 178, 178);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(202, 70, 70);
        border-top: 1px solid rgb(206, 82, 82);
        border-bottom: 1px solid rgb(206, 82, 82);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(199, 58, 58);
        border-top-color: rgb(201, 66, 66);
        border-bottom-color: rgb(201, 66, 66);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(201, 66, 66);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(201, 66, 66);
        border-top-color: rgb(201, 66, 66);
        border-bottom-color: rgb(201, 66, 66);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(201, 66, 66);
    }
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(192, 55, 55);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(247, 178, 178);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(192, 55, 55);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(192, 55, 55);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(192, 55, 55);
    border-color: rgb(202, 70, 70);
    color: rgb(247, 178, 178);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(192, 55, 55);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(192, 55, 55);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(247, 178, 178);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(192, 55, 55);
    border-color: rgb(192, 55, 55);
}

.page-body.horizontal-menu-skin-watermelon .page-loading-overlay {
    background-color: rgb(182, 49, 49);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu {
        background: rgb(182, 49, 49);
        color: rgb(247, 178, 178);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(247, 178, 178);
        border-color: rgb(192, 55, 55);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(247, 178, 178);
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu {
    background: rgb(245, 193, 80);
    box-shadow: none;
}

.settings-pane-open .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(255, 238, 201);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    color: rgb(255, 238, 201);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a::before {
        transform: rotate(0deg);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a::before {
        transform: rotate(90deg);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: rgb(255, 238, 201);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0px;
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
        border-color: transparent;
        background-color: rgb(255, 207, 103);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {
        border-left-color: transparent;
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
        border: none;
        box-shadow: rgba(0, 1, 1, 0.05) 0px 2px 8px;
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: rgb(255, 207, 103);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
        color: rgb(255, 238, 201);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a::after {
        background: rgb(255, 215, 129);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
        color: rgb(255, 255, 255);
        background: rgb(245, 193, 80);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a::before {
        color: rgb(255, 238, 201);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
        background: rgb(255, 215, 129);
        border-top: 1px solid rgb(255, 220, 144);
        border-bottom: 1px solid rgb(255, 220, 144);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
        background: rgb(255, 210, 113);
        border-top-color: rgb(255, 213, 123);
        border-bottom-color: rgb(255, 213, 123);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a::after {
        background-color: rgb(255, 213, 123);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
        background: rgb(255, 213, 123);
        border-top-color: rgb(255, 213, 123);
        border-bottom-color: rgb(255, 213, 123);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a::after {
        background-color: rgb(255, 213, 123);
    }
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: rgb(255, 207, 103);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: rgb(255, 238, 201);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0px;
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
    background: rgb(255, 207, 103);
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon::before {
    background: rgb(104, 184, 40);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
    background: rgb(255, 207, 103);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages::before {
    background-color: rgb(124, 56, 188);
}

.chat-open .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: rgb(255, 207, 103);
    border-color: rgb(255, 215, 129);
    color: rgb(255, 238, 201);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon::before {
    display: block;
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > ul {
    border-color: rgb(255, 207, 103);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: rgb(255, 207, 103);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: rgb(255, 238, 201);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
    color: rgb(255, 255, 255);
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: rgb(255, 207, 103);
    border-color: rgb(255, 207, 103);
}

.page-body.horizontal-menu-skin-lemonade .page-loading-overlay {
    background-color: rgb(245, 193, 80);
}

@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu {
        background: rgb(245, 193, 80);
        color: rgb(255, 238, 201);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
        color: rgb(255, 238, 201);
        border-color: rgb(255, 207, 103);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus {
        color: rgb(255, 255, 255);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
        color: rgb(255, 238, 201);
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {
        color: rgb(255, 255, 255);
    }
}

.page-body.user-info-navbar-skin-aero .user-info-navbar {
    background-color: rgb(85, 140, 137);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(236, 236, 234);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li > a {
    color: rgb(236, 236, 234);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(236, 236, 234);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(95, 154, 151);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(95, 154, 151);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(236, 236, 234);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(236, 236, 234);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(236, 236, 234);
    border-bottom: 1px solid rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(236, 236, 234);
    background-color: rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(95, 154, 151);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(236, 236, 234);
    border-bottom: 1px solid rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(109, 165, 162);
}

.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar {
    background-color: rgb(44, 62, 80);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(167, 191, 214);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li > a {
    color: rgb(167, 191, 214);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(167, 191, 214);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(52, 73, 94);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(52, 73, 94);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(167, 191, 214);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(167, 191, 214);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(167, 191, 214);
    border-bottom: 1px solid rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(167, 191, 214);
    background-color: rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(52, 73, 94);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(167, 191, 214);
    border-bottom: 1px solid rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(61, 86, 110);
}

.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar {
    background-color: rgb(59, 89, 152);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(139, 157, 195);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li > a {
    color: rgb(139, 157, 195);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(139, 157, 195);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(65, 96, 160);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(65, 96, 160);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(139, 157, 195);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(139, 157, 195);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(139, 157, 195);
    border-bottom: 1px solid rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(139, 157, 195);
    background-color: rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(65, 96, 160);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(139, 157, 195);
    border-bottom: 1px solid rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(72, 107, 178);
}

.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar {
    background-color: rgb(22, 160, 133);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(150, 234, 217);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li > a {
    color: rgb(150, 234, 217);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(150, 234, 217);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(29, 175, 146);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(29, 175, 146);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(150, 234, 217);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(150, 234, 217);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(150, 234, 217);
    border-bottom: 1px solid rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(150, 234, 217);
    background-color: rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(29, 175, 146);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(150, 234, 217);
    border-bottom: 1px solid rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(33, 197, 164);
}

.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar {
    background-color: rgb(140, 198, 87);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > a {
    color: rgb(255, 255, 255);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(149, 205, 98);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(149, 205, 98);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(255, 255, 255);
    background-color: rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(149, 205, 98);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(162, 211, 117);
}

.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-green .user-info-navbar {
    background-color: rgb(39, 174, 96);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(162, 249, 199);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li > a {
    color: rgb(162, 249, 199);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(162, 249, 199);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(47, 189, 107);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(47, 189, 107);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(162, 249, 199);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(162, 249, 199);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(162, 249, 199);
    border-bottom: 1px solid rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(162, 249, 199);
    background-color: rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(47, 189, 107);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(162, 249, 199);
    border-bottom: 1px solid rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(56, 206, 119);
}

.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar {
    background-color: rgb(121, 91, 149);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(194, 175, 212);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li > a {
    color: rgb(194, 175, 212);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(194, 175, 212);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(129, 98, 159);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(129, 98, 159);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(194, 175, 212);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(194, 175, 212);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(194, 175, 212);
    border-bottom: 1px solid rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(194, 175, 212);
    background-color: rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(129, 98, 159);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(194, 175, 212);
    border-bottom: 1px solid rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(142, 114, 169);
}

.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-white .user-info-navbar {
    background-color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li > a {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(238, 238, 238);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(238, 238, 238);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(102, 102, 102);
    background-color: rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(238, 238, 238);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(149, 205, 98);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(251, 251, 251);
}

.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar {
    background-color: rgb(168, 171, 162);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li > a {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(184, 187, 179);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(184, 187, 179);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(102, 102, 102);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(102, 102, 102);
    background-color: rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(184, 187, 179);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(164, 15, 55);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(197, 199, 192);
}

.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar {
    background-color: rgb(182, 49, 49);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(247, 178, 178);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li > a {
    color: rgb(247, 178, 178);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(247, 178, 178);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(192, 55, 55);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(192, 55, 55);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(247, 178, 178);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(247, 178, 178);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(247, 178, 178);
    border-bottom: 1px solid rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(247, 178, 178);
    background-color: rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(192, 55, 55);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(247, 178, 178);
    border-bottom: 1px solid rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(202, 70, 70);
}

.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar {
    background-color: rgb(245, 193, 80);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li {
    border: 0px solid transparent;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.hover-line::before {
    background: rgb(255, 238, 201);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li > a {
    color: rgb(255, 238, 201);
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li > form {
    border-bottom: 1px solid transparent;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .btn {
    color: rgb(255, 238, 201);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .btn:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .btn:active, .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .btn:focus {
    box-shadow: none;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field {
    border: 1px solid rgb(255, 207, 103);
    background: rgb(243, 243, 243);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
    color: rgb(151, 152, 152);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.open > a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu {
    background: rgb(255, 207, 103);
    border: 1px solid transparent;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: rgb(255, 238, 201);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a::after {
    background: rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
    color: rgb(255, 238, 201);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
    color: rgb(255, 238, 201);
    border-bottom: 1px solid rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .external::after {
    background-color: rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
    color: rgb(255, 238, 201);
    background-color: rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li::after {
    background-color: rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active::after {
    background-color: rgb(141, 198, 63);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    background: rgb(255, 207, 103);
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: rgb(255, 255, 255);
    color: rgb(68, 68, 68);
    box-shadow: rgb(238, 238, 238) 0px 0px 0px 1px;
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    color: rgb(255, 238, 201);
    border-bottom: 1px solid rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    color: rgb(255, 255, 255);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
    background: rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last::after {
    background: rgb(255, 215, 129);
}

.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0px;
}