.page-body.skin-aero .btn-primary {
    background: #558c89
}

    .page-body.skin-aero .btn-primary:hover {
        background: #4b7c79;
        border-color: #4b7c79
    }

    .page-body.skin-aero .btn-primary:active, .page-body.skin-aero .btn-primary:focus {
        background: #385c5a;
        border-color: #385c5a
    }

.page-body.skin-aero .btn.btn-secondary {
    background-color: #255e5b;
    color: #fff
}

    .page-body.skin-aero .btn.btn-secondary:hover {
        background-color: #1e4c49;
        text-color: #fff
    }

    .page-body.skin-aero .btn.btn-secondary:active, .page-body.skin-aero .btn.btn-secondary:focus {
        background-color: #1e4c49;
        border-color: #1b4442
    }

.page-body.skin-aero .settings-pane {
    background: #5f9a97;
    color: #ececea
}

    .page-body.skin-aero .settings-pane > a[data-toggle=settings-pane] {
        color: #ececea
    }

        .page-body.skin-aero .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-aero .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-aero .settings-pane .links-block.left-sep {
        border-left: 1px solid #558c89
    }

    .page-body.skin-aero .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-aero .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #5f9a97
        }

        .page-body.skin-aero .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-aero .settings-pane .links-block h4 a:hover {
                color: #ececea
            }

    .page-body.skin-aero .settings-pane .links-block ul li a {
        color: #ececea
    }

        .page-body.skin-aero .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-aero .sidebar-menu {
    background: #558c89
}

    .page-body.skin-aero .sidebar-menu .logo-env {
        border-bottom: 1px solid #5f9a97
    }

        .page-body.skin-aero .sidebar-menu .logo-env .settings-icon a {
            color: #ececea
        }

            .page-body.skin-aero .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-aero .sidebar-menu .main-menu a {
        color: #ececea;
        border-bottom: 1px solid #5f9a97
    }

        .page-body.skin-aero .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-aero .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-aero .sidebar-menu .main-menu li.has-sub > a:before {
        color: #acccca
    }

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

@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: #606161
    }

    .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: #4f8280
    }

    .page-body.skin-aero .sidebar-menu.collapsed .main-menu > li > ul {
        background: #558c89
    }
}

.page-body.skin-aero .page-loading-overlay {
    background-color: #558c89
}

.page-body.skin-aero.login-page {
    background: #558c89;
    color: #fff
}

    .page-body.skin-aero.login-page .login-form .login-header .logo span {
        color: #ececea
    }

    .page-body.skin-aero.login-page .login-form .login-header p {
        color: #ececea
    }

    .page-body.skin-aero.login-page .login-form .form-group .control-label {
        color: #ececea
    }

    .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark {
        background: #4b7c79;
        border: 1px solid transparent;
        color: #ececea
    }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-aero.login-page .login-form .form-group .btn.btn-dark {
        border-color: #5f9a97;
        background-color: #558c89;
        color: #fff
    }

        .page-body.skin-aero.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(95,154,151,.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: #fff
        }

            .page-body.skin-aero.login-page .login-form .login-footer a:hover {
                color: #fff
            }

        .page-body.skin-aero.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #ececea
        }

            .page-body.skin-aero.login-page .login-form .login-footer .info-links a {
                color: #ececea
            }

                .page-body.skin-aero.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-aero.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-aero.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-aero.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-aero.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-aero.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-aero.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-aero.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-aero.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-aero.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-aero.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-aero.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-aero.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-aero.lockscreen-page {
    background: #558c89
}

    .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group p {
        color: #ececea
    }

    .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group h3 {
        color: #ececea
    }

    .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #5f9a97;
        color: #fff
    }

        .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #5f9a97
    }

        .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,.3)
        }

.page-body.skin-aero.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #5f9a97;
    -webkit-box-shadow: 0 0 0 10px #5f9a97,0 -10px 0 10px #5f9a97,0 -20px 0 10px #5f9a97,0 -30px 0 10px #5f9a97;
    -moz-box-shadow: 0 0 0 10px #5f9a97,0 -10px 0 10px #5f9a97,0 -20px 0 10px #5f9a97,0 -30px 0 10px #5f9a97;
    box-shadow: 0 0 0 10px #5f9a97,0 -10px 0 10px #5f9a97,0 -20px 0 10px #5f9a97,0 -30px 0 10px #5f9a97
}

.page-body.skin-aero .sidebar-user-info {
    background-color: #4b7c79;
    border-bottom-color: #5f9a97
}

    .page-body.skin-aero .sidebar-user-info .user-profile span {
        color: #ececea
    }

        .page-body.skin-aero .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-aero .sidebar-user-info .user-links {
        border-top-color: #5f9a97
    }

        .page-body.skin-aero .sidebar-user-info .user-links li a {
            color: #ececea
        }

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

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

        .page-body.skin-aero .sidebar-user-info .user-links li + li a {
            border-left-color: #5f9a97
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-aero .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-navy .btn-primary {
    background: #2c3e50
}

    .page-body.skin-navy .btn-primary:hover {
        background: #233140;
        border-color: #233140
    }

    .page-body.skin-navy .btn-primary:active, .page-body.skin-navy .btn-primary:focus {
        background: #11181f;
        border-color: #11181f
    }

.page-body.skin-navy .btn.btn-secondary {
    background-color: #ff4e50;
    color: #fff
}

    .page-body.skin-navy .btn.btn-secondary:hover {
        background-color: #ff3437;
        text-color: #fff
    }

    .page-body.skin-navy .btn.btn-secondary:active, .page-body.skin-navy .btn.btn-secondary:focus {
        background-color: #ff3437;
        border-color: #ff2a2d
    }

.page-body.skin-navy .settings-pane {
    background: #34495e;
    color: #a7bfd6
}

    .page-body.skin-navy .settings-pane > a[data-toggle=settings-pane] {
        color: #a7bfd6
    }

        .page-body.skin-navy .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-navy .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-navy .settings-pane .links-block.left-sep {
        border-left: 1px solid #2c3e50
    }

    .page-body.skin-navy .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-navy .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #34495e
        }

        .page-body.skin-navy .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-navy .settings-pane .links-block h4 a:hover {
                color: #a7bfd6
            }

    .page-body.skin-navy .settings-pane .links-block ul li a {
        color: #a7bfd6
    }

        .page-body.skin-navy .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-navy .sidebar-menu {
    background: #2c3e50
}

    .page-body.skin-navy .sidebar-menu .logo-env {
        border-bottom: 1px solid #34495e
    }

        .page-body.skin-navy .sidebar-menu .logo-env .settings-icon a {
            color: #a7bfd6
        }

            .page-body.skin-navy .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-navy .sidebar-menu .main-menu a {
        color: #a7bfd6;
        border-bottom: 1px solid #34495e
    }

        .page-body.skin-navy .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-navy .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-navy .sidebar-menu .main-menu li.has-sub > a:before {
        color: #6789ab
    }

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

@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: #606161
    }

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

    .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li > ul {
        background: #2c3e50
    }
}

.page-body.skin-navy .page-loading-overlay {
    background-color: #2c3e50
}

.page-body.skin-navy.login-page {
    background: #2c3e50;
    color: #fff
}

    .page-body.skin-navy.login-page .login-form .login-header .logo span {
        color: #a7bfd6
    }

    .page-body.skin-navy.login-page .login-form .login-header p {
        color: #a7bfd6
    }

    .page-body.skin-navy.login-page .login-form .form-group .control-label {
        color: #a7bfd6
    }

    .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark {
        background: #233140;
        border: 1px solid transparent;
        color: #a7bfd6
    }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark {
        border-color: #34495e;
        background-color: #2c3e50;
        color: #fff
    }

        .page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(52,73,94,.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: #fff
        }

            .page-body.skin-navy.login-page .login-form .login-footer a:hover {
                color: #dbe5ee
            }

        .page-body.skin-navy.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #a7bfd6
        }

            .page-body.skin-navy.login-page .login-form .login-footer .info-links a {
                color: #a7bfd6
            }

                .page-body.skin-navy.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-navy.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-navy.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-navy.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-navy.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-navy.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-navy.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-navy.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-navy.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-navy.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-navy.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-navy.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-navy.lockscreen-page {
    background: #2c3e50
}

    .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group p {
        color: #a7bfd6
    }

    .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group h3 {
        color: #a7bfd6
    }

    .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #34495e;
        color: #fff
    }

        .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #34495e
    }

        .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,.3)
        }

.page-body.skin-navy.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #34495e;
    -webkit-box-shadow: 0 0 0 10px #34495e,0 -10px 0 10px #34495e,0 -20px 0 10px #34495e,0 -30px 0 10px #34495e;
    -moz-box-shadow: 0 0 0 10px #34495e,0 -10px 0 10px #34495e,0 -20px 0 10px #34495e,0 -30px 0 10px #34495e;
    box-shadow: 0 0 0 10px #34495e,0 -10px 0 10px #34495e,0 -20px 0 10px #34495e,0 -30px 0 10px #34495e
}

