.page-body .btn-primary { background: #0078b7 }
.page-body .btn-primary:hover {
    background: #00679e;
    border-color: #00679e;
}
.page-body .btn-primary:active, .page-body .btn-primary:focus { background: #385c5a; border-color: #385c5a; }
.page-body .btn.btn-secondary { background-color: #255e5b; color: #ffffff; }
.page-body .btn.btn-secondary:hover { background-color: #1e4c49; text-color: #ffffff; }
.page-body .btn.btn-secondary:active, .page-body .btn.btn-secondary:focus { background-color: #1e4c49; border-color: #1b4442; }
.page-body .settings-pane { background: #007ec6; color: #ececea; }
.page-body .settings-pane > a[data-toggle="settings-pane"] { color: #ececea }
.page-body .settings-pane > a[data-toggle="settings-pane"]:hover { color: #FFF }
.page-body .settings-pane .user-info .user-details h3 a { color: #ffffff }
.page-body .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body .settings-pane .links-block.left-sep { border-left: 1px solid #0078b7 }
.page-body .settings-pane .links-block h4 { color: #ffffff }
.page-body .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #007ec6; }
.page-body .settingsF-pane .links-block h4 a { color: #ffffff }
.page-body .settings-pane .links-block h4 a:hover { color: #ececea }
.page-body .settings-pane .links-block ul li a { color: #ececea }
.page-body .settings-pane .links-block ul li a:hover { color: #ffffff }
.page-body .sidebar-menu { background: #0078b7; height:100vh; }
.page-body .sidebar-menu .logo-env { border-bottom: 1px solid #007ec6 }
.page-body .sidebar-menu .logo-env .settings-icon a { color: #ececea }
.page-body .sidebar-menu .logo-env .settings-icon a:hover { color: #ffffff }
.page-body .sidebar-menu .main-menu a { color: #ececea; border-bottom: 1px solid #007ec6; }
.page-body .sidebar-menu .main-menu a:hover { color: #ffffff }
.page-body .sidebar-menu .main-menu li.active > a { color: #ffffff }
.page-body .sidebar-menu .main-menu li.has-sub > a:before { color: #acccca }
.page-body .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #ffffff }
@media screen and (min-width: 768px) { 
    .page-body .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] { color: #606161 }
    .page-body .sidebar-menu.collapsed .main-menu > li.active, .page-body .sidebar-menu.collapsed .main-menu > li li.active { background-color: #4f8280 }
    .page-body .sidebar-menu.collapsed .main-menu > li > ul { background: #0078b7 }
}
.page-body .page-loading-overlay { background-color: #0078b7 }
.page-body.login-page { background: #0078b7; color: #fff; }
.page-body.login-page .login-form .login-header .logo span { color: #ececea }
.page-body.login-page .login-form .login-header p { color: #ececea }
.page-body.login-page .login-form .form-group .control-label { color: #ececea }
.page-body.login-page .login-form .form-group .form-control.input-dark { background: #4b7c79; border: 1px solid transparent; color: #ececea; }
.page-body.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff; opacity: 1; }
.page-body.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.login-page .login-form .form-group .btn.btn-dark { border-color: #007ec6; background-color: #0078b7; color: #ffffff; }
.page-body.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(95, 154, 151, 0.3) }
.page-body.login-page .login-form .login-footer { margin-top: 45px }
.page-body.login-page .login-form .login-footer a { color: #ffffff }
.page-body.login-page .login-form .login-footer a:hover { color: #ffffff }
.page-body.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #ececea; }
.page-body.login-page .login-form .login-footer .info-links a { color: #ececea }
.page-body.login-page .login-form .login-footer .info-links a:hover { color: #ffffff }
.page-body.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px; }
.page-body.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px; }
.page-body.login-page .external-login a i { margin-right: 5px }
.page-body.login-page .external-login a:hover { background: #454849 }
.page-body.login-page .external-login a.facebook { background-color: #3b5998 }
.page-body.login-page .external-login a.facebook:hover { background-color: #2d4373 }
.page-body.login-page .external-login a.twitter { background-color: #55acee }
.page-body.login-page .external-login a.twitter:hover { background-color: #2795e9 }
.page-body.login-page .external-login a.gplus { background-color: #dd4b39 }
.page-body.login-page .external-login a.gplus:hover { background-color: #c23321 }
.page-body.login-page.login-light { background: #eeeeee }
.page-body.login-page.login-light .errors-container, .page-body.login-page.login-light .external-login { padding: 0 }
.page-body.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, 0.8) }
.page-body.login-page.login-light .login-form { background: #fff; color: #979898; }
.page-body.login-page.login-light .login-form .login-footer a { color: #68b828 }
.page-body.login-page.login-light .login-form .login-footer a:hover { color: #508e1f }
.page-body.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, 0.7) }
.page-body.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 }
@media screen and (max-width: 768px) { 
    .page-body.login-page { padding-top: 0 }
    .page-body.login-page .login-form, .page-body.login-page .errors-container, .page-body.login-page .external-login { padding-left: 10px; padding-right: 10px; }
    .page-body.login-page .errors-container { margin-top: 20px }
    .page-body.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px; }
    .page-body.login-page.login-light .errors-container, .page-body.login-page.login-light .external-login { padding-left: 0; padding-right: 0; }
    .page-body.login-page .row { margin: 0 }
}
.page-body.lockscreen-page { background: #0078b7 }
.page-body.lockscreen-page .lockcreen-form .form-group p { color: #ececea }
.page-body.lockscreen-page .lockcreen-form .form-group h3 { color: #ececea }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #007ec6; color: #ffffff; }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; border: 1px solid #007ec6; }
.page-body.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(95, 154, 151, 0.3) }
.page-body.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #007ec6; -webkit-box-shadow: 0px 0px 0px 10px #007ec6, 0px -10px 0px 10px #007ec6, 0px -20px 0px 10px #007ec6, 0px -30px 0px 10px #007ec6; -moz-box-shadow: 0px 0px 0px 10px #007ec6, 0px -10px 0px 10px #007ec6, 0px -20px 0px 10px #007ec6, 0px -30px 0px 10px #007ec6; box-shadow: 0px 0px 0px 10px #007ec6, 0px -10px 0px 10px #007ec6, 0px -20px 0px 10px #007ec6, 0px -30px 0px 10px #007ec6; }
.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: #ffffff; }
.page-body.skin-navy .btn.btn-secondary:hover { background-color: #ff3437; text-color: #ffffff; }
.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: #ffffff }
.page-body.skin-navy .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-navy .settings-pane .links-block.left-sep { border-left: 1px solid #2c3e50 }
.page-body.skin-navy .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.skin-navy .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #ffffff; opacity: 1; }
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-navy.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark { border-color: #34495e; background-color: #2c3e50; color: #ffffff; }
.page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(52, 73, 94, 0.3) }
.page-body.skin-navy.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-navy.login-page .login-form .login-footer a { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff; }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-navy.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #34495e; -webkit-box-shadow: 0px 0px 0px 10px #34495e, 0px -10px 0px 10px #34495e, 0px -20px 0px 10px #34495e, 0px -30px 0px 10px #34495e; -moz-box-shadow: 0px 0px 0px 10px #34495e, 0px -10px 0px 10px #34495e, 0px -20px 0px 10px #34495e, 0px -30px 0px 10px #34495e; box-shadow: 0px 0px 0px 10px #34495e, 0px -10px 0px 10px #34495e, 0px -20px 0px 10px #34495e, 0px -30px 0px 10px #34495e; }
.page-body.skin-facebook .btn-primary { background: #0078b7 }
.page-body.skin-facebook .btn-primary:hover { background: #01679c; border-color: #01679c; }
.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: #ffffff; }
.page-body.skin-facebook .btn.btn-secondary:hover { background-color: #7a8fba; text-color: #ffffff; }
.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: #00679e; 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: #ffffff }
.page-body.skin-facebook .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-facebook .settings-pane .links-block.left-sep { border-left: 1px solid #0078b7 }
.page-body.skin-facebook .settings-pane .links-block h4 { color: #ffffff }
.page-body.skin-facebook .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #00679e; }
.page-body.skin-facebook .settings-pane .links-block h4 a { color: #ffffff }
.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: #ffffff }
.page-body.skin-facebook .sidebar-menu { background: #0078B7 }
/*.page-body.skin-facebook .sidebar-menu .logo-env { border-bottom: 1px solid #00679e }*/
.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: #ffffff }
.page-body.skin-facebook .sidebar-menu .main-menu a { color: #fff; border-bottom: 1px solid #007ec6; /*font-size: 12px; */}
.page-body.skin-facebook .sidebar-menu .main-menu a:hover { color: #ffffff }
.page-body.skin-facebook .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #0078B7 }
}
.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: #ffffff; opacity: 1; }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-facebook.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark { border-color: #00679e; background-color: #3b5998; color: #ffffff; }
.page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(65, 96, 160, 0.3) }
.page-body.skin-facebook.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-facebook.login-page .login-form .login-footer a { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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 #00679e; color: #ffffff; }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; border: 1px solid #00679e; }
.page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(65, 96, 160, 0.3) }
.page-body.skin-facebook.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #00679e; -webkit-box-shadow: 0px 0px 0px 10px #00679e, 0px -10px 0px 10px #00679e, 0px -20px 0px 10px #00679e, 0px -30px 0px 10px #00679e; -moz-box-shadow: 0px 0px 0px 10px #00679e, 0px -10px 0px 10px #00679e, 0px -20px 0px 10px #00679e, 0px -30px 0px 10px #00679e; box-shadow: 0px 0px 0px 10px #00679e, 0px -10px 0px 10px #00679e, 0px -20px 0px 10px #00679e, 0px -30px 0px 10px #00679e; }
.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: #ffffff; }
.page-body.skin-turquoise .btn.btn-secondary:hover { background-color: #0c6755; text-color: #ffffff; }
.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: #ffffff }
.page-body.skin-turquoise .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-turquoise .settings-pane .links-block.left-sep { border-left: 1px solid #16a085 }
.page-body.skin-turquoise .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.skin-turquoise .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #ffffff; opacity: 1; }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-turquoise.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark { border-color: #1daf92; background-color: #16a085; color: #ffffff; }
.page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(29, 175, 146, 0.3) }
.page-body.skin-turquoise.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-turquoise.login-page .login-form .login-footer a { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff; }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-turquoise.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #1daf92; -webkit-box-shadow: 0px 0px 0px 10px #1daf92, 0px -10px 0px 10px #1daf92, 0px -20px 0px 10px #1daf92, 0px -30px 0px 10px #1daf92; -moz-box-shadow: 0px 0px 0px 10px #1daf92, 0px -10px 0px 10px #1daf92, 0px -20px 0px 10px #1daf92, 0px -30px 0px 10px #1daf92; box-shadow: 0px 0px 0px 10px #1daf92, 0px -10px 0px 10px #1daf92, 0px -20px 0px 10px #1daf92, 0px -30px 0px 10px #1daf92; }
.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: #ffffff; }
.page-body.skin-lime .btn.btn-secondary:hover { background-color: #649635; text-color: #ffffff; }
.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: #ffffff; }
.page-body.skin-lime .settings-pane > a[data-toggle="settings-pane"] { color: #ffffff }
.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: #ffffff }
.page-body.skin-lime .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-lime .settings-pane .links-block.left-sep { border-left: 1px solid #8cc657 }
.page-body.skin-lime .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.page-body.skin-lime .settings-pane .links-block h4 a:hover { color: #ffffff }
.page-body.skin-lime .settings-pane .links-block ul li a { color: #ffffff }
.page-body.skin-lime .settings-pane .links-block ul li a:hover { color: #ffffff }
.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: #ffffff }
.page-body.skin-lime .sidebar-menu .logo-env .settings-icon a:hover { color: #ffffff }
.page-body.skin-lime .sidebar-menu .main-menu a { color: #ffffff; border-bottom: 1px solid #95cd62; }
.page-body.skin-lime .sidebar-menu .main-menu a:hover { color: #ffffff }
.page-body.skin-lime .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #ffffff }
.page-body.skin-lime.login-page .login-form .login-header p { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .control-label { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark { background: #7fc044; border: 1px solid transparent; color: #ffffff; }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff; opacity: 1; }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-lime.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark { border-color: #95cd62; background-color: #8cc657; color: #ffffff; }
.page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(149, 205, 98, 0.3) }
.page-body.skin-lime.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-lime.login-page .login-form .login-footer a { color: #ffffff }
.page-body.skin-lime.login-page .login-form .login-footer a:hover { color: #ffffff }
.page-body.skin-lime.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #ffffff; }
.page-body.skin-lime.login-page .login-form .login-footer .info-links a { color: #ffffff }
.page-body.skin-lime.login-page .login-form .login-footer .info-links a:hover { color: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group h3 { color: #ffffff }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #95cd62; color: #ffffff; }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-lime.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #95cd62; -webkit-box-shadow: 0px 0px 0px 10px #95cd62, 0px -10px 0px 10px #95cd62, 0px -20px 0px 10px #95cd62, 0px -30px 0px 10px #95cd62; -moz-box-shadow: 0px 0px 0px 10px #95cd62, 0px -10px 0px 10px #95cd62, 0px -20px 0px 10px #95cd62, 0px -30px 0px 10px #95cd62; box-shadow: 0px 0px 0px 10px #95cd62, 0px -10px 0px 10px #95cd62, 0px -20px 0px 10px #95cd62, 0px -30px 0px 10px #95cd62; }
.page-body.skin-green .btn-primary { background: #27ae60 }
.page-body.skin-green .btn-primary:hover { background: #229955; border-color: #229955; }
.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: #ffffff; }
.page-body.skin-green .btn.btn-secondary:hover { background-color: #188044; text-color: #ffffff; }
.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: #ffffff }
.page-body.skin-green .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-green .settings-pane .links-block.left-sep { border-left: 1px solid #27ae60 }
.page-body.skin-green .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.skin-green .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #229955; border: 1px solid transparent; color: #a2f9c7; }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff; opacity: 1; }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-green.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-green.login-page .login-form .form-group .btn.btn-dark { border-color: #2fbd6b; background-color: #27ae60; color: #ffffff; }
.page-body.skin-green.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(47, 189, 107, 0.3) }
.page-body.skin-green.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-green.login-page .login-form .login-footer a { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff; }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-green.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #2fbd6b; -webkit-box-shadow: 0px 0px 0px 10px #2fbd6b, 0px -10px 0px 10px #2fbd6b, 0px -20px 0px 10px #2fbd6b, 0px -30px 0px 10px #2fbd6b; -moz-box-shadow: 0px 0px 0px 10px #2fbd6b, 0px -10px 0px 10px #2fbd6b, 0px -20px 0px 10px #2fbd6b, 0px -30px 0px 10px #2fbd6b; box-shadow: 0px 0px 0px 10px #2fbd6b, 0px -10px 0px 10px #2fbd6b, 0px -20px 0px 10px #2fbd6b, 0px -30px 0px 10px #2fbd6b; }
.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: #ffffff; }
.page-body.skin-purple .btn.btn-secondary:hover { background-color: #52356d; text-color: #ffffff; }
.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: #ffffff }
.page-body.skin-purple .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-purple .settings-pane .links-block.left-sep { border-left: 1px solid #795b95 }
.page-body.skin-purple .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.skin-purple .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #ffffff; opacity: 1; }
.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-purple.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark { border-color: #81629f; background-color: #795b95; color: #ffffff; }
.page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(129, 98, 159, 0.3) }
.page-body.skin-purple.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-purple.login-page .login-form .login-footer a { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff; }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-purple.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #81629f; -webkit-box-shadow: 0px 0px 0px 10px #81629f, 0px -10px 0px 10px #81629f, 0px -20px 0px 10px #81629f, 0px -30px 0px 10px #81629f; -moz-box-shadow: 0px 0px 0px 10px #81629f, 0px -10px 0px 10px #81629f, 0px -20px 0px 10px #81629f, 0px -30px 0px 10px #81629f; box-shadow: 0px 0px 0px 10px #81629f, 0px -10px 0px 10px #81629f, 0px -20px 0px 10px #81629f, 0px -30px 0px 10px #81629f; }
.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: #555555; color: #ffffff; }
.page-body.skin-white .btn.btn-secondary:hover { background-color: #484848; text-color: #ffffff; }
.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: #eeeeee; color: #666666; }
.page-body.skin-white .settings-pane > a[data-toggle="settings-pane"] { color: #666666 }
.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, 0.65) }
.page-body.skin-white .settings-pane .links-block.left-sep { border-left: 1px solid #ffffff }
.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 #eeeeee; }
.page-body.skin-white .settings-pane .links-block h4 a { color: #95cd62 }
.page-body.skin-white .settings-pane .links-block h4 a:hover { color: #666666 }
.page-body.skin-white .settings-pane .links-block ul li a { color: #666666 }
.page-body.skin-white .settings-pane .links-block ul li a:hover { color: #95cd62 }
.page-body.skin-white .sidebar-menu { background: #ffffff }
.page-body.skin-white .sidebar-menu .logo-env { border-bottom: 1px solid #eeeeee }
.page-body.skin-white .sidebar-menu .logo-env .settings-icon a { color: #666666 }
.page-body.skin-white .sidebar-menu .logo-env .settings-icon a:hover { color: #95cd62 }
.page-body.skin-white .sidebar-menu .main-menu a { color: #666666; border-bottom: 1px solid #eeeeee; }
.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: #ffffff }
.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: #eeeeee }
@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: #ffffff }
}
.page-body.skin-white .page-loading-overlay { background-color: #ffffff }
.page-body.skin-white.login-page { background: #ffffff; color: #fff; }
.page-body.skin-white.login-page .login-form .login-header .logo span { color: #666666 }
.page-body.skin-white.login-page .login-form .login-header p { color: #666666 }
.page-body.skin-white.login-page .login-form .form-group .control-label { color: #666666 }
.page-body.skin-white.login-page .login-form .form-group .form-control.input-dark { background: #f2f2f2; border: 1px solid transparent; color: #666666; }
.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, 0.5) }
.page-body.skin-white.login-page .login-form .form-group .btn.btn-dark { border-color: #eeeeee; background-color: #ffffff; color: #95cd62; }
.page-body.skin-white.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(238, 238, 238, 0.3) }
.page-body.skin-white.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-white.login-page .login-form .login-footer a { color: #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: #666666; }
.page-body.skin-white.login-page .login-form .login-footer .info-links a { color: #666666 }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group p { color: #666666 }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group h3 { color: #666666 }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #eeeeee; color: #95cd62; }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(149, 205, 98, 0.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, 0.5) }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(149, 205, 98, 0.5) }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(149, 205, 98, 0.5) }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(149, 205, 98, 0.5) }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(149, 205, 98, 0.5) }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(149, 205, 98, 0.5) }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #95cd62; border: 1px solid #eeeeee; }
.page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(238, 238, 238, 0.3) }
.page-body.skin-white.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #eeeeee; -webkit-box-shadow: 0px 0px 0px 10px #eeeeee, 0px -10px 0px 10px #eeeeee, 0px -20px 0px 10px #eeeeee, 0px -30px 0px 10px #eeeeee; -moz-box-shadow: 0px 0px 0px 10px #eeeeee, 0px -10px 0px 10px #eeeeee, 0px -20px 0px 10px #eeeeee, 0px -30px 0px 10px #eeeeee; box-shadow: 0px 0px 0px 10px #eeeeee, 0px -10px 0px 10px #eeeeee, 0px -20px 0px 10px #eeeeee, 0px -30px 0px 10px #eeeeee; }
.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: #ffffff; }
.page-body.skin-concrete .btn.btn-secondary:hover { background-color: #252525; text-color: #ffffff; }
.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: #666666; }
.page-body.skin-concrete .settings-pane > a[data-toggle="settings-pane"] { color: #666666 }
.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, 0.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: #666666 }
.page-body.skin-concrete .settings-pane .links-block ul li a { color: #666666 }
.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: #666666 }
.page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a:hover { color: #a40f37 }
.page-body.skin-concrete .sidebar-menu .main-menu a { color: #666666; 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: #ffffff }
@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: #666666 }
.page-body.skin-concrete.login-page .login-form .login-header p { color: #666666 }
.page-body.skin-concrete.login-page .login-form .form-group .control-label { color: #666666 }
.page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark { background: #9b9f95; border: 1px solid transparent; color: #666666; }
.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, 0.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, 0.3) }
.page-body.skin-concrete.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-concrete.login-page .login-form .login-footer a { color: #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: #666666; }
.page-body.skin-concrete.login-page .login-form .login-footer .info-links a { color: #666666 }
.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: #eeeeee }
.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, 0.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, 0.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: #666666 }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group h3 { color: #666666 }
.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, 0.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, 0.5) }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(164, 15, 55, 0.5) }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(164, 15, 55, 0.5) }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(164, 15, 55, 0.5) }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(164, 15, 55, 0.5) }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(164, 15, 55, 0.5) }
.page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #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, 0.3) }
.page-body.skin-concrete.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #b8bbb3; -webkit-box-shadow: 0px 0px 0px 10px #b8bbb3, 0px -10px 0px 10px #b8bbb3, 0px -20px 0px 10px #b8bbb3, 0px -30px 0px 10px #b8bbb3; -moz-box-shadow: 0px 0px 0px 10px #b8bbb3, 0px -10px 0px 10px #b8bbb3, 0px -20px 0px 10px #b8bbb3, 0px -30px 0px 10px #b8bbb3; box-shadow: 0px 0px 0px 10px #b8bbb3, 0px -10px 0px 10px #b8bbb3, 0px -20px 0px 10px #b8bbb3, 0px -30px 0px 10px #b8bbb3; }
.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: #ffffff; }
.page-body.skin-watermelon .btn.btn-secondary:hover { background-color: #2b8028; text-color: #ffffff; }
.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: #ffffff }
.page-body.skin-watermelon .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-watermelon .settings-pane .links-block.left-sep { border-left: 1px solid #b63131 }
.page-body.skin-watermelon .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.skin-watermelon .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #ffffff; opacity: 1; }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-watermelon.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark { border-color: #c03737; background-color: #b63131; color: #ffffff; }
.page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(192, 55, 55, 0.3) }
.page-body.skin-watermelon.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-watermelon.login-page .login-form .login-footer a { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff; }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-watermelon.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #c03737; -webkit-box-shadow: 0px 0px 0px 10px #c03737, 0px -10px 0px 10px #c03737, 0px -20px 0px 10px #c03737, 0px -30px 0px 10px #c03737; -moz-box-shadow: 0px 0px 0px 10px #c03737, 0px -10px 0px 10px #c03737, 0px -20px 0px 10px #c03737, 0px -30px 0px 10px #c03737; box-shadow: 0px 0px 0px 10px #c03737, 0px -10px 0px 10px #c03737, 0px -20px 0px 10px #c03737, 0px -30px 0px 10px #c03737; }
.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: #ffffff; }
.page-body.skin-lemonade .btn.btn-secondary:hover { background-color: #d59f2b; text-color: #ffffff; }
.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: #ffffff }
.page-body.skin-lemonade .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, 0.65) }
.page-body.skin-lemonade .settings-pane .links-block.left-sep { border-left: 1px solid #f5c150 }
.page-body.skin-lemonade .settings-pane .links-block h4 { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.skin-lemonade .sidebar-menu .main-menu li.active > a { color: #ffffff }
.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: #ffffff }
@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: #ffffff; opacity: 1; }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, 0.5) }
.page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark { border-color: #ffcf67; background-color: #f5c150; color: #ffffff; }
.page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(255, 207, 103, 0.3) }
.page-body.skin-lemonade.login-page .login-form .login-footer { margin-top: 45px }
.page-body.skin-lemonade.login-page .login-form .login-footer a { color: #ffffff }
.page-body.skin-lemonade.login-page .login-form .login-footer a:hover { color: #ffffff }
.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: #ffffff }
.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: #eeeeee }
.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, 0.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, 0.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: #ffffff; }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.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, 0.5) }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
.page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #ffffff; 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, 0.3) }
.page-body.skin-lemonade.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #ffcf67; -webkit-box-shadow: 0px 0px 0px 10px #ffcf67, 0px -10px 0px 10px #ffcf67, 0px -20px 0px 10px #ffcf67, 0px -30px 0px 10px #ffcf67; -moz-box-shadow: 0px 0px 0px 10px #ffcf67, 0px -10px 0px 10px #ffcf67, 0px -20px 0px 10px #ffcf67, 0px -30px 0px 10px #ffcf67; box-shadow: 0px 0px 0px 10px #ffcf67, 0px -10px 0px 10px #ffcf67, 0px -20px 0px 10px #ffcf67, 0px -30px 0px 10px #ffcf67; }
.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu { background: #0078b7; -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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #007ec6; }
    .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: #007ec6 }
    .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: #ffffff; background: #0078b7; }
    .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: #007ec6 }
.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: 0px }
/*.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #007ec6; color: #ffffff; }*/
.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #007ec6 }
.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: #ffffff }
.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon { background-color: #007ec6; border-color: #6da5a2; color: #ececea; }
.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i { color: #ffffff }
.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: #007ec6 }
.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus { background-color: #007ec6 }
.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: #ffffff }
.page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a { background-color: #007ec6; border-color: #007ec6; }
.page-body.horizontal-menu-skin-aero .page-loading-overlay { background-color: #0078b7 }
@media screen and (max-width: 768px) { 
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu { background: #0078b7; color: #ececea; }
    .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner > .navbar-nav a { color: #ececea; border-color: #007ec6; }
    .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: #ffffff }
    .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: #ffffff }
}
.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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff; 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: 0px }
.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #34495e; color: #ffffff; }
.page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
    .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: #ffffff }
}
.page-body .navbar.horizontal-menu { background: #0078B7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.settings-pane-open .page-body .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i { color: #8b9dc3 }
.page-body .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i { color: #8b9dc3 }
.page-body .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i { color: #ffffff }
@media screen and (min-width: 768px) { 
    .page-body .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 .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 .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #8b9dc3 }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a, .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a { color: #ffffff }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #00679e; }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover { border-left-color: transparent }
    .page-body .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 .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #00679e }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a { color: #8b9dc3 }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after { background: #00679e }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a { color: #ffffff; background: #3b5998; }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before { color: #8b9dc3 }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul { background: #00679e; border-top: 1px solid #007ec6; border-bottom: 1px solid #007ec6; }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul { background: #00679e; border-top-color: #007ec6; border-bottom-color: #007ec6; }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after { background-color: #007ec6 }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul { background: #007ec6; border-top-color: #007ec6; border-bottom-color: #007ec6; }
    .page-body .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after { background-color: #007ec6 }
}
/* .page-body .navbar.horizontal-menu .navbar-inner > .nav > li:hover { background: #00679e } */
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li i { color: #fff }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a { border: 0px; color: #fff!important; }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #00679e; color: #ffffff; }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff!important }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before { background: #68b828 }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:focus { background: #00679e }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before { background-color: #7c38bc }
.chat-open .page-body .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i { color: #ffffff }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon { background-color: #00679e; border-color: #00679e; color: #8b9dc3; }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i { color: #ffffff!important }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon:before { display: block }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li > ul { border-color: #00679e }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus { background-color: #00679e }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span { color: #fff }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover { color: #ffffff }
.page-body .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a { background-color: #00679e; border-color: #00679e; }
.page-body .page-loading-overlay { background-color: #3b5998 }
@media screen and (max-width: 768px) { 
    .page-body .navbar.horizontal-menu { background: #3b5998; color: #8b9dc3; }
    .page-body .navbar.horizontal-menu .navbar-inner > .navbar-nav a { color: #8b9dc3; border-color: #00679e; }
    .page-body .navbar.horizontal-menu .navbar-inner > .navbar-nav a:hover, .page-body .navbar.horizontal-menu .navbar-inner > .navbar-nav a:active, .page-body .navbar.horizontal-menu .navbar-inner > .navbar-nav a:focus { color: #ffffff }
    .page-body .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a { color: #8b9dc3 }
    .page-body .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover, .page-body .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active, .page-body .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus { color: #ffffff }
}
.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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff; 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: 0px }
.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #1daf92; color: #ffffff; }
.page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
    .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: #ffffff }
}
.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: #ffffff }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i { color: #ffffff }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i { color: #ffffff }
@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: #ffffff }
    .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: #ffffff }
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff }
    .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: #ffffff; background: #8cc657; }
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before { color: #ffffff }
    .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: #ffffff }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a { border: 0px }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #95cd62; color: #ffffff; }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon { background-color: #95cd62; border-color: #a2d375; color: #ffffff; }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i { color: #ffffff }
.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: #ffffff }
.page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span:hover { color: #ffffff }
.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: #ffffff; }
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .navbar-nav a { color: #ffffff; 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: #ffffff }
    .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a { color: #ffffff }
    .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: #ffffff }
}
.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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff; 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: 0px }
.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #2fbd6b; color: #ffffff; }
.page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
    .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: #ffffff }
}
.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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff; 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: 0px }
.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #81629f; color: #ffffff; }
.page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
    .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: #ffffff }
}
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu { background: #ffffff; -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: #666666 }
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i { color: #666666 }
.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: #666666 }
    .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: 0px }
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #eeeeee; }
    .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: #eeeeee }
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a { color: #666666 }
    .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: #ffffff; }
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before { color: #666666 }
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul { background: #fbfbfb; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
    .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: #eeeeee }
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li i { color: #666666 }
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a { border: 0px }
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #eeeeee; 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: #eeeeee }
.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: #eeeeee; border-color: #fbfbfb; color: #666666; }
.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: #eeeeee }
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus { background-color: #eeeeee }
.page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span { color: #666666 }
.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: #eeeeee; border-color: #eeeeee; }
.page-body.horizontal-menu-skin-white .page-loading-overlay { background-color: #ffffff }
@media screen and (max-width: 768px) { 
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu { background: #ffffff; color: #666666; }
    .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner > .navbar-nav a { color: #666666; border-color: #eeeeee; }
    .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: #666666 }
    .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: #666666 }
.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i { color: #666666 }
.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: #666666 }
    .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: 0px }
    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #666666 }
    .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: #666666 }
    .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: #666666 }
.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a { border: 0px }
.page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #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: #666666; }
.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: #666666 }
.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: #666666; }
    .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner > .navbar-nav a { color: #666666; 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: #666666 }
    .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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff; 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: 0px }
.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #c03737; color: #ffffff; }
.page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
    .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: #ffffff }
}
.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: #ffffff }
@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: #ffffff }
    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li { border: 0px }
    .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover { border-color: transparent; background-color: #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: #ffffff; 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: 0px }
.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover { background: #ffcf67; color: #ffffff; }
.page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
    .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: #ffffff }
}
.page-body.user-info-navbar-skin-aero .user-info-navbar { background-color: #0078b7 }
.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li { border: 0px solid transparent }
.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li.hover-line:before { background: #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: #ffffff }
.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: #ffffff }
.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 #007ec6; 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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu { background: #007ec6; 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: #ffffff }
.page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #007ec6; 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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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: #ffffff }
.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: 0px 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: #999; border-bottom: 1px solid transparent; }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li > a:hover { color: #000 }
.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: #ffffff }
.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: #34495e }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.open { border-left:1px solid #fff; border-right:1px solid #fff; background:#FFFFFF; z-index: 15; }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li.open > a { color: #34495e }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu { background: #fff;  }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a { color: #999 }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after { background: #f8f8f8 }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover { color: #999 }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #999 }
.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: #ffffff }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .top p { color: #a7bfd6; border-bottom: 1px solid #F8F8F8; }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after { background-color: #ccc }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external a { color: #000; background-color: #F8F8F8; }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover { color: #000 }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a { border-bottom: 1px solid #f8f8f8; }
.page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover { color: #ccc }
.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: 0px 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: #ffffff }
.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: #ffffff }
.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 #00679e; 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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu { background: #00679e; 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: #00679e }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover { color: #ffffff }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .top p { color: #8b9dc3; border-bottom: 1px solid #00679e; }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after { background-color: #00679e }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external a { color: #8b9dc3; background-color: #00679e; }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover { color: #ffffff }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #00679e }
.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: #00679e; 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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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 #00679e; }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover { color: #ffffff }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last { background: #00679e }
.page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after { background: #00679e }
.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: 0px 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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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: #ffffff }
.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: 0px solid transparent }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.hover-line:before { background: #ffffff }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > a { color: #ffffff; border-bottom: 1px solid transparent; }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li > a:hover { color: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li.search-form .btn:hover { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top a { color: #ffffff }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover { color: #ffffff }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .top p { color: #ffffff; 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: #ffffff; background-color: #a2d375; }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover { color: #ffffff }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a { color: #ffffff; 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: #ffffff }
.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: 0px 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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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: #ffffff }
.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: 0px 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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li { border: 0px solid transparent }
.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li.hover-line:before { background: #666666 }
.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li > a { color: #666666; 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: #666666 }
.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 #eeeeee; 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: #eeeeee; 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: #666666 }
.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: #666666 }
.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: #666666; 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: #666666; 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: #eeeeee; 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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a { color: #666666; 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: 0px solid transparent }
.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li.hover-line:before { background: #666666 }
.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li > a { color: #666666; 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: #666666 }
.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: #666666 }
.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: #666666 }
.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: #666666; 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: #666666; 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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a { color: #666666; 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: 0px 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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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: #ffffff }
.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: 0px 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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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: #ffffff }
.page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: #ffffff }
.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: #ffffff }
.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: #ffffff }
.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 #eeeeee; -moz-box-shadow: 0 0 0 1px #eeeeee; box-shadow: 0 0 0 1px #eeeeee; }
.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: #ffffff }
.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 }