.page-body.skin-navy .sidebar-user-info {
    background-color: #233140;
    border-bottom-color: #34495e
}

    .page-body.skin-navy .sidebar-user-info .user-profile span {
        color: #a7bfd6
    }

        .page-body.skin-navy .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-navy .sidebar-user-info .user-links {
        border-top-color: #34495e
    }

        .page-body.skin-navy .sidebar-user-info .user-links li a {
            color: #a7bfd6
        }

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

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

        .page-body.skin-navy .sidebar-user-info .user-links li + li a {
            border-left-color: #34495e
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-navy .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-facebook .btn-primary {
    background: #3b5998
}

    .page-body.skin-facebook .btn-primary:hover {
        background: #344e86;
        border-color: #344e86
    }

    .page-body.skin-facebook .btn-primary:active, .page-body.skin-facebook .btn-primary:focus {
        background: #263961;
        border-color: #263961
    }

.page-body.skin-facebook .btn.btn-secondary {
    background-color: #8b9dc3;
    color: #fff
}

    .page-body.skin-facebook .btn.btn-secondary:hover {
        background-color: #7a8fba;
        text-color: #fff
    }

    .page-body.skin-facebook .btn.btn-secondary:active, .page-body.skin-facebook .btn.btn-secondary:focus {
        background-color: #7a8fba;
        border-color: #7389b7
    }

.page-body.skin-facebook .settings-pane {
    background: #4160a0;
    color: #8b9dc3
}

    .page-body.skin-facebook .settings-pane > a[data-toggle=settings-pane] {
        color: #8b9dc3
    }

        .page-body.skin-facebook .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-facebook .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-facebook .settings-pane .links-block.left-sep {
        border-left: 1px solid #3b5998
    }

    .page-body.skin-facebook .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-facebook .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #4160a0
        }

        .page-body.skin-facebook .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-facebook .settings-pane .links-block h4 a:hover {
                color: #8b9dc3
            }

    .page-body.skin-facebook .settings-pane .links-block ul li a {
        color: #8b9dc3
    }

        .page-body.skin-facebook .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-facebook .sidebar-menu {
    background: #3b5998
}

    .page-body.skin-facebook .sidebar-menu .logo-env {
        border-bottom: 1px solid #4160a0
    }

        .page-body.skin-facebook .sidebar-menu .logo-env .settings-icon a {
            color: #8b9dc3
        }

            .page-body.skin-facebook .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-facebook .sidebar-menu .main-menu a {
        color: #8b9dc3;
        border-bottom: 1px solid #4160a0
    }

        .page-body.skin-facebook .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-facebook .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-facebook .sidebar-menu .main-menu li.has-sub > a:before {
        color: #8fa5d2
    }

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

@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: #606161
    }

    .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: #37538d
    }

    .page-body.skin-facebook .sidebar-menu.collapsed .main-menu > li > ul {
        background: #3b5998
    }
}

.page-body.skin-facebook .page-loading-overlay {
    background-color: #3b5998
}

.page-body.skin-facebook.login-page {
    background: #3b5998;
    color: #fff
}

    .page-body.skin-facebook.login-page .login-form .login-header .logo span {
        color: #8b9dc3
    }

    .page-body.skin-facebook.login-page .login-form .login-header p {
        color: #8b9dc3
    }

    .page-body.skin-facebook.login-page .login-form .form-group .control-label {
        color: #8b9dc3
    }

    .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark {
        background: #344e86;
        border: 1px solid transparent;
        color: #8b9dc3
    }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark {
        border-color: #4160a0;
        background-color: #3b5998;
        color: #fff
    }

        .page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(65,96,160,.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: #fff
        }

            .page-body.skin-facebook.login-page .login-form .login-footer a:hover {
                color: #bdc8dd
            }

        .page-body.skin-facebook.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #8b9dc3
        }

            .page-body.skin-facebook.login-page .login-form .login-footer .info-links a {
                color: #8b9dc3
            }

                .page-body.skin-facebook.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-facebook.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-facebook.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-facebook.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-facebook.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-facebook.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-facebook.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-facebook.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-facebook.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-facebook.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-facebook.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-facebook.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-facebook.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-facebook.lockscreen-page {
    background: #3b5998
}

    .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group p {
        color: #8b9dc3
    }

    .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group h3 {
        color: #8b9dc3
    }

    .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #4160a0;
        color: #fff
    }

        .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #4160a0
    }

        .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,.3)
        }

.page-body.skin-facebook.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #4160a0;
    -webkit-box-shadow: 0 0 0 10px #4160a0,0 -10px 0 10px #4160a0,0 -20px 0 10px #4160a0,0 -30px 0 10px #4160a0;
    -moz-box-shadow: 0 0 0 10px #4160a0,0 -10px 0 10px #4160a0,0 -20px 0 10px #4160a0,0 -30px 0 10px #4160a0;
    box-shadow: 0 0 0 10px #4160a0,0 -10px 0 10px #4160a0,0 -20px 0 10px #4160a0,0 -30px 0 10px #4160a0
}

.page-body.skin-facebook .sidebar-user-info {
    background-color: #344e86;
    border-bottom-color: #4160a0
}

    .page-body.skin-facebook .sidebar-user-info .user-profile span {
        color: #8b9dc3
    }

        .page-body.skin-facebook .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-facebook .sidebar-user-info .user-links {
        border-top-color: #4160a0
    }

        .page-body.skin-facebook .sidebar-user-info .user-links li a {
            color: #8b9dc3
        }

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

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

        .page-body.skin-facebook .sidebar-user-info .user-links li + li a {
            border-left-color: #4160a0
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-facebook .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-turquoise .btn-primary {
    background: #16a085
}

    .page-body.skin-turquoise .btn-primary:hover {
        background: #138a72;
        border-color: #138a72
    }

    .page-body.skin-turquoise .btn-primary:active, .page-body.skin-turquoise .btn-primary:focus {
        background: #0d5d4d;
        border-color: #0d5d4d
    }

.page-body.skin-turquoise .btn.btn-secondary {
    background-color: #0f7e68;
    color: #fff
}

    .page-body.skin-turquoise .btn.btn-secondary:hover {
        background-color: #0c6755;
        text-color: #fff
    }

    .page-body.skin-turquoise .btn.btn-secondary:active, .page-body.skin-turquoise .btn.btn-secondary:focus {
        background-color: #0c6755;
        border-color: #0b5e4e
    }

.page-body.skin-turquoise .settings-pane {
    background: #1daf92;
    color: #96ead9
}

    .page-body.skin-turquoise .settings-pane > a[data-toggle=settings-pane] {
        color: #96ead9
    }

        .page-body.skin-turquoise .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-turquoise .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-turquoise .settings-pane .links-block.left-sep {
        border-left: 1px solid #16a085
    }

    .page-body.skin-turquoise .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-turquoise .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #1daf92
        }

        .page-body.skin-turquoise .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-turquoise .settings-pane .links-block h4 a:hover {
                color: #96ead9
            }

    .page-body.skin-turquoise .settings-pane .links-block ul li a {
        color: #96ead9
    }

        .page-body.skin-turquoise .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-turquoise .sidebar-menu {
    background: #16a085
}

    .page-body.skin-turquoise .sidebar-menu .logo-env {
        border-bottom: 1px solid #1daf92
    }

        .page-body.skin-turquoise .sidebar-menu .logo-env .settings-icon a {
            color: #96ead9
        }

            .page-body.skin-turquoise .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-turquoise .sidebar-menu .main-menu a {
        color: #96ead9;
        border-bottom: 1px solid #1daf92
    }

        .page-body.skin-turquoise .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-turquoise .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-turquoise .sidebar-menu .main-menu li.has-sub > a:before {
        color: #66e6cc
    }

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

@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: #606161
    }

    .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: #14937a
    }

    .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu > li > ul {
        background: #16a085
    }
}

.page-body.skin-turquoise .page-loading-overlay {
    background-color: #16a085
}

.page-body.skin-turquoise.login-page {
    background: #16a085;
    color: #fff
}

    .page-body.skin-turquoise.login-page .login-form .login-header .logo span {
        color: #96ead9
    }

    .page-body.skin-turquoise.login-page .login-form .login-header p {
        color: #96ead9
    }

    .page-body.skin-turquoise.login-page .login-form .form-group .control-label {
        color: #96ead9
    }

    .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark {
        background: #138a72;
        border: 1px solid transparent;
        color: #96ead9
    }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark {
        border-color: #1daf92;
        background-color: #16a085;
        color: #fff
    }

        .page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(29,175,146,.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: #fff
        }

            .page-body.skin-turquoise.login-page .login-form .login-footer a:hover {
                color: #d6f7f0
            }

        .page-body.skin-turquoise.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #96ead9
        }

            .page-body.skin-turquoise.login-page .login-form .login-footer .info-links a {
                color: #96ead9
            }

                .page-body.skin-turquoise.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-turquoise.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-turquoise.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-turquoise.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-turquoise.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-turquoise.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-turquoise.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-turquoise.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-turquoise.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-turquoise.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-turquoise.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-turquoise.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-turquoise.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-turquoise.lockscreen-page {
    background: #16a085
}

    .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group p {
        color: #96ead9
    }

    .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group h3 {
        color: #96ead9
    }

    .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #1daf92;
        color: #fff
    }

        .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #1daf92
    }

        .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,.3)
        }

.page-body.skin-turquoise.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #1daf92;
    -webkit-box-shadow: 0 0 0 10px #1daf92,0 -10px 0 10px #1daf92,0 -20px 0 10px #1daf92,0 -30px 0 10px #1daf92;
    -moz-box-shadow: 0 0 0 10px #1daf92,0 -10px 0 10px #1daf92,0 -20px 0 10px #1daf92,0 -30px 0 10px #1daf92;
    box-shadow: 0 0 0 10px #1daf92,0 -10px 0 10px #1daf92,0 -20px 0 10px #1daf92,0 -30px 0 10px #1daf92
}

.page-body.skin-turquoise .sidebar-user-info {
    background-color: #138a72;
    border-bottom-color: #1daf92
}

    .page-body.skin-turquoise .sidebar-user-info .user-profile span {
        color: #96ead9
    }

        .page-body.skin-turquoise .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-turquoise .sidebar-user-info .user-links {
        border-top-color: #1daf92
    }

        .page-body.skin-turquoise .sidebar-user-info .user-links li a {
            color: #96ead9
        }

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

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

        .page-body.skin-turquoise .sidebar-user-info .user-links li + li a {
            border-left-color: #1daf92
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-turquoise .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-lime .btn-primary {
    background: #8cc657
}

    .page-body.skin-lime .btn-primary:hover {
        background: #7fc044;
        border-color: #7fc044
    }

    .page-body.skin-lime .btn-primary:active, .page-body.skin-lime .btn-primary:focus {
        background: #669c35;
        border-color: #669c35
    }

.page-body.skin-lime .btn.btn-secondary {
    background-color: #70a93c;
    color: #fff
}

    .page-body.skin-lime .btn.btn-secondary:hover {
        background-color: #649635;
        text-color: #fff
    }

    .page-body.skin-lime .btn.btn-secondary:active, .page-body.skin-lime .btn.btn-secondary:focus {
        background-color: #649635;
        border-color: #5f8f33
    }

.page-body.skin-lime .settings-pane {
    background: #95cd62;
    color: #fff
}

    .page-body.skin-lime .settings-pane > a[data-toggle=settings-pane] {
        color: #fff
    }

        .page-body.skin-lime .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-lime .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-lime .settings-pane .links-block.left-sep {
        border-left: 1px solid #8cc657
    }

    .page-body.skin-lime .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-lime .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #95cd62
        }

        .page-body.skin-lime .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-lime .settings-pane .links-block h4 a:hover {
                color: #fff
            }

    .page-body.skin-lime .settings-pane .links-block ul li a {
        color: #fff
    }

        .page-body.skin-lime .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-lime .sidebar-menu {
    background: #8cc657
}

    .page-body.skin-lime .sidebar-menu .logo-env {
        border-bottom: 1px solid #95cd62
    }

        .page-body.skin-lime .sidebar-menu .logo-env .settings-icon a {
            color: #fff
        }

            .page-body.skin-lime .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-lime .sidebar-menu .main-menu a {
        color: #fff;
        border-bottom: 1px solid #95cd62
    }

        .page-body.skin-lime .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-lime .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-lime .sidebar-menu .main-menu li.has-sub > a:before {
        color: #d6ecc3
    }

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

@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: #606161
    }

    .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: #84c24c
    }

    .page-body.skin-lime .sidebar-menu.collapsed .main-menu > li > ul {
        background: #8cc657
    }
}

.page-body.skin-lime .page-loading-overlay {
    background-color: #8cc657
}

.page-body.skin-lime.login-page {
    background: #8cc657;
    color: #fff
}

    .page-body.skin-lime.login-page .login-form .login-header .logo span {
        color: #fff
    }

    .page-body.skin-lime.login-page .login-form .login-header p {
        color: #fff
    }

    .page-body.skin-lime.login-page .login-form .form-group .control-label {
        color: #fff
    }

    .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark {
        background: #7fc044;
        border: 1px solid transparent;
        color: #fff
    }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark {
        border-color: #95cd62;
        background-color: #8cc657;
        color: #fff
    }

        .page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(149,205,98,.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: #fff
        }

            .page-body.skin-lime.login-page .login-form .login-footer a:hover {
                color: #fff
            }

        .page-body.skin-lime.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #fff
        }

            .page-body.skin-lime.login-page .login-form .login-footer .info-links a {
                color: #fff
            }

                .page-body.skin-lime.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-lime.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-lime.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-lime.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-lime.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-lime.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-lime.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-lime.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-lime.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-lime.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-lime.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-lime.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-lime.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-lime.lockscreen-page {
    background: #8cc657
}

    .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group p {
        color: #fff
    }

    .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group h3 {
        color: #fff
    }

    .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #95cd62;
        color: #fff
    }

        .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #95cd62
    }

        .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,.3)
        }

.page-body.skin-lime.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #95cd62;
    -webkit-box-shadow: 0 0 0 10px #95cd62,0 -10px 0 10px #95cd62,0 -20px 0 10px #95cd62,0 -30px 0 10px #95cd62;
    -moz-box-shadow: 0 0 0 10px #95cd62,0 -10px 0 10px #95cd62,0 -20px 0 10px #95cd62,0 -30px 0 10px #95cd62;
    box-shadow: 0 0 0 10px #95cd62,0 -10px 0 10px #95cd62,0 -20px 0 10px #95cd62,0 -30px 0 10px #95cd62
}

.page-body.skin-lime .sidebar-user-info {
    background-color: #7fc044;
    border-bottom-color: #95cd62
}

    .page-body.skin-lime .sidebar-user-info .user-profile span {
        color: #fff
    }

        .page-body.skin-lime .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-lime .sidebar-user-info .user-links {
        border-top-color: #95cd62
    }

        .page-body.skin-lime .sidebar-user-info .user-links li a {
            color: #fff
        }

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

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

        .page-body.skin-lime .sidebar-user-info .user-links li + li a {
            border-left-color: #95cd62
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-lime .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-green .btn-primary {
    background: #27ae60
}

    .page-body.skin-green .btn-primary:hover {
        background: #295;
        border-color: #295
    }

    .page-body.skin-green .btn-primary:active, .page-body.skin-green .btn-primary:focus {
        background: #19703e;
        border-color: #19703e
    }

.page-body.skin-green .btn.btn-secondary {
    background-color: #1c954f;
    color: #fff
}

    .page-body.skin-green .btn.btn-secondary:hover {
        background-color: #188044;
        text-color: #fff
    }

    .page-body.skin-green .btn.btn-secondary:active, .page-body.skin-green .btn.btn-secondary:focus {
        background-color: #188044;
        border-color: #16773f
    }

.page-body.skin-green .settings-pane {
    background: #2fbd6b;
    color: #a2f9c7
}

    .page-body.skin-green .settings-pane > a[data-toggle=settings-pane] {
        color: #a2f9c7
    }

        .page-body.skin-green .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-green .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-green .settings-pane .links-block.left-sep {
        border-left: 1px solid #27ae60
    }

    .page-body.skin-green .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-green .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #2fbd6b
        }

        .page-body.skin-green .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-green .settings-pane .links-block h4 a:hover {
                color: #a2f9c7
            }

    .page-body.skin-green .settings-pane .links-block ul li a {
        color: #a2f9c7
    }

        .page-body.skin-green .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-green .sidebar-menu {
    background: #27ae60
}

    .page-body.skin-green .sidebar-menu .logo-env {
        border-bottom: 1px solid #2fbd6b
    }

        .page-body.skin-green .sidebar-menu .logo-env .settings-icon a {
            color: #a2f9c7
        }

            .page-body.skin-green .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-green .sidebar-menu .main-menu a {
        color: #a2f9c7;
        border-bottom: 1px solid #2fbd6b
    }

        .page-body.skin-green .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-green .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-green .sidebar-menu .main-menu li.has-sub > a:before {
        color: #8ae2af
    }

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

@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: #606161
    }

    .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: #24a259
    }

    .page-body.skin-green .sidebar-menu.collapsed .main-menu > li > ul {
        background: #27ae60
    }
}

.page-body.skin-green .page-loading-overlay {
    background-color: #27ae60
}

.page-body.skin-green.login-page {
    background: #27ae60;
    color: #fff
}

    .page-body.skin-green.login-page .login-form .login-header .logo span {
        color: #a2f9c7
    }

    .page-body.skin-green.login-page .login-form .login-header p {
        color: #a2f9c7
    }

    .page-body.skin-green.login-page .login-form .form-group .control-label {
        color: #a2f9c7
    }

    .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark {
        background: #295;
        border: 1px solid transparent;
        color: #a2f9c7
    }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-green.login-page .login-form .form-group .btn.btn-dark {
        border-color: #2fbd6b;
        background-color: #27ae60;
        color: #fff
    }

        .page-body.skin-green.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(47,189,107,.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: #fff
        }

            .page-body.skin-green.login-page .login-form .login-footer a:hover {
                color: #eafef2
            }

        .page-body.skin-green.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #a2f9c7
        }

            .page-body.skin-green.login-page .login-form .login-footer .info-links a {
                color: #a2f9c7
            }

                .page-body.skin-green.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-green.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-green.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-green.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-green.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-green.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-green.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-green.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-green.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-green.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-green.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-green.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-green.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-green.lockscreen-page {
    background: #27ae60
}

    .page-body.skin-green.lockscreen-page .lockcreen-form .form-group p {
        color: #a2f9c7
    }

    .page-body.skin-green.lockscreen-page .lockcreen-form .form-group h3 {
        color: #a2f9c7
    }

    .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #2fbd6b;
        color: #fff
    }

        .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #2fbd6b
    }

        .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,.3)
        }

.page-body.skin-green.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #2fbd6b;
    -webkit-box-shadow: 0 0 0 10px #2fbd6b,0 -10px 0 10px #2fbd6b,0 -20px 0 10px #2fbd6b,0 -30px 0 10px #2fbd6b;
    -moz-box-shadow: 0 0 0 10px #2fbd6b,0 -10px 0 10px #2fbd6b,0 -20px 0 10px #2fbd6b,0 -30px 0 10px #2fbd6b;
    box-shadow: 0 0 0 10px #2fbd6b,0 -10px 0 10px #2fbd6b,0 -20px 0 10px #2fbd6b,0 -30px 0 10px #2fbd6b
}

.page-body.skin-green .sidebar-user-info {
    background-color: #295;
    border-bottom-color: #2fbd6b
}

    .page-body.skin-green .sidebar-user-info .user-profile span {
        color: #a2f9c7
    }

        .page-body.skin-green .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-green .sidebar-user-info .user-links {
        border-top-color: #2fbd6b
    }

        .page-body.skin-green .sidebar-user-info .user-links li a {
            color: #a2f9c7
        }

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

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

        .page-body.skin-green .sidebar-user-info .user-links li + li a {
            border-left-color: #2fbd6b
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-green .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-purple .btn-primary {
    background: #795b95
}

    .page-body.skin-purple .btn-primary:hover {
        background: #6c5185;
        border-color: #6c5185
    }

    .page-body.skin-purple .btn-primary:active, .page-body.skin-purple .btn-primary:focus {
        background: #523e66;
        border-color: #523e66
    }

.page-body.skin-purple .btn.btn-secondary {
    background-color: #5f3d7e;
    color: #fff
}

    .page-body.skin-purple .btn.btn-secondary:hover {
        background-color: #52356d;
        text-color: #fff
    }

    .page-body.skin-purple .btn.btn-secondary:active, .page-body.skin-purple .btn.btn-secondary:focus {
        background-color: #52356d;
        border-color: #4d3166
    }

.page-body.skin-purple .settings-pane {
    background: #81629f;
    color: #c2afd4
}

    .page-body.skin-purple .settings-pane > a[data-toggle=settings-pane] {
        color: #c2afd4
    }

        .page-body.skin-purple .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-purple .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-purple .settings-pane .links-block.left-sep {
        border-left: 1px solid #795b95
    }

    .page-body.skin-purple .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-purple .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #81629f
        }

        .page-body.skin-purple .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-purple .settings-pane .links-block h4 a:hover {
                color: #c2afd4
            }

    .page-body.skin-purple .settings-pane .links-block ul li a {
        color: #c2afd4
    }

        .page-body.skin-purple .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-purple .sidebar-menu {
    background: #795b95
}

    .page-body.skin-purple .sidebar-menu .logo-env {
        border-bottom: 1px solid #81629f
    }

        .page-body.skin-purple .sidebar-menu .logo-env .settings-icon a {
            color: #c2afd4
        }

            .page-body.skin-purple .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-purple .sidebar-menu .main-menu a {
        color: #c2afd4;
        border-bottom: 1px solid #81629f
    }

        .page-body.skin-purple .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-purple .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-purple .sidebar-menu .main-menu li.has-sub > a:before {
        color: #c0b1cf
    }

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

@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: #606161
    }

    .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: #71558c
    }

    .page-body.skin-purple .sidebar-menu.collapsed .main-menu > li > ul {
        background: #795b95
    }
}

.page-body.skin-purple .page-loading-overlay {
    background-color: #795b95
}

.page-body.skin-purple.login-page {
    background: #795b95;
    color: #fff
}

    .page-body.skin-purple.login-page .login-form .login-header .logo span {
        color: #c2afd4
    }

    .page-body.skin-purple.login-page .login-form .login-header p {
        color: #c2afd4
    }

    .page-body.skin-purple.login-page .login-form .form-group .control-label {
        color: #c2afd4
    }

    .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark {
        background: #6c5185;
        border: 1px solid transparent;
        color: #c2afd4
    }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark {
        border-color: #81629f;
        background-color: #795b95;
        color: #fff
    }

        .page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(129,98,159,.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: #fff
        }

            .page-body.skin-purple.login-page .login-form .login-footer a:hover {
                color: #e8e1ef
            }

        .page-body.skin-purple.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #c2afd4
        }

            .page-body.skin-purple.login-page .login-form .login-footer .info-links a {
                color: #c2afd4
            }

                .page-body.skin-purple.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-purple.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-purple.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-purple.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-purple.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-purple.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-purple.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-purple.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-purple.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-purple.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-purple.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-purple.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-purple.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-purple.lockscreen-page {
    background: #795b95
}

    .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group p {
        color: #c2afd4
    }

    .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group h3 {
        color: #c2afd4
    }

    .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #81629f;
        color: #fff
    }

        .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

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

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

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

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

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

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

    .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #81629f
    }

        .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,.3)
        }

.page-body.skin-purple.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #81629f;
    -webkit-box-shadow: 0 0 0 10px #81629f,0 -10px 0 10px #81629f,0 -20px 0 10px #81629f,0 -30px 0 10px #81629f;
    -moz-box-shadow: 0 0 0 10px #81629f,0 -10px 0 10px #81629f,0 -20px 0 10px #81629f,0 -30px 0 10px #81629f;
    box-shadow: 0 0 0 10px #81629f,0 -10px 0 10px #81629f,0 -20px 0 10px #81629f,0 -30px 0 10px #81629f
}

.page-body.skin-purple .sidebar-user-info {
    background-color: #6c5185;
    border-bottom-color: #81629f
}

    .page-body.skin-purple .sidebar-user-info .user-profile span {
        color: #c2afd4
    }

        .page-body.skin-purple .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-purple .sidebar-user-info .user-links {
        border-top-color: #81629f
    }

        .page-body.skin-purple .sidebar-user-info .user-links li a {
            color: #c2afd4
        }

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

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

        .page-body.skin-purple .sidebar-user-info .user-links li + li a {
            border-left-color: #81629f
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-purple .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-white .btn-primary {
    background: #95cd62
}

    .page-body.skin-white .btn-primary:hover {
        background: #88c74f;
        border-color: #88c74f
    }

    .page-body.skin-white .btn-primary:active, .page-body.skin-white .btn-primary:focus {
        background: #6fac37;
        border-color: #6fac37
    }

.page-body.skin-white .btn.btn-secondary {
    background-color: #555;
    color: #fff
}

    .page-body.skin-white .btn.btn-secondary:hover {
        background-color: #484848;
        text-color: #fff
    }

    .page-body.skin-white .btn.btn-secondary:active, .page-body.skin-white .btn.btn-secondary:focus {
        background-color: #484848;
        border-color: #434343
    }

.page-body.skin-white .settings-pane {
    background: #eee;
    color: #666
}

    .page-body.skin-white .settings-pane > a[data-toggle=settings-pane] {
        color: #666
    }

        .page-body.skin-white .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-white .settings-pane .user-info .user-details h3 a {
        color: #95cd62
    }

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

    .page-body.skin-white .settings-pane .links-block.left-sep {
        border-left: 1px solid #fff
    }

    .page-body.skin-white .settings-pane .links-block h4 {
        color: #95cd62
    }

        .page-body.skin-white .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #eee
        }

        .page-body.skin-white .settings-pane .links-block h4 a {
            color: #95cd62
        }

            .page-body.skin-white .settings-pane .links-block h4 a:hover {
                color: #666
            }

    .page-body.skin-white .settings-pane .links-block ul li a {
        color: #666
    }

        .page-body.skin-white .settings-pane .links-block ul li a:hover {
            color: #95cd62
        }

.page-body.skin-white .sidebar-menu {
    background: #fff
}

    .page-body.skin-white .sidebar-menu .logo-env {
        border-bottom: 1px solid #eee
    }

        .page-body.skin-white .sidebar-menu .logo-env .settings-icon a {
            color: #666
        }

            .page-body.skin-white .sidebar-menu .logo-env .settings-icon a:hover {
                color: #95cd62
            }

    .page-body.skin-white .sidebar-menu .main-menu a {
        color: #666;
        border-bottom: 1px solid #eee
    }

        .page-body.skin-white .sidebar-menu .main-menu a:hover {
            color: #95cd62
        }

    .page-body.skin-white .sidebar-menu .main-menu li.active > a {
        color: #95cd62
    }

    .page-body.skin-white .sidebar-menu .main-menu li.has-sub > a:before {
        color: #fff
    }

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

@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: #606161
    }

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

    .page-body.skin-white .sidebar-menu.collapsed .main-menu > li > ul {
        background: #fff
    }
}

.page-body.skin-white .page-loading-overlay {
    background-color: #fff
}

.page-body.skin-white.login-page {
    background: #fff;
    color: #fff
}

    .page-body.skin-white.login-page .login-form .login-header .logo span {
        color: #666
    }

    .page-body.skin-white.login-page .login-form .login-header p {
        color: #666
    }

    .page-body.skin-white.login-page .login-form .form-group .control-label {
        color: #666
    }

    .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark {
        background: #f2f2f2;
        border: 1px solid transparent;
        color: #666
    }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #95cd62;
            opacity: 1
        }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #95cd62
        }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #95cd62
        }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #95cd62
        }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #95cd62
        }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #95cd62
        }

        .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #95cd62
        }

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

    .page-body.skin-white.login-page .login-form .form-group .btn.btn-dark {
        border-color: #eee;
        background-color: #fff;
        color: #95cd62
    }

        .page-body.skin-white.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(238,238,238,.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: #95cd62
        }

            .page-body.skin-white.login-page .login-form .login-footer a:hover {
                color: #8c8c8c
            }

        .page-body.skin-white.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #666
        }

            .page-body.skin-white.login-page .login-form .login-footer .info-links a {
                color: #666
            }

                .page-body.skin-white.login-page .login-form .login-footer .info-links a:hover {
                    color: #95cd62
                }

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

        .page-body.skin-white.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-white.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-white.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-white.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-white.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-white.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-white.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-white.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-white.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-white.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-white.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-white.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-white.lockscreen-page {
    background: #fff
}

    .page-body.skin-white.lockscreen-page .lockcreen-form .form-group p {
        color: #666
    }

    .page-body.skin-white.lockscreen-page .lockcreen-form .form-group h3 {
        color: #666
    }

    .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #eee;
        color: #95cd62
    }

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

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

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

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

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

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

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

    .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #95cd62;
        border: 1px solid #eee
    }

        .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,.3)
        }

.page-body.skin-white.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #eee;
    -webkit-box-shadow: 0 0 0 10px #eee,0 -10px 0 10px #eee,0 -20px 0 10px #eee,0 -30px 0 10px #eee;
    -moz-box-shadow: 0 0 0 10px #eee,0 -10px 0 10px #eee,0 -20px 0 10px #eee,0 -30px 0 10px #eee;
    box-shadow: 0 0 0 10px #eee,0 -10px 0 10px #eee,0 -20px 0 10px #eee,0 -30px 0 10px #eee
}

.page-body.skin-white .sidebar-user-info {
    background-color: #f2f2f2;
    border-bottom-color: #eee
}

    .page-body.skin-white .sidebar-user-info .user-profile span {
        color: #666
    }

        .page-body.skin-white .sidebar-user-info .user-profile span strong {
            color: #95cd62
        }

    .page-body.skin-white .sidebar-user-info .user-links {
        border-top-color: #eee
    }

        .page-body.skin-white .sidebar-user-info .user-links li a {
            color: #666
        }

            .page-body.skin-white .sidebar-user-info .user-links li a:hover {
                color: #95cd62;
                background-color: rgba(238,238,238,.25)
            }

        .page-body.skin-white .sidebar-user-info .user-links li.active a {
            color: #95cd62;
            background-color: rgba(238,238,238,.25)
        }

        .page-body.skin-white .sidebar-user-info .user-links li + li a {
            border-left-color: #eee
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-white .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-concrete .btn-primary {
    background: #a40f37
}

    .page-body.skin-concrete .btn-primary:hover {
        background: #8d0d2f;
        border-color: #8d0d2f
    }

    .page-body.skin-concrete .btn-primary:active, .page-body.skin-concrete .btn-primary:focus {
        background: #5e091f;
        border-color: #5e091f
    }

.page-body.skin-concrete .btn.btn-secondary {
    background-color: #323232;
    color: #fff
}

    .page-body.skin-concrete .btn.btn-secondary:hover {
        background-color: #252525;
        text-color: #fff
    }

    .page-body.skin-concrete .btn.btn-secondary:active, .page-body.skin-concrete .btn.btn-secondary:focus {
        background-color: #252525;
        border-color: #202020
    }

.page-body.skin-concrete .settings-pane {
    background: #b8bbb3;
    color: #666
}

    .page-body.skin-concrete .settings-pane > a[data-toggle=settings-pane] {
        color: #666
    }

        .page-body.skin-concrete .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-concrete .settings-pane .user-info .user-details h3 a {
        color: #a40f37
    }

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

    .page-body.skin-concrete .settings-pane .links-block.left-sep {
        border-left: 1px solid #a8aba2
    }

    .page-body.skin-concrete .settings-pane .links-block h4 {
        color: #a40f37
    }

        .page-body.skin-concrete .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #b8bbb3
        }

        .page-body.skin-concrete .settings-pane .links-block h4 a {
            color: #a40f37
        }

            .page-body.skin-concrete .settings-pane .links-block h4 a:hover {
                color: #666
            }

    .page-body.skin-concrete .settings-pane .links-block ul li a {
        color: #666
    }

        .page-body.skin-concrete .settings-pane .links-block ul li a:hover {
            color: #a40f37
        }

.page-body.skin-concrete .sidebar-menu {
    background: #a8aba2
}

    .page-body.skin-concrete .sidebar-menu .logo-env {
        border-bottom: 1px solid #b8bbb3
    }

        .page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a {
            color: #666
        }

            .page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a:hover {
                color: #a40f37
            }

    .page-body.skin-concrete .sidebar-menu .main-menu a {
        color: #666;
        border-bottom: 1px solid #b8bbb3
    }

        .page-body.skin-concrete .sidebar-menu .main-menu a:hover {
            color: #a40f37
        }

    .page-body.skin-concrete .sidebar-menu .main-menu li.active > a {
        color: #a40f37
    }

    .page-body.skin-concrete .sidebar-menu .main-menu li.has-sub > a:before {
        color: #f7f7f6
    }

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

@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: #606161
    }

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

    .page-body.skin-concrete .sidebar-menu.collapsed .main-menu > li > ul {
        background: #a8aba2
    }
}

.page-body.skin-concrete .page-loading-overlay {
    background-color: #a8aba2
}

.page-body.skin-concrete.login-page {
    background: #a8aba2;
    color: #fff
}

    .page-body.skin-concrete.login-page .login-form .login-header .logo span {
        color: #666
    }

    .page-body.skin-concrete.login-page .login-form .login-header p {
        color: #666
    }

    .page-body.skin-concrete.login-page .login-form .form-group .control-label {
        color: #666
    }

    .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark {
        background: #9b9f95;
        border: 1px solid transparent;
        color: #666
    }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #a40f37;
            opacity: 1
        }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #a40f37
        }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #a40f37
        }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #a40f37
        }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #a40f37
        }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #a40f37
        }

        .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #a40f37
        }

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

    .page-body.skin-concrete.login-page .login-form .form-group .btn.btn-dark {
        border-color: #b8bbb3;
        background-color: #a8aba2;
        color: #a40f37
    }

        .page-body.skin-concrete.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(184,187,179,.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: #a40f37
        }

            .page-body.skin-concrete.login-page .login-form .login-footer a:hover {
                color: #8c8c8c
            }

        .page-body.skin-concrete.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #666
        }

            .page-body.skin-concrete.login-page .login-form .login-footer .info-links a {
                color: #666
            }

                .page-body.skin-concrete.login-page .login-form .login-footer .info-links a:hover {
                    color: #a40f37
                }

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

        .page-body.skin-concrete.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-concrete.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-concrete.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-concrete.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-concrete.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-concrete.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-concrete.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-concrete.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-concrete.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-concrete.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-concrete.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-concrete.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

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

.page-body.skin-concrete.lockscreen-page {
    background: #a8aba2
}

    .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group p {
        color: #666
    }

    .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group h3 {
        color: #666
    }

    .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #b8bbb3;
        color: #a40f37
    }

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

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

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

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

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

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

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

    .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #a40f37;
        border: 1px solid #b8bbb3
    }

        .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,.3)
        }

.page-body.skin-concrete.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #b8bbb3;
    -webkit-box-shadow: 0 0 0 10px #b8bbb3,0 -10px 0 10px #b8bbb3,0 -20px 0 10px #b8bbb3,0 -30px 0 10px #b8bbb3;
    -moz-box-shadow: 0 0 0 10px #b8bbb3,0 -10px 0 10px #b8bbb3,0 -20px 0 10px #b8bbb3,0 -30px 0 10px #b8bbb3;
    box-shadow: 0 0 0 10px #b8bbb3,0 -10px 0 10px #b8bbb3,0 -20px 0 10px #b8bbb3,0 -30px 0 10px #b8bbb3
}

.page-body.skin-concrete .sidebar-user-info {
    background-color: #9b9f95;
    border-bottom-color: #b8bbb3
}

    .page-body.skin-concrete .sidebar-user-info .user-profile span {
        color: #666
    }

        .page-body.skin-concrete .sidebar-user-info .user-profile span strong {
            color: #a40f37
        }

    .page-body.skin-concrete .sidebar-user-info .user-links {
        border-top-color: #b8bbb3
    }

        .page-body.skin-concrete .sidebar-user-info .user-links li a {
            color: #666
        }

            .page-body.skin-concrete .sidebar-user-info .user-links li a:hover {
                color: #a40f37;
                background-color: rgba(184,187,179,.25)
            }

        .page-body.skin-concrete .sidebar-user-info .user-links li.active a {
            color: #a40f37;
            background-color: rgba(184,187,179,.25)
        }

        .page-body.skin-concrete .sidebar-user-info .user-links li + li a {
            border-left-color: #b8bbb3
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-concrete .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-watermelon .btn-primary {
    background: #b63131
}

    .page-body.skin-watermelon .btn-primary:hover {
        background: #a22c2c;
        border-color: #a22c2c
    }

    .page-body.skin-watermelon .btn-primary:active, .page-body.skin-watermelon .btn-primary:focus {
        background: #7a2121;
        border-color: #7a2121
    }

.page-body.skin-watermelon .btn.btn-secondary {
    background-color: #32932e;
    color: #fff
}

    .page-body.skin-watermelon .btn.btn-secondary:hover {
        background-color: #2b8028;
        text-color: #fff
    }

    .page-body.skin-watermelon .btn.btn-secondary:active, .page-body.skin-watermelon .btn.btn-secondary:focus {
        background-color: #2b8028;
        border-color: #297825
    }

.page-body.skin-watermelon .settings-pane {
    background: #c03737;
    color: #f7b2b2
}

    .page-body.skin-watermelon .settings-pane > a[data-toggle=settings-pane] {
        color: #f7b2b2
    }

        .page-body.skin-watermelon .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-watermelon .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-watermelon .settings-pane .links-block.left-sep {
        border-left: 1px solid #b63131
    }

    .page-body.skin-watermelon .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-watermelon .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #c03737
        }

        .page-body.skin-watermelon .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-watermelon .settings-pane .links-block h4 a:hover {
                color: #f7b2b2
            }

    .page-body.skin-watermelon .settings-pane .links-block ul li a {
        color: #f7b2b2
    }

        .page-body.skin-watermelon .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-watermelon .sidebar-menu {
    background: #b63131
}

    .page-body.skin-watermelon .sidebar-menu .logo-env {
        border-bottom: 1px solid #c03737
    }

        .page-body.skin-watermelon .sidebar-menu .logo-env .settings-icon a {
            color: #f7b2b2
        }

            .page-body.skin-watermelon .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-watermelon .sidebar-menu .main-menu a {
        color: #f7b2b2;
        border-bottom: 1px solid #c03737
    }

        .page-body.skin-watermelon .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-watermelon .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-watermelon .sidebar-menu .main-menu li.has-sub > a:before {
        color: #e19696
    }

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

@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: #606161
    }

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

    .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu > li > ul {
        background: #b63131
    }
}

.page-body.skin-watermelon .page-loading-overlay {
    background-color: #b63131
}

.page-body.skin-watermelon.login-page {
    background: #b63131;
    color: #fff
}

    .page-body.skin-watermelon.login-page .login-form .login-header .logo span {
        color: #f7b2b2
    }

    .page-body.skin-watermelon.login-page .login-form .login-header p {
        color: #f7b2b2
    }

    .page-body.skin-watermelon.login-page .login-form .form-group .control-label {
        color: #f7b2b2
    }

    .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark {
        background: #a22c2c;
        border: 1px solid transparent;
        color: #f7b2b2
    }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark {
        border-color: #c03737;
        background-color: #b63131;
        color: #fff
    }

        .page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(192,55,55,.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: #fff
        }

            .page-body.skin-watermelon.login-page .login-form .login-footer a:hover {
                color: #fef7f7
            }

        .page-body.skin-watermelon.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #f7b2b2
        }

            .page-body.skin-watermelon.login-page .login-form .login-footer .info-links a {
                color: #f7b2b2
            }

                .page-body.skin-watermelon.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-watermelon.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-watermelon.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-watermelon.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-watermelon.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-watermelon.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-watermelon.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-watermelon.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-watermelon.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-watermelon.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-watermelon.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-watermelon.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-watermelon.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

        .page-body.skin-watermelon.login-page .row {
            margin: 0
        }
}

.page-body.skin-watermelon.lockscreen-page {
    background: #b63131
}

    .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group p {
        color: #f7b2b2
    }

    .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group h3 {
        color: #f7b2b2
    }

    .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #c03737;
        color: #fff
    }

        .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

        .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,.5)
        }

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

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

        .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder {
            color: rgba(255,255,255,.5)
        }

        .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5)
        }

        .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,.5)
        }

    .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #c03737
    }

        .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,.3)
        }

.page-body.skin-watermelon.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #c03737;
    -webkit-box-shadow: 0 0 0 10px #c03737,0 -10px 0 10px #c03737,0 -20px 0 10px #c03737,0 -30px 0 10px #c03737;
    -moz-box-shadow: 0 0 0 10px #c03737,0 -10px 0 10px #c03737,0 -20px 0 10px #c03737,0 -30px 0 10px #c03737;
    box-shadow: 0 0 0 10px #c03737,0 -10px 0 10px #c03737,0 -20px 0 10px #c03737,0 -30px 0 10px #c03737
}

.page-body.skin-watermelon .sidebar-user-info {
    background-color: #a22c2c;
    border-bottom-color: #c03737
}

    .page-body.skin-watermelon .sidebar-user-info .user-profile span {
        color: #f7b2b2
    }

        .page-body.skin-watermelon .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-watermelon .sidebar-user-info .user-links {
        border-top-color: #c03737
    }

        .page-body.skin-watermelon .sidebar-user-info .user-links li a {
            color: #f7b2b2
        }

            .page-body.skin-watermelon .sidebar-user-info .user-links li a:hover {
                color: #fff;
                background-color: rgba(192,55,55,.25)
            }

        .page-body.skin-watermelon .sidebar-user-info .user-links li.active a {
            color: #fff;
            background-color: rgba(192,55,55,.25)
        }

        .page-body.skin-watermelon .sidebar-user-info .user-links li + li a {
            border-left-color: #c03737
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-watermelon .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.skin-lemonade .btn-primary {
    background: #f5c150
}

    .page-body.skin-lemonade .btn-primary:hover {
        background: #f4b838;
        border-color: #f4b838
    }

    .page-body.skin-lemonade .btn-primary:active, .page-body.skin-lemonade .btn-primary:focus {
        background: #eba50d;
        border-color: #eba50d
    }

.page-body.skin-lemonade .btn.btn-secondary {
    background-color: #d9a940;
    color: #fff
}

    .page-body.skin-lemonade .btn.btn-secondary:hover {
        background-color: #d59f2b;
        text-color: #fff
    }

    .page-body.skin-lemonade .btn.btn-secondary:active, .page-body.skin-lemonade .btn.btn-secondary:focus {
        background-color: #d59f2b;
        border-color: #cd9929
    }

.page-body.skin-lemonade .settings-pane {
    background: #ffcf67;
    color: #ffeec9
}

    .page-body.skin-lemonade .settings-pane > a[data-toggle=settings-pane] {
        color: #ffeec9
    }

        .page-body.skin-lemonade .settings-pane > a[data-toggle=settings-pane]:hover {
            color: #FFF
        }

    .page-body.skin-lemonade .settings-pane .user-info .user-details h3 a {
        color: #fff
    }

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

    .page-body.skin-lemonade .settings-pane .links-block.left-sep {
        border-left: 1px solid #f5c150
    }

    .page-body.skin-lemonade .settings-pane .links-block h4 {
        color: #fff
    }

        .page-body.skin-lemonade .settings-pane .links-block h4 span {
            display: inline-block;
            border-bottom: 1px solid #ffcf67
        }

        .page-body.skin-lemonade .settings-pane .links-block h4 a {
            color: #fff
        }

            .page-body.skin-lemonade .settings-pane .links-block h4 a:hover {
                color: #ffeec9
            }

    .page-body.skin-lemonade .settings-pane .links-block ul li a {
        color: #ffeec9
    }

        .page-body.skin-lemonade .settings-pane .links-block ul li a:hover {
            color: #fff
        }

.page-body.skin-lemonade .sidebar-menu {
    background: #f5c150
}

    .page-body.skin-lemonade .sidebar-menu .logo-env {
        border-bottom: 1px solid #ffcf67
    }

        .page-body.skin-lemonade .sidebar-menu .logo-env .settings-icon a {
            color: #ffeec9
        }

            .page-body.skin-lemonade .sidebar-menu .logo-env .settings-icon a:hover {
                color: #fff
            }

    .page-body.skin-lemonade .sidebar-menu .main-menu a {
        color: #ffeec9;
        border-bottom: 1px solid #ffcf67
    }

        .page-body.skin-lemonade .sidebar-menu .main-menu a:hover {
            color: #fff
        }

    .page-body.skin-lemonade .sidebar-menu .main-menu li.active > a {
        color: #fff
    }

    .page-body.skin-lemonade .sidebar-menu .main-menu li.has-sub > a:before {
        color: #fff7e6
    }

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

@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: #606161
    }

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

    .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu > li > ul {
        background: #f5c150
    }
}

.page-body.skin-lemonade .page-loading-overlay {
    background-color: #f5c150
}

.page-body.skin-lemonade.login-page {
    background: #f5c150;
    color: #fff
}

    .page-body.skin-lemonade.login-page .login-form .login-header .logo span {
        color: #ffeec9
    }

    .page-body.skin-lemonade.login-page .login-form .login-header p {
        color: #ffeec9
    }

    .page-body.skin-lemonade.login-page .login-form .form-group .control-label {
        color: #ffeec9
    }

    .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark {
        background: #f4b838;
        border: 1px solid transparent;
        color: #ffeec9
    }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
            color: #fff
        }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
            color: #fff
        }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
            color: #fff
        }

        .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
            color: #fff
        }

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

    .page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark {
        border-color: #ffcf67;
        background-color: #f5c150;
        color: #fff
    }

        .page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: rgba(255,207,103,.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: #fff
        }

            .page-body.skin-lemonade.login-page .login-form .login-footer a:hover {
                color: #fff
            }

        .page-body.skin-lemonade.login-page .login-form .login-footer .info-links {
            font-size: 11px;
            margin-top: 5px;
            color: #ffeec9
        }

            .page-body.skin-lemonade.login-page .login-form .login-footer .info-links a {
                color: #ffeec9
            }

                .page-body.skin-lemonade.login-page .login-form .login-footer .info-links a:hover {
                    color: #fff
                }

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

        .page-body.skin-lemonade.login-page .external-login a {
            display: block;
            color: #fff;
            background: #2c2e2f;
            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: #454849
            }

            .page-body.skin-lemonade.login-page .external-login a.facebook {
                background-color: #3b5998
            }

                .page-body.skin-lemonade.login-page .external-login a.facebook:hover {
                    background-color: #2d4373
                }

            .page-body.skin-lemonade.login-page .external-login a.twitter {
                background-color: #55acee
            }

                .page-body.skin-lemonade.login-page .external-login a.twitter:hover {
                    background-color: #2795e9
                }

            .page-body.skin-lemonade.login-page .external-login a.gplus {
                background-color: #dd4b39
            }

                .page-body.skin-lemonade.login-page .external-login a.gplus:hover {
                    background-color: #c23321
                }

    .page-body.skin-lemonade.login-page.login-light {
        background: #eee
    }

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

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

        .page-body.skin-lemonade.login-page.login-light .login-form {
            background: #fff;
            color: #979898
        }

            .page-body.skin-lemonade.login-page.login-light .login-form .login-footer a {
                color: #68b828
            }

                .page-body.skin-lemonade.login-page.login-light .login-form .login-footer a:hover {
                    color: #508e1f
                }

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

                .page-body.skin-lemonade.login-page.login-light .login-form .login-footer .info-links a:hover {
                    color: #979898
                }

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

        .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: 0;
            padding-right: 0
        }

        .page-body.skin-lemonade.login-page .row {
            margin: 0
        }
}

.page-body.skin-lemonade.lockscreen-page {
    background: #f5c150
}

    .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group p {
        color: #ffeec9
    }

    .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group h3 {
        color: #ffeec9
    }

    .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
        border: 1px solid #ffcf67;
        color: #fff
    }

        .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5);
            opacity: 1
        }

        .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,.5)
        }

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

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

        .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder {
            color: rgba(255,255,255,.5)
        }

        .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
            color: rgba(255,255,255,.5)
        }

        .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,.5)
        }

    .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
        color: #fff;
        border: 1px solid #ffcf67
    }

        .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,.3)
        }

.page-body.skin-lemonade.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #ffcf67;
    -webkit-box-shadow: 0 0 0 10px #ffcf67,0 -10px 0 10px #ffcf67,0 -20px 0 10px #ffcf67,0 -30px 0 10px #ffcf67;
    -moz-box-shadow: 0 0 0 10px #ffcf67,0 -10px 0 10px #ffcf67,0 -20px 0 10px #ffcf67,0 -30px 0 10px #ffcf67;
    box-shadow: 0 0 0 10px #ffcf67,0 -10px 0 10px #ffcf67,0 -20px 0 10px #ffcf67,0 -30px 0 10px #ffcf67
}

.page-body.skin-lemonade .sidebar-user-info {
    background-color: #f4b838;
    border-bottom-color: #ffcf67
}

    .page-body.skin-lemonade .sidebar-user-info .user-profile span {
        color: #ffeec9
    }

        .page-body.skin-lemonade .sidebar-user-info .user-profile span strong {
            color: #fff
        }

    .page-body.skin-lemonade .sidebar-user-info .user-links {
        border-top-color: #ffcf67
    }

        .page-body.skin-lemonade .sidebar-user-info .user-links li a {
            color: #ffeec9
        }

            .page-body.skin-lemonade .sidebar-user-info .user-links li a:hover {
                color: #fff;
                background-color: rgba(255,207,103,.25)
            }

        .page-body.skin-lemonade .sidebar-user-info .user-links li.active a {
            color: #fff;
            background-color: rgba(255,207,103,.25)
        }

        .page-body.skin-lemonade .sidebar-user-info .user-links li + li a {
            border-left-color: #ffcf67
        }

@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: #27292a
    }

    .sidebar-menu.collapsed .page-body.skin-lemonade .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a
    }
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu {
    background: #558c89;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #ececea
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #ececea
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #ececea
    }

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

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #5f9a97
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #5f9a97
    }

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #ececea
        }

            .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #6da5a2
            }

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #558c89
        }

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #ececea
        }

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #6da5a2;
            border-top: 1px solid #77aba8;
            border-bottom: 1px solid #77aba8
        }

            .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #649f9c;
                border-top-color: #6aa3a0;
                border-bottom-color: #6aa3a0
            }

                .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #6aa3a0
                }

                .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #6aa3a0;
                    border-top-color: #6aa3a0;
                    border-bottom-color: #6aa3a0
                }

                    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #6aa3a0
                    }
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #5f9a97
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #ececea
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #5f9a97;
        color: #fff
    }

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #5f9a97
    }

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #5f9a97;
    border-color: #6da5a2;
    color: #ececea
}

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #5f9a97
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #5f9a97
}

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #ececea
}

    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #5f9a97;
    border-color: #5f9a97
}

.page-body.horizontal-menu-skin-aero .page-loading-overlay {
    background-color: #558c89
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu {
        background: #558c89;
        color: #ececea
    }

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #ececea;
            border-color: #5f9a97
        }

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

        .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #ececea
        }

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

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu {
    background: #2c3e50;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #a7bfd6
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #a7bfd6
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #a7bfd6
    }

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

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #34495e
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #34495e
    }

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #a7bfd6
        }

            .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #3d566e
            }

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #2c3e50
        }

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #a7bfd6
        }

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #3d566e;
            border-top: 1px solid #435d78;
            border-bottom: 1px solid #435d78
        }

            .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #384e65;
                border-top-color: #3b536b;
                border-bottom-color: #3b536b
            }

                .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #3b536b
                }

                .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #3b536b;
                    border-top-color: #3b536b;
                    border-bottom-color: #3b536b
                }

                    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #3b536b
                    }
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #34495e
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #a7bfd6
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #34495e;
        color: #fff
    }

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #34495e
    }

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #34495e;
    border-color: #3d566e;
    color: #a7bfd6
}

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #34495e
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #34495e
}

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #a7bfd6
}

    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #34495e;
    border-color: #34495e
}

.page-body.horizontal-menu-skin-navy .page-loading-overlay {
    background-color: #2c3e50
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu {
        background: #2c3e50;
        color: #a7bfd6
    }

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #a7bfd6;
            border-color: #34495e
        }

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

        .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #a7bfd6
        }

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

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu {
    background: #3b5998;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #8b9dc3
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #8b9dc3
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #8b9dc3
    }

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

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #4160a0
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #4160a0
    }

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #8b9dc3
        }

            .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #486bb2
            }

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #3b5998
        }

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #8b9dc3
        }

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #486bb2;
            border-top: 1px solid #5173b8;
            border-bottom: 1px solid #5173b8
        }

            .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #4464a7;
                border-top-color: #4769af;
                border-bottom-color: #4769af
            }

                .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #4769af
                }

                .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #4769af;
                    border-top-color: #4769af;
                    border-bottom-color: #4769af
                }

                    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #4769af
                    }
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #4160a0
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #8b9dc3
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #4160a0;
        color: #fff
    }

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #4160a0
    }

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #4160a0;
    border-color: #486bb2;
    color: #8b9dc3
}

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #4160a0
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #4160a0
}

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #8b9dc3
}

    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #4160a0;
    border-color: #4160a0
}

.page-body.horizontal-menu-skin-facebook .page-loading-overlay {
    background-color: #3b5998
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu {
        background: #3b5998;
        color: #8b9dc3
    }

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #8b9dc3;
            border-color: #4160a0
        }

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

        .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #8b9dc3
        }

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

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu {
    background: #16a085;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #96ead9
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #96ead9
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #96ead9
    }

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

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #1daf92
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #1daf92
    }

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #96ead9
        }

            .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #21c5a4
            }

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #16a085
        }

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #96ead9
        }

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #21c5a4;
            border-top: 1px solid #23d2af;
            border-bottom: 1px solid #23d2af
        }

            .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #1eb899;
                border-top-color: #20c1a1;
                border-bottom-color: #20c1a1
            }

                .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #20c1a1
                }

                .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #20c1a1;
                    border-top-color: #20c1a1;
                    border-bottom-color: #20c1a1
                }

                    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #20c1a1
                    }
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #1daf92
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #96ead9
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #1daf92;
        color: #fff
    }

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #1daf92
    }

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #1daf92;
    border-color: #21c5a4;
    color: #96ead9
}

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #1daf92
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #1daf92
}

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #96ead9
}

    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #1daf92;
    border-color: #1daf92
}

.page-body.horizontal-menu-skin-turquoise .page-loading-overlay {
    background-color: #16a085
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu {
        background: #16a085;
        color: #96ead9
    }

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #96ead9;
            border-color: #1daf92
        }

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

        .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #96ead9
        }

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

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu {
    background: #8cc657;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #fff
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #fff
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #fff
    }

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

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #95cd62
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #95cd62
    }

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #fff
        }

            .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #a2d375
            }

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #8cc657
        }

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #fff
        }

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #a2d375;
            border-top: 1px solid #aad781;
            border-bottom: 1px solid #aad781
        }

            .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #9acf6a;
                border-top-color: #9fd271;
                border-bottom-color: #9fd271
            }

                .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #9fd271
                }

                .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #9fd271;
                    border-top-color: #9fd271;
                    border-bottom-color: #9fd271
                }

                    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #9fd271
                    }
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #95cd62
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #fff
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #95cd62;
        color: #fff
    }

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #95cd62
    }

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #95cd62;
    border-color: #a2d375;
    color: #fff
}

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #95cd62
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #95cd62
}

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #fff
}

    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #95cd62;
    border-color: #95cd62
}

.page-body.horizontal-menu-skin-lime .page-loading-overlay {
    background-color: #8cc657
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu {
        background: #8cc657;
        color: #fff
    }

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #fff;
            border-color: #95cd62
        }

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

        .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #fff
        }

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

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu {
    background: #27ae60;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #a2f9c7
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #a2f9c7
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #a2f9c7
    }

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

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #2fbd6b
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #2fbd6b
    }

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #a2f9c7
        }

            .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #38ce77
            }

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #27ae60
        }

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #a2f9c7
        }

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #38ce77;
            border-top: 1px solid #44d180;
            border-bottom: 1px solid #44d180
        }

            .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #31c570;
                border-top-color: #34cc74;
                border-bottom-color: #34cc74
            }

                .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #34cc74
                }

                .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #34cc74;
                    border-top-color: #34cc74;
                    border-bottom-color: #34cc74
                }

                    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #34cc74
                    }
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #2fbd6b
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #a2f9c7
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #2fbd6b;
        color: #fff
    }

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #2fbd6b
    }

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #2fbd6b;
    border-color: #38ce77;
    color: #a2f9c7
}

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #2fbd6b
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #2fbd6b
}

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #a2f9c7
}

    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #2fbd6b;
    border-color: #2fbd6b
}

.page-body.horizontal-menu-skin-green .page-loading-overlay {
    background-color: #27ae60
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu {
        background: #27ae60;
        color: #a2f9c7
    }

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #a2f9c7;
            border-color: #2fbd6b
        }

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

        .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #a2f9c7
        }

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

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu {
    background: #795b95;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #c2afd4
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #c2afd4
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #c2afd4
    }

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

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

        .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: #81629f
        }

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #81629f
    }

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #c2afd4
        }

            .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #8e72a9
            }

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #795b95
        }

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #c2afd4
        }

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #8e72a9;
            border-top: 1px solid #957bae;
            border-bottom: 1px solid #957bae
        }

            .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #8668a3;
                border-top-color: #8b6fa7;
                border-bottom-color: #8b6fa7
            }

                .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #8b6fa7
                }

                .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #8b6fa7;
                    border-top-color: #8b6fa7;
                    border-bottom-color: #8b6fa7
                }

                    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #8b6fa7
                    }
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #81629f
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #c2afd4
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #81629f;
        color: #fff
    }

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #81629f
    }

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #81629f;
    border-color: #8e72a9;
    color: #c2afd4
}

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

    .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: #81629f
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #81629f
}

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #c2afd4
}

    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #81629f;
    border-color: #81629f
}

.page-body.horizontal-menu-skin-purple .page-loading-overlay {
    background-color: #795b95
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu {
        background: #795b95;
        color: #c2afd4
    }

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #c2afd4;
            border-color: #81629f
        }

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

        .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #c2afd4
        }

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

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #666
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #666
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #95cd62
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #666
    }

    .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: #95cd62
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

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

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #eee
    }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #666
        }

            .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #fbfbfb
            }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #95cd62;
            background: #fff
        }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #666
        }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #fbfbfb;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff
        }

            .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #f3f3f3;
                border-top-color: #f8f8f8;
                border-bottom-color: #f8f8f8
            }

                .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #f8f8f8
                }

                .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #f8f8f8;
                    border-top-color: #f8f8f8;
                    border-bottom-color: #f8f8f8
                }

                    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #f8f8f8
                    }
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #eee
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #666
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #eee;
        color: #95cd62
    }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #95cd62
        }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #eee
    }

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #95cd62
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #eee;
    border-color: #fbfbfb;
    color: #666
}

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #95cd62
    }

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

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #eee
}

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #666
}

    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #95cd62
    }

.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #eee;
    border-color: #eee
}

.page-body.horizontal-menu-skin-white .page-loading-overlay {
    background-color: #fff
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu {
        background: #fff;
        color: #666
    }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #666;
            border-color: #eee
        }

            .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: #95cd62
            }

        .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #666
        }

            .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: #95cd62
            }
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu {
    background: #a8aba2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #666
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #666
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #a40f37
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #666
    }

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

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

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

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #b8bbb3
    }

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #666
        }

            .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #c5c7c0
            }

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #a40f37;
            background: #a8aba2
        }

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #666
        }

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #c5c7c0;
            border-top: 1px solid #cccec9;
            border-bottom: 1px solid #cccec9
        }

            .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #bdc0b8;
                border-top-color: #c2c5be;
                border-bottom-color: #c2c5be
            }

                .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #c2c5be
                }

                .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #c2c5be;
                    border-top-color: #c2c5be;
                    border-bottom-color: #c2c5be
                }

                    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #c2c5be
                    }
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #b8bbb3
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #666
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #b8bbb3;
        color: #a40f37
    }

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #a40f37
        }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #b8bbb3
    }

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #a40f37
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #b8bbb3;
    border-color: #c5c7c0;
    color: #666
}

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #a40f37
    }

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

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #b8bbb3
}

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #666
}

    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #a40f37
    }

.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #b8bbb3;
    border-color: #b8bbb3
}

.page-body.horizontal-menu-skin-concrete .page-loading-overlay {
    background-color: #a8aba2
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu {
        background: #a8aba2;
        color: #666
    }

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #666;
            border-color: #b8bbb3
        }

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

        .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #666
        }

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

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu {
    background: #b63131;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #f7b2b2
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #f7b2b2
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #f7b2b2
    }

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

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

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

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #c03737
    }

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #f7b2b2
        }

            .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #ca4646
            }

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #b63131
        }

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #f7b2b2
        }

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #ca4646;
            border-top: 1px solid #ce5252;
            border-bottom: 1px solid #ce5252
        }

            .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #c73a3a;
                border-top-color: #c94242;
                border-bottom-color: #c94242
            }

                .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #c94242
                }

                .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #c94242;
                    border-top-color: #c94242;
                    border-bottom-color: #c94242
                }

                    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #c94242
                    }
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #c03737
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #f7b2b2
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #c03737;
        color: #fff
    }

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #c03737
    }

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #c03737;
    border-color: #ca4646;
    color: #f7b2b2
}

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

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

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #c03737
}

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #f7b2b2
}

    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #c03737;
    border-color: #c03737
}

.page-body.horizontal-menu-skin-watermelon .page-loading-overlay {
    background-color: #b63131
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu {
        background: #b63131;
        color: #f7b2b2
    }

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #f7b2b2;
            border-color: #c03737
        }

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

        .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #f7b2b2
        }

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

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu {
    background: #f5c150;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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: #ffeec9
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #ffeec9
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff
}

@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 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #ffeec9
    }

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

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
        border: 0
    }

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

            .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;
            -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
            box-shadow: 0 2px 8px rgba(0,1,1,.05)
        }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #ffcf67
    }

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            color: #ffeec9
        }

            .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background: #ffd781
            }

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
            color: #fff;
            background: #f5c150
        }

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {
            color: #ffeec9
        }

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {
            background: #ffd781;
            border-top: 1px solid #ffdc90;
            border-bottom: 1px solid #ffdc90
        }

            .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {
                background: #ffd271;
                border-top-color: #ffd57b;
                border-bottom-color: #ffd57b
            }

                .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {
                    background-color: #ffd57b
                }

                .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {
                    background: #ffd57b;
                    border-top-color: #ffd57b;
                    border-bottom-color: #ffd57b
                }

                    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {
                        background-color: #ffd57b
                    }
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li:hover {
    background: #ffcf67
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li i {
    color: #ffeec9
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a {
    border: 0
}

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {
        background: #ffcf67;
        color: #fff
    }

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {
            color: #fff
        }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {
        background: #68b828
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus {
        background: #ffcf67
    }

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {
        background-color: #7c38bc
    }

.chat-open .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle=chat] i {
    color: #fff
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {
    background-color: #ffcf67;
    border-color: #ffd781;
    color: #ffeec9
}

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {
        color: #fff
    }

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

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {
    background-color: #ffcf67
}

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    color: #ffeec9
}

    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover {
        color: #fff
    }

.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
    background-color: #ffcf67;
    border-color: #ffcf67
}

.page-body.horizontal-menu-skin-lemonade .page-loading-overlay {
    background-color: #f5c150
}

@media screen and (max-width:768px) {
    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu {
        background: #f5c150;
        color: #ffeec9
    }

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .navbar-nav a {
            color: #ffeec9;
            border-color: #ffcf67
        }

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

        .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {
            color: #ffeec9
        }

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

.page-body.user-info-navbar-skin-aero .user-info-navbar {
    background-color: #558c89
}

    .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #ececea
        }

        .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li > a {
            color: #ececea;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #5f9a97;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #5f9a97;
            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: #ececea
            }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #6da5a2
                }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #ececea
            }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #ececea;
                border-bottom: 1px solid #6da5a2
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #6da5a2
            }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #ececea;
                background-color: #6da5a2
            }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #6da5a2
            }

            .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: #8dc63f
            }

            .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: #5f9a97;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #ececea;
                border-bottom: 1px solid #6da5a2
            }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #6da5a2
            }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #6da5a2
                }

                .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-navy .user-info-navbar {
    background-color: #2c3e50
}

    .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #a7bfd6
        }

        .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li > a {
            color: #a7bfd6;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #34495e;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #34495e;
            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: #a7bfd6
            }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #3d566e
                }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #a7bfd6
            }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #a7bfd6;
                border-bottom: 1px solid #3d566e
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #3d566e
            }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #a7bfd6;
                background-color: #3d566e
            }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #3d566e
            }

            .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: #8dc63f
            }

            .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: #34495e;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #a7bfd6;
                border-bottom: 1px solid #3d566e
            }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #3d566e
            }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #3d566e
                }

                .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-facebook .user-info-navbar {
    background-color: #3b5998
}

    .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #8b9dc3
        }

        .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li > a {
            color: #8b9dc3;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

        .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: #8b9dc3
        }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #4160a0;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #4160a0;
            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: #8b9dc3
            }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #486bb2
                }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #8b9dc3
            }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #8b9dc3;
                border-bottom: 1px solid #486bb2
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #486bb2
            }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #8b9dc3;
                background-color: #486bb2
            }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #486bb2
            }

            .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: #8dc63f
            }

            .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: #4160a0;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #8b9dc3;
                border-bottom: 1px solid #486bb2
            }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #486bb2
            }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #486bb2
                }

                .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-turquoise .user-info-navbar {
    background-color: #16a085
}

    .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #96ead9
        }

        .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li > a {
            color: #96ead9;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

        .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: #96ead9
        }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #1daf92;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #1daf92;
            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: #96ead9
            }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #21c5a4
                }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #96ead9
            }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #96ead9;
                border-bottom: 1px solid #21c5a4
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #21c5a4
            }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #96ead9;
                background-color: #21c5a4
            }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #21c5a4
            }

            .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: #8dc63f
            }

            .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: #1daf92;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #96ead9;
                border-bottom: 1px solid #21c5a4
            }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #21c5a4
            }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #21c5a4
                }

                .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-lime .user-info-navbar {
    background-color: #8cc657
}

    .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #fff
        }

        .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > a {
            color: #fff;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #95cd62;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #95cd62;
            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: #fff
            }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #a2d375
                }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #fff
            }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #fff;
                border-bottom: 1px solid #a2d375
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #a2d375
            }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #fff;
                background-color: #a2d375
            }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #a2d375
            }

            .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: #8dc63f
            }

            .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: #95cd62;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #fff;
                border-bottom: 1px solid #a2d375
            }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #a2d375
            }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #a2d375
                }

                .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-green .user-info-navbar {
    background-color: #27ae60
}

    .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #a2f9c7
        }

        .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li > a {
            color: #a2f9c7;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #2fbd6b;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #2fbd6b;
            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: #a2f9c7
            }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #38ce77
                }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #a2f9c7
            }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #a2f9c7;
                border-bottom: 1px solid #38ce77
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #38ce77
            }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #a2f9c7;
                background-color: #38ce77
            }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #38ce77
            }

            .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: #8dc63f
            }

            .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: #2fbd6b;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #a2f9c7;
                border-bottom: 1px solid #38ce77
            }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #38ce77
            }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #38ce77
                }

                .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-purple .user-info-navbar {
    background-color: #795b95
}

    .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #c2afd4
        }

        .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li > a {
            color: #c2afd4;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #81629f;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #81629f;
            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: #c2afd4
            }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #8e72a9
                }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #c2afd4
            }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #c2afd4;
                border-bottom: 1px solid #8e72a9
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #8e72a9
            }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #c2afd4;
                background-color: #8e72a9
            }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #8e72a9
            }

            .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: #8dc63f
            }

            .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: #81629f;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #c2afd4;
                border-bottom: 1px solid #8e72a9
            }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #8e72a9
            }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #8e72a9
                }

                .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-white .user-info-navbar {
    background-color: #fff
}

    .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #666
        }

        .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li > a {
            color: #666;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li > a:hover {
                color: #95cd62
            }

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

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #95cd62
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #eee;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #95cd62
            }

        .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: #95cd62
            }

        .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #eee;
            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: #666
            }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #fbfbfb
                }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #95cd62
                }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #95cd62
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #666
            }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #95cd62
                }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #666;
                border-bottom: 1px solid #fbfbfb
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #fbfbfb
            }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #666;
                background-color: #fbfbfb
            }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #95cd62
                }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #fbfbfb
            }

            .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: #8dc63f
            }

            .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: #eee;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #666;
                border-bottom: 1px solid #fbfbfb
            }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #95cd62
                }

            .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #fbfbfb
            }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #fbfbfb
                }

                .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-concrete .user-info-navbar {
    background-color: #a8aba2
}

    .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #666
        }

        .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li > a {
            color: #666;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li > a:hover {
                color: #a40f37
            }

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

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #a40f37
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #b8bbb3;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #a40f37
            }

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

        .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #b8bbb3;
            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: #666
            }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #c5c7c0
                }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #a40f37
                }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #a40f37
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #666
            }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #a40f37
                }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #666;
                border-bottom: 1px solid #c5c7c0
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #c5c7c0
            }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #666;
                background-color: #c5c7c0
            }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #a40f37
                }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #c5c7c0
            }

            .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: #8dc63f
            }

            .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: #b8bbb3;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #666;
                border-bottom: 1px solid #c5c7c0
            }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #a40f37
                }

            .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #c5c7c0
            }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #c5c7c0
                }

                .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-watermelon .user-info-navbar {
    background-color: #b63131
}

    .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #f7b2b2
        }

        .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li > a {
            color: #f7b2b2;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #c03737;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #c03737;
            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: #f7b2b2
            }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #ca4646
                }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #f7b2b2
            }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #f7b2b2;
                border-bottom: 1px solid #ca4646
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #ca4646
            }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #f7b2b2;
                background-color: #ca4646
            }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #ca4646
            }

            .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: #8dc63f
            }

            .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: #c03737;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #f7b2b2;
                border-bottom: 1px solid #ca4646
            }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #ca4646
            }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #ca4646
                }

                .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }

.page-body.user-info-navbar-skin-lemonade .user-info-navbar {
    background-color: #f5c150
}

    .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li {
        border: 0 solid transparent
    }

        .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.hover-line:before {
            background: #ffeec9
        }

        .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li > a {
            color: #ffeec9;
            border-bottom: 1px solid transparent
        }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li > a:hover {
                color: #fff
            }

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

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .btn:hover {
                color: #fff
            }

            .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 {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field {
            border: 1px solid #ffcf67;
            background: #f3f3f3
        }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898;
                opacity: 1
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder {
                color: #979898
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn {
                color: #fff
            }

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

        .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu {
            background: #ffcf67;
            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: #ffeec9
            }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after {
                    background: #ffd781
                }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a {
                color: #fff
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .top a {
                color: #ffeec9
            }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .top p {
                color: #ffeec9;
                border-bottom: 1px solid #ffd781
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after {
                background-color: #ffd781
            }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .external a {
                color: #ffeec9;
                background-color: #ffd781
            }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after {
                background-color: #ffd781
            }

            .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: #8dc63f
            }

            .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: #ffcf67;
                    color: #FFF
                }

                .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: #FFF;
                    color: #444;
                    -webkit-box-shadow: 0 0 0 1px #eee;
                    -moz-box-shadow: 0 0 0 1px #eee;
                    box-shadow: 0 0 0 1px #eee
                }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
                color: #ffeec9;
                border-bottom: 1px solid #ffd781
            }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
                    color: #fff
                }

            .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last {
                background: #ffd781
            }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after {
                    background: #ffd781
                }

                .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a {
                    border-bottom: 0
                }