.page-body.skin-aero .btn-primary { background: #558c89 } .page-body.skin-aero .btn-primary:hover { background: #4b7c79; border-color: #4b7c79 } .page-body.skin-aero .btn-primary:active, .page-body.skin-aero .btn-primary:focus { background: #385c5a; border-color: #385c5a } .page-body.skin-aero .btn.btn-secondary { background-color: #255e5b; color: #fff } .page-body.skin-aero .btn.btn-secondary:hover { background-color: #1e4c49; text-color: #fff } .page-body.skin-aero .btn.btn-secondary:active, .page-body.skin-aero .btn.btn-secondary:focus { background-color: #1e4c49; border-color: #1b4442 } .page-body.skin-aero .settings-pane { background: #5f9a97; color: #ececea } .page-body.skin-aero .settings-pane>a[data-toggle=settings-pane] { color: #ececea } .page-body.skin-aero .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-aero .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-aero .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-aero .settings-pane .links-block.left-sep { border-left: 1px solid #558c89 } .page-body.skin-aero .settings-pane .links-block h4 { color: #fff } .page-body.skin-aero .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #5f9a97 } .page-body.skin-aero .settings-pane .links-block h4 a { color: #fff } .page-body.skin-aero .settings-pane .links-block h4 a:hover { color: #ececea } .page-body.skin-aero .settings-pane .links-block ul li a { color: #ececea } .page-body.skin-aero .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-aero .sidebar-menu { background: #558c89 } .page-body.skin-aero .sidebar-menu .logo-env { border-bottom: 1px solid #5f9a97 } .page-body.skin-aero .sidebar-menu .logo-env .settings-icon a { color: #ececea } .page-body.skin-aero .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-aero .sidebar-menu .main-menu a { color: #ececea; border-bottom: 1px solid #5f9a97 } .page-body.skin-aero .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-aero .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-aero .sidebar-menu .main-menu li.has-sub>a:before { color: #acccca } .page-body.skin-aero .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-aero .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-aero .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-aero .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-aero .sidebar-menu.collapsed .main-menu>li li.active { background-color: #4f8280 } .page-body.skin-aero .sidebar-menu.collapsed .main-menu>li>ul { background: #558c89 } } .page-body.skin-aero .page-loading-overlay { background-color: #558c89 } .page-body.skin-aero.login-page { background: #558c89; color: #fff } .page-body.skin-aero.login-page .login-form .login-header .logo span { color: #ececea } .page-body.skin-aero.login-page .login-form .login-header p { color: #ececea } .page-body.skin-aero.login-page .login-form .form-group .control-label { color: #ececea } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark { background: #4b7c79; border: 1px solid transparent; color: #ececea } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-aero.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-aero.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-aero.login-page .login-form .form-group .btn.btn-dark { border-color: #5f9a97; background-color: #558c89; color: #fff } .page-body.skin-aero.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(95, 154, 151, .3) } .page-body.skin-aero.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-aero.login-page .login-form .login-footer a { color: #fff } .page-body.skin-aero.login-page .login-form .login-footer a:hover { color: #fff } .page-body.skin-aero.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #ececea } .page-body.skin-aero.login-page .login-form .login-footer .info-links a { color: #ececea } .page-body.skin-aero.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-aero.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-aero.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-aero.login-page .external-login a i { margin-right: 5px } .page-body.skin-aero.login-page .external-login a:hover { background: #454849 } .page-body.skin-aero.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-aero.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-aero.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-aero.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-aero.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-aero.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-aero.login-page.login-light { background: #eee } .page-body.skin-aero.login-page.login-light .errors-container, .page-body.skin-aero.login-page.login-light .external-login { padding: 0 } .page-body.skin-aero.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-aero.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-aero.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-aero.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-aero.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-aero.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-aero.login-page { padding-top: 0 } .page-body.skin-aero.login-page .login-form, .page-body.skin-aero.login-page .errors-container, .page-body.skin-aero.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-aero.login-page .errors-container { margin-top: 20px } .page-body.skin-aero.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-aero.login-page.login-light .errors-container, .page-body.skin-aero.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-aero.login-page .row { margin: 0 } } .page-body.skin-aero.lockscreen-page { background: #558c89 } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group p { color: #ececea } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group h3 { color: #ececea } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #5f9a97; color: #fff } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #5f9a97 } .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-aero.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(95, 154, 151, .3) } .page-body.skin-aero.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #5f9a97; -webkit-box-shadow: 0 0 0 10px #5f9a97, 0 -10px 0 10px #5f9a97, 0 -20px 0 10px #5f9a97, 0 -30px 0 10px #5f9a97; -moz-box-shadow: 0 0 0 10px #5f9a97, 0 -10px 0 10px #5f9a97, 0 -20px 0 10px #5f9a97, 0 -30px 0 10px #5f9a97; box-shadow: 0 0 0 10px #5f9a97, 0 -10px 0 10px #5f9a97, 0 -20px 0 10px #5f9a97, 0 -30px 0 10px #5f9a97 } .page-body.skin-aero .sidebar-user-info { background-color: #4b7c79; border-bottom-color: #5f9a97 } .page-body.skin-aero .sidebar-user-info .user-profile span { color: #ececea } .page-body.skin-aero .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-aero .sidebar-user-info .user-links { border-top-color: #5f9a97 } .page-body.skin-aero .sidebar-user-info .user-links li a { color: #ececea } .page-body.skin-aero .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(95, 154, 151, .25) } .page-body.skin-aero .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(95, 154, 151, .25) } .page-body.skin-aero .sidebar-user-info .user-links li+li a { border-left-color: #5f9a97 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-aero .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-aero .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-navy .btn-primary { background: #2c3e50 } .page-body.skin-navy .btn-primary:hover { background: #233140; border-color: #233140 } .page-body.skin-navy .btn-primary:active, .page-body.skin-navy .btn-primary:focus { background: #11181f; border-color: #11181f } .page-body.skin-navy .btn.btn-secondary { background-color: #ff4e50; color: #fff } .page-body.skin-navy .btn.btn-secondary:hover { background-color: #ff3437; text-color: #fff } .page-body.skin-navy .btn.btn-secondary:active, .page-body.skin-navy .btn.btn-secondary:focus { background-color: #ff3437; border-color: #ff2a2d } .page-body.skin-navy .settings-pane { background: #34495e; color: #a7bfd6 } .page-body.skin-navy .settings-pane>a[data-toggle=settings-pane] { color: #a7bfd6 } .page-body.skin-navy .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-navy .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-navy .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-navy .settings-pane .links-block.left-sep { border-left: 1px solid #2c3e50 } .page-body.skin-navy .settings-pane .links-block h4 { color: #fff } .page-body.skin-navy .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #34495e } .page-body.skin-navy .settings-pane .links-block h4 a { color: #fff } .page-body.skin-navy .settings-pane .links-block h4 a:hover { color: #a7bfd6 } .page-body.skin-navy .settings-pane .links-block ul li a { color: #a7bfd6 } .page-body.skin-navy .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-navy .sidebar-menu { background: #2c3e50 } .page-body.skin-navy .sidebar-menu .logo-env { border-bottom: 1px solid #34495e } .page-body.skin-navy .sidebar-menu .logo-env .settings-icon a { color: #a7bfd6 } .page-body.skin-navy .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-navy .sidebar-menu .main-menu a { color: #a7bfd6; border-bottom: 1px solid #34495e } .page-body.skin-navy .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-navy .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-navy .sidebar-menu .main-menu li.has-sub>a:before { color: #6789ab } .page-body.skin-navy .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-navy .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-navy .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-navy .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-navy .sidebar-menu.collapsed .main-menu>li li.active { background-color: #273646 } .page-body.skin-navy .sidebar-menu.collapsed .main-menu>li>ul { background: #2c3e50 } } .page-body.skin-navy .page-loading-overlay { background-color: #2c3e50 } .page-body.skin-navy.login-page { background: #2c3e50; color: #fff } .page-body.skin-navy.login-page .login-form .login-header .logo span { color: #a7bfd6 } .page-body.skin-navy.login-page .login-form .login-header p { color: #a7bfd6 } .page-body.skin-navy.login-page .login-form .form-group .control-label { color: #a7bfd6 } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark { background: #233140; border: 1px solid transparent; color: #a7bfd6 } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-navy.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark { border-color: #34495e; background-color: #2c3e50; color: #fff } .page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(52, 73, 94, .3) } .page-body.skin-navy.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-navy.login-page .login-form .login-footer a { color: #fff } .page-body.skin-navy.login-page .login-form .login-footer a:hover { color: #dbe5ee } .page-body.skin-navy.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #a7bfd6 } .page-body.skin-navy.login-page .login-form .login-footer .info-links a { color: #a7bfd6 } .page-body.skin-navy.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-navy.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-navy.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-navy.login-page .external-login a i { margin-right: 5px } .page-body.skin-navy.login-page .external-login a:hover { background: #454849 } .page-body.skin-navy.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-navy.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-navy.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-navy.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-navy.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-navy.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-navy.login-page.login-light { background: #eee } .page-body.skin-navy.login-page.login-light .errors-container, .page-body.skin-navy.login-page.login-light .external-login { padding: 0 } .page-body.skin-navy.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-navy.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-navy.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-navy.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-navy.login-page { padding-top: 0 } .page-body.skin-navy.login-page .login-form, .page-body.skin-navy.login-page .errors-container, .page-body.skin-navy.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-navy.login-page .errors-container { margin-top: 20px } .page-body.skin-navy.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-navy.login-page.login-light .errors-container, .page-body.skin-navy.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-navy.login-page .row { margin: 0 } } .page-body.skin-navy.lockscreen-page { background: #2c3e50 } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group p { color: #a7bfd6 } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group h3 { color: #a7bfd6 } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #34495e; color: #fff } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #34495e } .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(52, 73, 94, .3) } .page-body.skin-navy.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #34495e; -webkit-box-shadow: 0 0 0 10px #34495e, 0 -10px 0 10px #34495e, 0 -20px 0 10px #34495e, 0 -30px 0 10px #34495e; -moz-box-shadow: 0 0 0 10px #34495e, 0 -10px 0 10px #34495e, 0 -20px 0 10px #34495e, 0 -30px 0 10px #34495e; box-shadow: 0 0 0 10px #34495e, 0 -10px 0 10px #34495e, 0 -20px 0 10px #34495e, 0 -30px 0 10px #34495e } .page-body.skin-navy .sidebar-user-info { background-color: #233140; border-bottom-color: #34495e } .page-body.skin-navy .sidebar-user-info .user-profile span { color: #a7bfd6 } .page-body.skin-navy .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-navy .sidebar-user-info .user-links { border-top-color: #34495e } .page-body.skin-navy .sidebar-user-info .user-links li a { color: #a7bfd6 } .page-body.skin-navy .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(52, 73, 94, .25) } .page-body.skin-navy .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(52, 73, 94, .25) } .page-body.skin-navy .sidebar-user-info .user-links li+li a { border-left-color: #34495e } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-navy .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-navy .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-facebook .btn-primary { background: #3b5998 } .page-body.skin-facebook .btn-primary:hover { background: #344e86; border-color: #344e86 } .page-body.skin-facebook .btn-primary:active, .page-body.skin-facebook .btn-primary:focus { background: #263961; border-color: #263961 } .page-body.skin-facebook .btn.btn-secondary { background-color: #8b9dc3; color: #fff } .page-body.skin-facebook .btn.btn-secondary:hover { background-color: #7a8fba; text-color: #fff } .page-body.skin-facebook .btn.btn-secondary:active, .page-body.skin-facebook .btn.btn-secondary:focus { background-color: #7a8fba; border-color: #7389b7 } .page-body.skin-facebook .settings-pane { background: #4160a0; color: #8b9dc3 } .page-body.skin-facebook .settings-pane>a[data-toggle=settings-pane] { color: #8b9dc3 } .page-body.skin-facebook .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-facebook .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-facebook .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-facebook .settings-pane .links-block.left-sep { border-left: 1px solid #3b5998 } .page-body.skin-facebook .settings-pane .links-block h4 { color: #fff } .page-body.skin-facebook .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #4160a0 } .page-body.skin-facebook .settings-pane .links-block h4 a { color: #fff } .page-body.skin-facebook .settings-pane .links-block h4 a:hover { color: #8b9dc3 } .page-body.skin-facebook .settings-pane .links-block ul li a { color: #8b9dc3 } .page-body.skin-facebook .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-facebook .sidebar-menu { background: #3b5998 } .page-body.skin-facebook .sidebar-menu .logo-env { border-bottom: 1px solid #4160a0 } .page-body.skin-facebook .sidebar-menu .logo-env .settings-icon a { color: #8b9dc3 } .page-body.skin-facebook .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-facebook .sidebar-menu .main-menu a { color: #8b9dc3; border-bottom: 1px solid #4160a0 } .page-body.skin-facebook .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-facebook .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-facebook .sidebar-menu .main-menu li.has-sub>a:before { color: #8fa5d2 } .page-body.skin-facebook .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-facebook .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-facebook .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-facebook .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-facebook .sidebar-menu.collapsed .main-menu>li li.active { background-color: #37538d } .page-body.skin-facebook .sidebar-menu.collapsed .main-menu>li>ul { background: #3b5998 } } .page-body.skin-facebook .page-loading-overlay { background-color: #3b5998 } .page-body.skin-facebook.login-page { background: #3b5998; color: #fff } .page-body.skin-facebook.login-page .login-form .login-header .logo span { color: #8b9dc3 } .page-body.skin-facebook.login-page .login-form .login-header p { color: #8b9dc3 } .page-body.skin-facebook.login-page .login-form .form-group .control-label { color: #8b9dc3 } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark { background: #344e86; border: 1px solid transparent; color: #8b9dc3 } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark { border-color: #4160a0; background-color: #3b5998; color: #fff } .page-body.skin-facebook.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(65, 96, 160, .3) } .page-body.skin-facebook.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-facebook.login-page .login-form .login-footer a { color: #fff } .page-body.skin-facebook.login-page .login-form .login-footer a:hover { color: #bdc8dd } .page-body.skin-facebook.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #8b9dc3 } .page-body.skin-facebook.login-page .login-form .login-footer .info-links a { color: #8b9dc3 } .page-body.skin-facebook.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-facebook.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-facebook.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-facebook.login-page .external-login a i { margin-right: 5px } .page-body.skin-facebook.login-page .external-login a:hover { background: #454849 } .page-body.skin-facebook.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-facebook.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-facebook.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-facebook.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-facebook.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-facebook.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-facebook.login-page.login-light { background: #eee } .page-body.skin-facebook.login-page.login-light .errors-container, .page-body.skin-facebook.login-page.login-light .external-login { padding: 0 } .page-body.skin-facebook.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-facebook.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-facebook.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-facebook.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-facebook.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-facebook.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-facebook.login-page { padding-top: 0 } .page-body.skin-facebook.login-page .login-form, .page-body.skin-facebook.login-page .errors-container, .page-body.skin-facebook.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-facebook.login-page .errors-container { margin-top: 20px } .page-body.skin-facebook.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-facebook.login-page.login-light .errors-container, .page-body.skin-facebook.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-facebook.login-page .row { margin: 0 } } .page-body.skin-facebook.lockscreen-page { background: #3b5998 } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group p { color: #8b9dc3 } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group h3 { color: #8b9dc3 } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #4160a0; color: #fff } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #4160a0 } .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-facebook.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(65, 96, 160, .3) } .page-body.skin-facebook.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #4160a0; -webkit-box-shadow: 0 0 0 10px #4160a0, 0 -10px 0 10px #4160a0, 0 -20px 0 10px #4160a0, 0 -30px 0 10px #4160a0; -moz-box-shadow: 0 0 0 10px #4160a0, 0 -10px 0 10px #4160a0, 0 -20px 0 10px #4160a0, 0 -30px 0 10px #4160a0; box-shadow: 0 0 0 10px #4160a0, 0 -10px 0 10px #4160a0, 0 -20px 0 10px #4160a0, 0 -30px 0 10px #4160a0 } .page-body.skin-facebook .sidebar-user-info { background-color: #344e86; border-bottom-color: #4160a0 } .page-body.skin-facebook .sidebar-user-info .user-profile span { color: #8b9dc3 } .page-body.skin-facebook .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-facebook .sidebar-user-info .user-links { border-top-color: #4160a0 } .page-body.skin-facebook .sidebar-user-info .user-links li a { color: #8b9dc3 } .page-body.skin-facebook .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(65, 96, 160, .25) } .page-body.skin-facebook .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(65, 96, 160, .25) } .page-body.skin-facebook .sidebar-user-info .user-links li+li a { border-left-color: #4160a0 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-facebook .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-facebook .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-turquoise .btn-primary { background: #16a085 } .page-body.skin-turquoise .btn-primary:hover { background: #138a72; border-color: #138a72 } .page-body.skin-turquoise .btn-primary:active, .page-body.skin-turquoise .btn-primary:focus { background: #0d5d4d; border-color: #0d5d4d } .page-body.skin-turquoise .btn.btn-secondary { background-color: #0f7e68; color: #fff } .page-body.skin-turquoise .btn.btn-secondary:hover { background-color: #0c6755; text-color: #fff } .page-body.skin-turquoise .btn.btn-secondary:active, .page-body.skin-turquoise .btn.btn-secondary:focus { background-color: #0c6755; border-color: #0b5e4e } .page-body.skin-turquoise .settings-pane { background: #1daf92; color: #96ead9 } .page-body.skin-turquoise .settings-pane>a[data-toggle=settings-pane] { color: #96ead9 } .page-body.skin-turquoise .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-turquoise .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-turquoise .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-turquoise .settings-pane .links-block.left-sep { border-left: 1px solid #16a085 } .page-body.skin-turquoise .settings-pane .links-block h4 { color: #fff } .page-body.skin-turquoise .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #1daf92 } .page-body.skin-turquoise .settings-pane .links-block h4 a { color: #fff } .page-body.skin-turquoise .settings-pane .links-block h4 a:hover { color: #96ead9 } .page-body.skin-turquoise .settings-pane .links-block ul li a { color: #96ead9 } .page-body.skin-turquoise .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-turquoise .sidebar-menu { background: #16a085 } .page-body.skin-turquoise .sidebar-menu .logo-env { border-bottom: 1px solid #1daf92 } .page-body.skin-turquoise .sidebar-menu .logo-env .settings-icon a { color: #96ead9 } .page-body.skin-turquoise .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-turquoise .sidebar-menu .main-menu a { color: #96ead9; border-bottom: 1px solid #1daf92 } .page-body.skin-turquoise .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-turquoise .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-turquoise .sidebar-menu .main-menu li.has-sub>a:before { color: #66e6cc } .page-body.skin-turquoise .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-turquoise .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-turquoise .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu>li li.active { background-color: #14937a } .page-body.skin-turquoise .sidebar-menu.collapsed .main-menu>li>ul { background: #16a085 } } .page-body.skin-turquoise .page-loading-overlay { background-color: #16a085 } .page-body.skin-turquoise.login-page { background: #16a085; color: #fff } .page-body.skin-turquoise.login-page .login-form .login-header .logo span { color: #96ead9 } .page-body.skin-turquoise.login-page .login-form .login-header p { color: #96ead9 } .page-body.skin-turquoise.login-page .login-form .form-group .control-label { color: #96ead9 } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark { background: #138a72; border: 1px solid transparent; color: #96ead9 } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark { border-color: #1daf92; background-color: #16a085; color: #fff } .page-body.skin-turquoise.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(29, 175, 146, .3) } .page-body.skin-turquoise.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-turquoise.login-page .login-form .login-footer a { color: #fff } .page-body.skin-turquoise.login-page .login-form .login-footer a:hover { color: #d6f7f0 } .page-body.skin-turquoise.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #96ead9 } .page-body.skin-turquoise.login-page .login-form .login-footer .info-links a { color: #96ead9 } .page-body.skin-turquoise.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-turquoise.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-turquoise.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-turquoise.login-page .external-login a i { margin-right: 5px } .page-body.skin-turquoise.login-page .external-login a:hover { background: #454849 } .page-body.skin-turquoise.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-turquoise.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-turquoise.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-turquoise.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-turquoise.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-turquoise.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-turquoise.login-page.login-light { background: #eee } .page-body.skin-turquoise.login-page.login-light .errors-container, .page-body.skin-turquoise.login-page.login-light .external-login { padding: 0 } .page-body.skin-turquoise.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-turquoise.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-turquoise.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-turquoise.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-turquoise.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-turquoise.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-turquoise.login-page { padding-top: 0 } .page-body.skin-turquoise.login-page .login-form, .page-body.skin-turquoise.login-page .errors-container, .page-body.skin-turquoise.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-turquoise.login-page .errors-container { margin-top: 20px } .page-body.skin-turquoise.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-turquoise.login-page.login-light .errors-container, .page-body.skin-turquoise.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-turquoise.login-page .row { margin: 0 } } .page-body.skin-turquoise.lockscreen-page { background: #16a085 } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group p { color: #96ead9 } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group h3 { color: #96ead9 } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #1daf92; color: #fff } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #1daf92 } .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-turquoise.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(29, 175, 146, .3) } .page-body.skin-turquoise.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #1daf92; -webkit-box-shadow: 0 0 0 10px #1daf92, 0 -10px 0 10px #1daf92, 0 -20px 0 10px #1daf92, 0 -30px 0 10px #1daf92; -moz-box-shadow: 0 0 0 10px #1daf92, 0 -10px 0 10px #1daf92, 0 -20px 0 10px #1daf92, 0 -30px 0 10px #1daf92; box-shadow: 0 0 0 10px #1daf92, 0 -10px 0 10px #1daf92, 0 -20px 0 10px #1daf92, 0 -30px 0 10px #1daf92 } .page-body.skin-turquoise .sidebar-user-info { background-color: #138a72; border-bottom-color: #1daf92 } .page-body.skin-turquoise .sidebar-user-info .user-profile span { color: #96ead9 } .page-body.skin-turquoise .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-turquoise .sidebar-user-info .user-links { border-top-color: #1daf92 } .page-body.skin-turquoise .sidebar-user-info .user-links li a { color: #96ead9 } .page-body.skin-turquoise .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(29, 175, 146, .25) } .page-body.skin-turquoise .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(29, 175, 146, .25) } .page-body.skin-turquoise .sidebar-user-info .user-links li+li a { border-left-color: #1daf92 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-turquoise .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-turquoise .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-lime .btn-primary { background: #8cc657 } .page-body.skin-lime .btn-primary:hover { background: #7fc044; border-color: #7fc044 } .page-body.skin-lime .btn-primary:active, .page-body.skin-lime .btn-primary:focus { background: #669c35; border-color: #669c35 } .page-body.skin-lime .btn.btn-secondary { background-color: #70a93c; color: #fff } .page-body.skin-lime .btn.btn-secondary:hover { background-color: #649635; text-color: #fff } .page-body.skin-lime .btn.btn-secondary:active, .page-body.skin-lime .btn.btn-secondary:focus { background-color: #649635; border-color: #5f8f33 } .page-body.skin-lime .settings-pane { background: #95cd62; color: #fff } .page-body.skin-lime .settings-pane>a[data-toggle=settings-pane] { color: #fff } .page-body.skin-lime .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-lime .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-lime .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-lime .settings-pane .links-block.left-sep { border-left: 1px solid #8cc657 } .page-body.skin-lime .settings-pane .links-block h4 { color: #fff } .page-body.skin-lime .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #95cd62 } .page-body.skin-lime .settings-pane .links-block h4 a { color: #fff } .page-body.skin-lime .settings-pane .links-block h4 a:hover { color: #fff } .page-body.skin-lime .settings-pane .links-block ul li a { color: #fff } .page-body.skin-lime .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-lime .sidebar-menu { background: #8cc657 } .page-body.skin-lime .sidebar-menu .logo-env { border-bottom: 1px solid #95cd62 } .page-body.skin-lime .sidebar-menu .logo-env .settings-icon a { color: #fff } .page-body.skin-lime .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-lime .sidebar-menu .main-menu a { color: #fff; border-bottom: 1px solid #95cd62 } .page-body.skin-lime .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-lime .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-lime .sidebar-menu .main-menu li.has-sub>a:before { color: #d6ecc3 } .page-body.skin-lime .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-lime .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-lime .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-lime .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-lime .sidebar-menu.collapsed .main-menu>li li.active { background-color: #84c24c } .page-body.skin-lime .sidebar-menu.collapsed .main-menu>li>ul { background: #8cc657 } } .page-body.skin-lime .page-loading-overlay { background-color: #8cc657 } .page-body.skin-lime.login-page { background: #8cc657; color: #fff } .page-body.skin-lime.login-page .login-form .login-header .logo span { color: #fff } .page-body.skin-lime.login-page .login-form .login-header p { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .control-label { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark { background: #7fc044; border: 1px solid transparent; color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-lime.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark { border-color: #95cd62; background-color: #8cc657; color: #fff } .page-body.skin-lime.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(149, 205, 98, .3) } .page-body.skin-lime.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-lime.login-page .login-form .login-footer a { color: #fff } .page-body.skin-lime.login-page .login-form .login-footer a:hover { color: #fff } .page-body.skin-lime.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #fff } .page-body.skin-lime.login-page .login-form .login-footer .info-links a { color: #fff } .page-body.skin-lime.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-lime.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-lime.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-lime.login-page .external-login a i { margin-right: 5px } .page-body.skin-lime.login-page .external-login a:hover { background: #454849 } .page-body.skin-lime.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-lime.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-lime.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-lime.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-lime.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-lime.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-lime.login-page.login-light { background: #eee } .page-body.skin-lime.login-page.login-light .errors-container, .page-body.skin-lime.login-page.login-light .external-login { padding: 0 } .page-body.skin-lime.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-lime.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-lime.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-lime.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-lime.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-lime.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-lime.login-page { padding-top: 0 } .page-body.skin-lime.login-page .login-form, .page-body.skin-lime.login-page .errors-container, .page-body.skin-lime.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-lime.login-page .errors-container { margin-top: 20px } .page-body.skin-lime.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-lime.login-page.login-light .errors-container, .page-body.skin-lime.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-lime.login-page .row { margin: 0 } } .page-body.skin-lime.lockscreen-page { background: #8cc657 } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group p { color: #fff } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group h3 { color: #fff } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #95cd62; color: #fff } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #95cd62 } .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-lime.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(149, 205, 98, .3) } .page-body.skin-lime.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #95cd62; -webkit-box-shadow: 0 0 0 10px #95cd62, 0 -10px 0 10px #95cd62, 0 -20px 0 10px #95cd62, 0 -30px 0 10px #95cd62; -moz-box-shadow: 0 0 0 10px #95cd62, 0 -10px 0 10px #95cd62, 0 -20px 0 10px #95cd62, 0 -30px 0 10px #95cd62; box-shadow: 0 0 0 10px #95cd62, 0 -10px 0 10px #95cd62, 0 -20px 0 10px #95cd62, 0 -30px 0 10px #95cd62 } .page-body.skin-lime .sidebar-user-info { background-color: #7fc044; border-bottom-color: #95cd62 } .page-body.skin-lime .sidebar-user-info .user-profile span { color: #fff } .page-body.skin-lime .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-lime .sidebar-user-info .user-links { border-top-color: #95cd62 } .page-body.skin-lime .sidebar-user-info .user-links li a { color: #fff } .page-body.skin-lime .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(149, 205, 98, .25) } .page-body.skin-lime .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(149, 205, 98, .25) } .page-body.skin-lime .sidebar-user-info .user-links li+li a { border-left-color: #95cd62 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-lime .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-lime .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-green .btn-primary { background: #27ae60 } .page-body.skin-green .btn-primary:hover { background: #295; border-color: #295 } .page-body.skin-green .btn-primary:active, .page-body.skin-green .btn-primary:focus { background: #19703e; border-color: #19703e } .page-body.skin-green .btn.btn-secondary { background-color: #1c954f; color: #fff } .page-body.skin-green .btn.btn-secondary:hover { background-color: #188044; text-color: #fff } .page-body.skin-green .btn.btn-secondary:active, .page-body.skin-green .btn.btn-secondary:focus { background-color: #188044; border-color: #16773f } .page-body.skin-green .settings-pane { background: #2fbd6b; color: #a2f9c7 } .page-body.skin-green .settings-pane>a[data-toggle=settings-pane] { color: #a2f9c7 } .page-body.skin-green .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-green .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-green .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-green .settings-pane .links-block.left-sep { border-left: 1px solid #27ae60 } .page-body.skin-green .settings-pane .links-block h4 { color: #fff } .page-body.skin-green .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #2fbd6b } .page-body.skin-green .settings-pane .links-block h4 a { color: #fff } .page-body.skin-green .settings-pane .links-block h4 a:hover { color: #a2f9c7 } .page-body.skin-green .settings-pane .links-block ul li a { color: #a2f9c7 } .page-body.skin-green .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-green .sidebar-menu { background: #27ae60 } .page-body.skin-green .sidebar-menu .logo-env { border-bottom: 1px solid #2fbd6b } .page-body.skin-green .sidebar-menu .logo-env .settings-icon a { color: #a2f9c7 } .page-body.skin-green .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-green .sidebar-menu .main-menu a { color: #a2f9c7; border-bottom: 1px solid #2fbd6b } .page-body.skin-green .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-green .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-green .sidebar-menu .main-menu li.has-sub>a:before { color: #8ae2af } .page-body.skin-green .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-green .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-green .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-green .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-green .sidebar-menu.collapsed .main-menu>li li.active { background-color: #24a259 } .page-body.skin-green .sidebar-menu.collapsed .main-menu>li>ul { background: #27ae60 } } .page-body.skin-green .page-loading-overlay { background-color: #27ae60 } .page-body.skin-green.login-page { background: #27ae60; color: #fff } .page-body.skin-green.login-page .login-form .login-header .logo span { color: #a2f9c7 } .page-body.skin-green.login-page .login-form .login-header p { color: #a2f9c7 } .page-body.skin-green.login-page .login-form .form-group .control-label { color: #a2f9c7 } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark { background: #295; border: 1px solid transparent; color: #a2f9c7 } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-green.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-green.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-green.login-page .login-form .form-group .btn.btn-dark { border-color: #2fbd6b; background-color: #27ae60; color: #fff } .page-body.skin-green.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(47, 189, 107, .3) } .page-body.skin-green.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-green.login-page .login-form .login-footer a { color: #fff } .page-body.skin-green.login-page .login-form .login-footer a:hover { color: #eafef2 } .page-body.skin-green.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #a2f9c7 } .page-body.skin-green.login-page .login-form .login-footer .info-links a { color: #a2f9c7 } .page-body.skin-green.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-green.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-green.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-green.login-page .external-login a i { margin-right: 5px } .page-body.skin-green.login-page .external-login a:hover { background: #454849 } .page-body.skin-green.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-green.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-green.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-green.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-green.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-green.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-green.login-page.login-light { background: #eee } .page-body.skin-green.login-page.login-light .errors-container, .page-body.skin-green.login-page.login-light .external-login { padding: 0 } .page-body.skin-green.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-green.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-green.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-green.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-green.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-green.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-green.login-page { padding-top: 0 } .page-body.skin-green.login-page .login-form, .page-body.skin-green.login-page .errors-container, .page-body.skin-green.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-green.login-page .errors-container { margin-top: 20px } .page-body.skin-green.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-green.login-page.login-light .errors-container, .page-body.skin-green.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-green.login-page .row { margin: 0 } } .page-body.skin-green.lockscreen-page { background: #27ae60 } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group p { color: #a2f9c7 } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group h3 { color: #a2f9c7 } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #2fbd6b; color: #fff } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #2fbd6b } .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-green.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(47, 189, 107, .3) } .page-body.skin-green.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #2fbd6b; -webkit-box-shadow: 0 0 0 10px #2fbd6b, 0 -10px 0 10px #2fbd6b, 0 -20px 0 10px #2fbd6b, 0 -30px 0 10px #2fbd6b; -moz-box-shadow: 0 0 0 10px #2fbd6b, 0 -10px 0 10px #2fbd6b, 0 -20px 0 10px #2fbd6b, 0 -30px 0 10px #2fbd6b; box-shadow: 0 0 0 10px #2fbd6b, 0 -10px 0 10px #2fbd6b, 0 -20px 0 10px #2fbd6b, 0 -30px 0 10px #2fbd6b } .page-body.skin-green .sidebar-user-info { background-color: #295; border-bottom-color: #2fbd6b } .page-body.skin-green .sidebar-user-info .user-profile span { color: #a2f9c7 } .page-body.skin-green .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-green .sidebar-user-info .user-links { border-top-color: #2fbd6b } .page-body.skin-green .sidebar-user-info .user-links li a { color: #a2f9c7 } .page-body.skin-green .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(47, 189, 107, .25) } .page-body.skin-green .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(47, 189, 107, .25) } .page-body.skin-green .sidebar-user-info .user-links li+li a { border-left-color: #2fbd6b } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-green .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-green .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-purple .btn-primary { background: #795b95 } .page-body.skin-purple .btn-primary:hover { background: #6c5185; border-color: #6c5185 } .page-body.skin-purple .btn-primary:active, .page-body.skin-purple .btn-primary:focus { background: #523e66; border-color: #523e66 } .page-body.skin-purple .btn.btn-secondary { background-color: #5f3d7e; color: #fff } .page-body.skin-purple .btn.btn-secondary:hover { background-color: #52356d; text-color: #fff } .page-body.skin-purple .btn.btn-secondary:active, .page-body.skin-purple .btn.btn-secondary:focus { background-color: #52356d; border-color: #4d3166 } .page-body.skin-purple .settings-pane { background: #81629f; color: #c2afd4 } .page-body.skin-purple .settings-pane>a[data-toggle=settings-pane] { color: #c2afd4 } .page-body.skin-purple .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-purple .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-purple .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-purple .settings-pane .links-block.left-sep { border-left: 1px solid #795b95 } .page-body.skin-purple .settings-pane .links-block h4 { color: #fff } .page-body.skin-purple .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #81629f } .page-body.skin-purple .settings-pane .links-block h4 a { color: #fff } .page-body.skin-purple .settings-pane .links-block h4 a:hover { color: #c2afd4 } .page-body.skin-purple .settings-pane .links-block ul li a { color: #c2afd4 } .page-body.skin-purple .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-purple .sidebar-menu { background: #795b95 } .page-body.skin-purple .sidebar-menu .logo-env { border-bottom: 1px solid #81629f } .page-body.skin-purple .sidebar-menu .logo-env .settings-icon a { color: #c2afd4 } .page-body.skin-purple .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-purple .sidebar-menu .main-menu a { color: #c2afd4; border-bottom: 1px solid #81629f } .page-body.skin-purple .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-purple .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-purple .sidebar-menu .main-menu li.has-sub>a:before { color: #c0b1cf } .page-body.skin-purple .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-purple .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-purple .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-purple .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-purple .sidebar-menu.collapsed .main-menu>li li.active { background-color: #71558c } .page-body.skin-purple .sidebar-menu.collapsed .main-menu>li>ul { background: #795b95 } } .page-body.skin-purple .page-loading-overlay { background-color: #795b95 } .page-body.skin-purple.login-page { background: #795b95; color: #fff } .page-body.skin-purple.login-page .login-form .login-header .logo span { color: #c2afd4 } .page-body.skin-purple.login-page .login-form .login-header p { color: #c2afd4 } .page-body.skin-purple.login-page .login-form .form-group .control-label { color: #c2afd4 } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark { background: #6c5185; border: 1px solid transparent; color: #c2afd4 } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-purple.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-purple.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark { border-color: #81629f; background-color: #795b95; color: #fff } .page-body.skin-purple.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(129, 98, 159, .3) } .page-body.skin-purple.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-purple.login-page .login-form .login-footer a { color: #fff } .page-body.skin-purple.login-page .login-form .login-footer a:hover { color: #e8e1ef } .page-body.skin-purple.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #c2afd4 } .page-body.skin-purple.login-page .login-form .login-footer .info-links a { color: #c2afd4 } .page-body.skin-purple.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-purple.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-purple.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-purple.login-page .external-login a i { margin-right: 5px } .page-body.skin-purple.login-page .external-login a:hover { background: #454849 } .page-body.skin-purple.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-purple.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-purple.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-purple.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-purple.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-purple.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-purple.login-page.login-light { background: #eee } .page-body.skin-purple.login-page.login-light .errors-container, .page-body.skin-purple.login-page.login-light .external-login { padding: 0 } .page-body.skin-purple.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-purple.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-purple.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-purple.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-purple.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-purple.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-purple.login-page { padding-top: 0 } .page-body.skin-purple.login-page .login-form, .page-body.skin-purple.login-page .errors-container, .page-body.skin-purple.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-purple.login-page .errors-container { margin-top: 20px } .page-body.skin-purple.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-purple.login-page.login-light .errors-container, .page-body.skin-purple.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-purple.login-page .row { margin: 0 } } .page-body.skin-purple.lockscreen-page { background: #795b95 } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group p { color: #c2afd4 } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group h3 { color: #c2afd4 } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #81629f; color: #fff } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #81629f } .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-purple.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(129, 98, 159, .3) } .page-body.skin-purple.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #81629f; -webkit-box-shadow: 0 0 0 10px #81629f, 0 -10px 0 10px #81629f, 0 -20px 0 10px #81629f, 0 -30px 0 10px #81629f; -moz-box-shadow: 0 0 0 10px #81629f, 0 -10px 0 10px #81629f, 0 -20px 0 10px #81629f, 0 -30px 0 10px #81629f; box-shadow: 0 0 0 10px #81629f, 0 -10px 0 10px #81629f, 0 -20px 0 10px #81629f, 0 -30px 0 10px #81629f } .page-body.skin-purple .sidebar-user-info { background-color: #6c5185; border-bottom-color: #81629f } .page-body.skin-purple .sidebar-user-info .user-profile span { color: #c2afd4 } .page-body.skin-purple .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-purple .sidebar-user-info .user-links { border-top-color: #81629f } .page-body.skin-purple .sidebar-user-info .user-links li a { color: #c2afd4 } .page-body.skin-purple .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(129, 98, 159, .25) } .page-body.skin-purple .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(129, 98, 159, .25) } .page-body.skin-purple .sidebar-user-info .user-links li+li a { border-left-color: #81629f } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-purple .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-purple .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-white .btn-primary { background: #95cd62 } .page-body.skin-white .btn-primary:hover { background: #88c74f; border-color: #88c74f } .page-body.skin-white .btn-primary:active, .page-body.skin-white .btn-primary:focus { background: #6fac37; border-color: #6fac37 } .page-body.skin-white .btn.btn-secondary { background-color: #555; color: #fff } .page-body.skin-white .btn.btn-secondary:hover { background-color: #484848; text-color: #fff } .page-body.skin-white .btn.btn-secondary:active, .page-body.skin-white .btn.btn-secondary:focus { background-color: #484848; border-color: #434343 } .page-body.skin-white .settings-pane { background: #eee; color: #666 } .page-body.skin-white .settings-pane>a[data-toggle=settings-pane] { color: #666 } .page-body.skin-white .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-white .settings-pane .user-info .user-details h3 a { color: #95cd62 } .page-body.skin-white .settings-pane .user-info .user-details .user-title { color: rgba(149, 205, 98, .65) } .page-body.skin-white .settings-pane .links-block.left-sep { border-left: 1px solid #fff } .page-body.skin-white .settings-pane .links-block h4 { color: #95cd62 } .page-body.skin-white .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #eee } .page-body.skin-white .settings-pane .links-block h4 a { color: #95cd62 } .page-body.skin-white .settings-pane .links-block h4 a:hover { color: #666 } .page-body.skin-white .settings-pane .links-block ul li a { color: #666 } .page-body.skin-white .settings-pane .links-block ul li a:hover { color: #95cd62 } .page-body.skin-white .sidebar-menu { background: #fff } .page-body.skin-white .sidebar-menu .logo-env { border-bottom: 1px solid #eee } .page-body.skin-white .sidebar-menu .logo-env .settings-icon a { color: #666 } .page-body.skin-white .sidebar-menu .logo-env .settings-icon a:hover { color: #95cd62 } .page-body.skin-white .sidebar-menu .main-menu a { color: #666; border-bottom: 1px solid #eee } .page-body.skin-white .sidebar-menu .main-menu a:hover { color: #5095d5; } .page-body.skin-white .sidebar-menu .main-menu li.active>a { color: #5095d5 } .page-body.skin-white .sidebar-menu .main-menu li.has-sub>a:before { color: #666 } .page-body.skin-white .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-white .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #eee } @media screen and (min-width:768px) { .page-body.skin-white .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-white .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-white .sidebar-menu.collapsed .main-menu>li li.active { background-color: #f7f7f7 } .page-body.skin-white .sidebar-menu.collapsed .main-menu>li>ul { background: #fff } } .page-body.skin-white .page-loading-overlay { background-color: #fff } .page-body.skin-white.login-page { background: #fff; color: #fff } .page-body.skin-white.login-page .login-form .login-header .logo span { color: #666 } .page-body.skin-white.login-page .login-form .login-header p { color: #666 } .page-body.skin-white.login-page .login-form .form-group .control-label { color: #666 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark { background: #f2f2f2; border: 1px solid transparent; color: #666 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #95cd62; opacity: 1 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-white.login-page .login-form .form-group .btn.btn-dark { border-color: #eee; background-color: #fff; color: #95cd62 } .page-body.skin-white.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(238, 238, 238, .3) } .page-body.skin-white.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-white.login-page .login-form .login-footer a { color: #95cd62 } .page-body.skin-white.login-page .login-form .login-footer a:hover { color: #8c8c8c } .page-body.skin-white.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #666 } .page-body.skin-white.login-page .login-form .login-footer .info-links a { color: #666 } .page-body.skin-white.login-page .login-form .login-footer .info-links a:hover { color: #95cd62 } .page-body.skin-white.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-white.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-white.login-page .external-login a i { margin-right: 5px } .page-body.skin-white.login-page .external-login a:hover { background: #454849 } .page-body.skin-white.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-white.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-white.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-white.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-white.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-white.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-white.login-page.login-light { background: #eee } .page-body.skin-white.login-page.login-light .errors-container, .page-body.skin-white.login-page.login-light .external-login { padding: 0 } .page-body.skin-white.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-white.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-white.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-white.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-white.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-white.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-white.login-page { padding-top: 0 } .page-body.skin-white.login-page .login-form, .page-body.skin-white.login-page .errors-container, .page-body.skin-white.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-white.login-page .errors-container { margin-top: 20px } .page-body.skin-white.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-white.login-page.login-light .errors-container, .page-body.skin-white.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-white.login-page .row { margin: 0 } } .page-body.skin-white.lockscreen-page { background: #fff } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group p { color: #666 } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group h3 { color: #666 } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #eee; color: #95cd62 } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(149, 205, 98, .5); opacity: 1 } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(149, 205, 98, .5) } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(149, 205, 98, .5) } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(149, 205, 98, .5) } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(149, 205, 98, .5) } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(149, 205, 98, .5) } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(149, 205, 98, .5) } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #95cd62; border: 1px solid #eee } .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-white.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(238, 238, 238, .3) } .page-body.skin-white.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #eee; -webkit-box-shadow: 0 0 0 10px #eee, 0 -10px 0 10px #eee, 0 -20px 0 10px #eee, 0 -30px 0 10px #eee; -moz-box-shadow: 0 0 0 10px #eee, 0 -10px 0 10px #eee, 0 -20px 0 10px #eee, 0 -30px 0 10px #eee; box-shadow: 0 0 0 10px #eee, 0 -10px 0 10px #eee, 0 -20px 0 10px #eee, 0 -30px 0 10px #eee } .page-body.skin-white .sidebar-user-info { background-color: #f2f2f2; border-bottom-color: #eee } .page-body.skin-white .sidebar-user-info .user-profile span { color: #666 } .page-body.skin-white .sidebar-user-info .user-profile span strong { color: #95cd62 } .page-body.skin-white .sidebar-user-info .user-links { border-top-color: #eee } .page-body.skin-white .sidebar-user-info .user-links li a { color: #666 } .page-body.skin-white .sidebar-user-info .user-links li a:hover { color: #95cd62; background-color: rgba(238, 238, 238, .25) } .page-body.skin-white .sidebar-user-info .user-links li.active a { color: #95cd62; background-color: rgba(238, 238, 238, .25) } .page-body.skin-white .sidebar-user-info .user-links li+li a { border-left-color: #eee } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-white .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-white .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-concrete .btn-primary { background: #a40f37 } .page-body.skin-concrete .btn-primary:hover { background: #8d0d2f; border-color: #8d0d2f } .page-body.skin-concrete .btn-primary:active, .page-body.skin-concrete .btn-primary:focus { background: #5e091f; border-color: #5e091f } .page-body.skin-concrete .btn.btn-secondary { background-color: #323232; color: #fff } .page-body.skin-concrete .btn.btn-secondary:hover { background-color: #252525; text-color: #fff } .page-body.skin-concrete .btn.btn-secondary:active, .page-body.skin-concrete .btn.btn-secondary:focus { background-color: #252525; border-color: #202020 } .page-body.skin-concrete .settings-pane { background: #b8bbb3; color: #666 } .page-body.skin-concrete .settings-pane>a[data-toggle=settings-pane] { color: #666 } .page-body.skin-concrete .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-concrete .settings-pane .user-info .user-details h3 a { color: #a40f37 } .page-body.skin-concrete .settings-pane .user-info .user-details .user-title { color: rgba(164, 15, 55, .65) } .page-body.skin-concrete .settings-pane .links-block.left-sep { border-left: 1px solid #a8aba2 } .page-body.skin-concrete .settings-pane .links-block h4 { color: #a40f37 } .page-body.skin-concrete .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #b8bbb3 } .page-body.skin-concrete .settings-pane .links-block h4 a { color: #a40f37 } .page-body.skin-concrete .settings-pane .links-block h4 a:hover { color: #666 } .page-body.skin-concrete .settings-pane .links-block ul li a { color: #666 } .page-body.skin-concrete .settings-pane .links-block ul li a:hover { color: #a40f37 } .page-body.skin-concrete .sidebar-menu { background: #a8aba2 } .page-body.skin-concrete .sidebar-menu .logo-env { border-bottom: 1px solid #b8bbb3 } .page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a { color: #666 } .page-body.skin-concrete .sidebar-menu .logo-env .settings-icon a:hover { color: #a40f37 } .page-body.skin-concrete .sidebar-menu .main-menu a { color: #666; border-bottom: 1px solid #b8bbb3 } .page-body.skin-concrete .sidebar-menu .main-menu a:hover { color: #a40f37 } .page-body.skin-concrete .sidebar-menu .main-menu li.active>a { color: #a40f37 } .page-body.skin-concrete .sidebar-menu .main-menu li.has-sub>a:before { color: #f7f7f6 } .page-body.skin-concrete .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-concrete .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-concrete .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-concrete .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-concrete .sidebar-menu.collapsed .main-menu>li li.active { background-color: #a0a49a } .page-body.skin-concrete .sidebar-menu.collapsed .main-menu>li>ul { background: #a8aba2 } } .page-body.skin-concrete .page-loading-overlay { background-color: #a8aba2 } .page-body.skin-concrete.login-page { background: #a8aba2; color: #fff } .page-body.skin-concrete.login-page .login-form .login-header .logo span { color: #666 } .page-body.skin-concrete.login-page .login-form .login-header p { color: #666 } .page-body.skin-concrete.login-page .login-form .form-group .control-label { color: #666 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark { background: #9b9f95; border: 1px solid transparent; color: #666 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #a40f37; opacity: 1 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-concrete.login-page .login-form .form-group .btn.btn-dark { border-color: #b8bbb3; background-color: #a8aba2; color: #a40f37 } .page-body.skin-concrete.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(184, 187, 179, .3) } .page-body.skin-concrete.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-concrete.login-page .login-form .login-footer a { color: #a40f37 } .page-body.skin-concrete.login-page .login-form .login-footer a:hover { color: #8c8c8c } .page-body.skin-concrete.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #666 } .page-body.skin-concrete.login-page .login-form .login-footer .info-links a { color: #666 } .page-body.skin-concrete.login-page .login-form .login-footer .info-links a:hover { color: #a40f37 } .page-body.skin-concrete.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-concrete.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-concrete.login-page .external-login a i { margin-right: 5px } .page-body.skin-concrete.login-page .external-login a:hover { background: #454849 } .page-body.skin-concrete.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-concrete.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-concrete.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-concrete.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-concrete.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-concrete.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-concrete.login-page.login-light { background: #eee } .page-body.skin-concrete.login-page.login-light .errors-container, .page-body.skin-concrete.login-page.login-light .external-login { padding: 0 } .page-body.skin-concrete.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-concrete.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-concrete.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-concrete.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-concrete.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-concrete.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-concrete.login-page { padding-top: 0 } .page-body.skin-concrete.login-page .login-form, .page-body.skin-concrete.login-page .errors-container, .page-body.skin-concrete.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-concrete.login-page .errors-container { margin-top: 20px } .page-body.skin-concrete.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-concrete.login-page.login-light .errors-container, .page-body.skin-concrete.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-concrete.login-page .row { margin: 0 } } .page-body.skin-concrete.lockscreen-page { background: #a8aba2 } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group p { color: #666 } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group h3 { color: #666 } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #b8bbb3; color: #a40f37 } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(164, 15, 55, .5); opacity: 1 } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(164, 15, 55, .5) } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(164, 15, 55, .5) } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(164, 15, 55, .5) } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(164, 15, 55, .5) } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(164, 15, 55, .5) } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(164, 15, 55, .5) } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #a40f37; border: 1px solid #b8bbb3 } .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-concrete.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(184, 187, 179, .3) } .page-body.skin-concrete.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #b8bbb3; -webkit-box-shadow: 0 0 0 10px #b8bbb3, 0 -10px 0 10px #b8bbb3, 0 -20px 0 10px #b8bbb3, 0 -30px 0 10px #b8bbb3; -moz-box-shadow: 0 0 0 10px #b8bbb3, 0 -10px 0 10px #b8bbb3, 0 -20px 0 10px #b8bbb3, 0 -30px 0 10px #b8bbb3; box-shadow: 0 0 0 10px #b8bbb3, 0 -10px 0 10px #b8bbb3, 0 -20px 0 10px #b8bbb3, 0 -30px 0 10px #b8bbb3 } .page-body.skin-concrete .sidebar-user-info { background-color: #9b9f95; border-bottom-color: #b8bbb3 } .page-body.skin-concrete .sidebar-user-info .user-profile span { color: #666 } .page-body.skin-concrete .sidebar-user-info .user-profile span strong { color: #a40f37 } .page-body.skin-concrete .sidebar-user-info .user-links { border-top-color: #b8bbb3 } .page-body.skin-concrete .sidebar-user-info .user-links li a { color: #666 } .page-body.skin-concrete .sidebar-user-info .user-links li a:hover { color: #a40f37; background-color: rgba(184, 187, 179, .25) } .page-body.skin-concrete .sidebar-user-info .user-links li.active a { color: #a40f37; background-color: rgba(184, 187, 179, .25) } .page-body.skin-concrete .sidebar-user-info .user-links li+li a { border-left-color: #b8bbb3 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-concrete .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-concrete .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-watermelon .btn-primary { background: #b63131 } .page-body.skin-watermelon .btn-primary:hover { background: #a22c2c; border-color: #a22c2c } .page-body.skin-watermelon .btn-primary:active, .page-body.skin-watermelon .btn-primary:focus { background: #7a2121; border-color: #7a2121 } .page-body.skin-watermelon .btn.btn-secondary { background-color: #32932e; color: #fff } .page-body.skin-watermelon .btn.btn-secondary:hover { background-color: #2b8028; text-color: #fff } .page-body.skin-watermelon .btn.btn-secondary:active, .page-body.skin-watermelon .btn.btn-secondary:focus { background-color: #2b8028; border-color: #297825 } .page-body.skin-watermelon .settings-pane { background: #c03737; color: #f7b2b2 } .page-body.skin-watermelon .settings-pane>a[data-toggle=settings-pane] { color: #f7b2b2 } .page-body.skin-watermelon .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-watermelon .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-watermelon .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-watermelon .settings-pane .links-block.left-sep { border-left: 1px solid #b63131 } .page-body.skin-watermelon .settings-pane .links-block h4 { color: #fff } .page-body.skin-watermelon .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #c03737 } .page-body.skin-watermelon .settings-pane .links-block h4 a { color: #fff } .page-body.skin-watermelon .settings-pane .links-block h4 a:hover { color: #f7b2b2 } .page-body.skin-watermelon .settings-pane .links-block ul li a { color: #f7b2b2 } .page-body.skin-watermelon .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-watermelon .sidebar-menu { background: #b63131 } .page-body.skin-watermelon .sidebar-menu .logo-env { border-bottom: 1px solid #c03737 } .page-body.skin-watermelon .sidebar-menu .logo-env .settings-icon a { color: #f7b2b2 } .page-body.skin-watermelon .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-watermelon .sidebar-menu .main-menu a { color: #f7b2b2; border-bottom: 1px solid #c03737 } .page-body.skin-watermelon .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-watermelon .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-watermelon .sidebar-menu .main-menu li.has-sub>a:before { color: #e19696 } .page-body.skin-watermelon .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-watermelon .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-watermelon .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu>li li.active { background-color: #aa2e2e } .page-body.skin-watermelon .sidebar-menu.collapsed .main-menu>li>ul { background: #b63131 } } .page-body.skin-watermelon .page-loading-overlay { background-color: #b63131 } .page-body.skin-watermelon.login-page { background: #b63131; color: #fff } .page-body.skin-watermelon.login-page .login-form .login-header .logo span { color: #f7b2b2 } .page-body.skin-watermelon.login-page .login-form .login-header p { color: #f7b2b2 } .page-body.skin-watermelon.login-page .login-form .form-group .control-label { color: #f7b2b2 } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark { background: #a22c2c; border: 1px solid transparent; color: #f7b2b2 } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark { border-color: #c03737; background-color: #b63131; color: #fff } .page-body.skin-watermelon.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(192, 55, 55, .3) } .page-body.skin-watermelon.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-watermelon.login-page .login-form .login-footer a { color: #fff } .page-body.skin-watermelon.login-page .login-form .login-footer a:hover { color: #fef7f7 } .page-body.skin-watermelon.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #f7b2b2 } .page-body.skin-watermelon.login-page .login-form .login-footer .info-links a { color: #f7b2b2 } .page-body.skin-watermelon.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-watermelon.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-watermelon.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-watermelon.login-page .external-login a i { margin-right: 5px } .page-body.skin-watermelon.login-page .external-login a:hover { background: #454849 } .page-body.skin-watermelon.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-watermelon.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-watermelon.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-watermelon.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-watermelon.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-watermelon.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-watermelon.login-page.login-light { background: #eee } .page-body.skin-watermelon.login-page.login-light .errors-container, .page-body.skin-watermelon.login-page.login-light .external-login { padding: 0 } .page-body.skin-watermelon.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-watermelon.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-watermelon.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-watermelon.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-watermelon.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-watermelon.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-watermelon.login-page { padding-top: 0 } .page-body.skin-watermelon.login-page .login-form, .page-body.skin-watermelon.login-page .errors-container, .page-body.skin-watermelon.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-watermelon.login-page .errors-container { margin-top: 20px } .page-body.skin-watermelon.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-watermelon.login-page.login-light .errors-container, .page-body.skin-watermelon.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-watermelon.login-page .row { margin: 0 } } .page-body.skin-watermelon.lockscreen-page { background: #b63131 } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group p { color: #f7b2b2 } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group h3 { color: #f7b2b2 } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #c03737; color: #fff } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #c03737 } .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-watermelon.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(192, 55, 55, .3) } .page-body.skin-watermelon.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #c03737; -webkit-box-shadow: 0 0 0 10px #c03737, 0 -10px 0 10px #c03737, 0 -20px 0 10px #c03737, 0 -30px 0 10px #c03737; -moz-box-shadow: 0 0 0 10px #c03737, 0 -10px 0 10px #c03737, 0 -20px 0 10px #c03737, 0 -30px 0 10px #c03737; box-shadow: 0 0 0 10px #c03737, 0 -10px 0 10px #c03737, 0 -20px 0 10px #c03737, 0 -30px 0 10px #c03737 } .page-body.skin-watermelon .sidebar-user-info { background-color: #a22c2c; border-bottom-color: #c03737 } .page-body.skin-watermelon .sidebar-user-info .user-profile span { color: #f7b2b2 } .page-body.skin-watermelon .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-watermelon .sidebar-user-info .user-links { border-top-color: #c03737 } .page-body.skin-watermelon .sidebar-user-info .user-links li a { color: #f7b2b2 } .page-body.skin-watermelon .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(192, 55, 55, .25) } .page-body.skin-watermelon .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(192, 55, 55, .25) } .page-body.skin-watermelon .sidebar-user-info .user-links li+li a { border-left-color: #c03737 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-watermelon .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-watermelon .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.skin-lemonade .btn-primary { background: #f5c150 } .page-body.skin-lemonade .btn-primary:hover { background: #f4b838; border-color: #f4b838 } .page-body.skin-lemonade .btn-primary:active, .page-body.skin-lemonade .btn-primary:focus { background: #eba50d; border-color: #eba50d } .page-body.skin-lemonade .btn.btn-secondary { background-color: #d9a940; color: #fff } .page-body.skin-lemonade .btn.btn-secondary:hover { background-color: #d59f2b; text-color: #fff } .page-body.skin-lemonade .btn.btn-secondary:active, .page-body.skin-lemonade .btn.btn-secondary:focus { background-color: #d59f2b; border-color: #cd9929 } .page-body.skin-lemonade .settings-pane { background: #ffcf67; color: #ffeec9 } .page-body.skin-lemonade .settings-pane>a[data-toggle=settings-pane] { color: #ffeec9 } .page-body.skin-lemonade .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .page-body.skin-lemonade .settings-pane .user-info .user-details h3 a { color: #fff } .page-body.skin-lemonade .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65) } .page-body.skin-lemonade .settings-pane .links-block.left-sep { border-left: 1px solid #f5c150 } .page-body.skin-lemonade .settings-pane .links-block h4 { color: #fff } .page-body.skin-lemonade .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #ffcf67 } .page-body.skin-lemonade .settings-pane .links-block h4 a { color: #fff } .page-body.skin-lemonade .settings-pane .links-block h4 a:hover { color: #ffeec9 } .page-body.skin-lemonade .settings-pane .links-block ul li a { color: #ffeec9 } .page-body.skin-lemonade .settings-pane .links-block ul li a:hover { color: #fff } .page-body.skin-lemonade .sidebar-menu { background: #f5c150 } .page-body.skin-lemonade .sidebar-menu .logo-env { border-bottom: 1px solid #ffcf67 } .page-body.skin-lemonade .sidebar-menu .logo-env .settings-icon a { color: #ffeec9 } .page-body.skin-lemonade .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .page-body.skin-lemonade .sidebar-menu .main-menu a { color: #ffeec9; border-bottom: 1px solid #ffcf67 } .page-body.skin-lemonade .sidebar-menu .main-menu a:hover { color: #fff } .page-body.skin-lemonade .sidebar-menu .main-menu li.active>a { color: #fff } .page-body.skin-lemonade .sidebar-menu .main-menu li.has-sub>a:before { color: #fff7e6 } .page-body.skin-lemonade .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .page-body.skin-lemonade .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #fff } @media screen and (min-width:768px) { .page-body.skin-lemonade .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu>li.active, .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu>li li.active { background-color: #f4bc42 } .page-body.skin-lemonade .sidebar-menu.collapsed .main-menu>li>ul { background: #f5c150 } } .page-body.skin-lemonade .page-loading-overlay { background-color: #f5c150 } .page-body.skin-lemonade.login-page { background: #f5c150; color: #fff } .page-body.skin-lemonade.login-page .login-form .login-header .logo span { color: #ffeec9 } .page-body.skin-lemonade.login-page .login-form .login-header p { color: #ffeec9 } .page-body.skin-lemonade.login-page .login-form .form-group .control-label { color: #ffeec9 } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark { background: #f4b838; border: 1px solid transparent; color: #ffeec9 } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff; opacity: 1 } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder { color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder { color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder { color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .form-control.error { border-color: rgba(204, 63, 68, .5) } .page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark { border-color: #ffcf67; background-color: #f5c150; color: #fff } .page-body.skin-lemonade.login-page .login-form .form-group .btn.btn-dark:hover { background-color: rgba(255, 207, 103, .3) } .page-body.skin-lemonade.login-page .login-form .login-footer { margin-top: 45px } .page-body.skin-lemonade.login-page .login-form .login-footer a { color: #fff } .page-body.skin-lemonade.login-page .login-form .login-footer a:hover { color: #fff } .page-body.skin-lemonade.login-page .login-form .login-footer .info-links { font-size: 11px; margin-top: 5px; color: #ffeec9 } .page-body.skin-lemonade.login-page .login-form .login-footer .info-links a { color: #ffeec9 } .page-body.skin-lemonade.login-page .login-form .login-footer .info-links a:hover { color: #fff } .page-body.skin-lemonade.login-page .external-login { position: relative; margin-bottom: 30px; padding: 0 30px } .page-body.skin-lemonade.login-page .external-login a { display: block; color: #fff; background: #2c2e2f; padding: 13px 20px; font-size: 15px; margin-bottom: 10px } .page-body.skin-lemonade.login-page .external-login a i { margin-right: 5px } .page-body.skin-lemonade.login-page .external-login a:hover { background: #454849 } .page-body.skin-lemonade.login-page .external-login a.facebook { background-color: #3b5998 } .page-body.skin-lemonade.login-page .external-login a.facebook:hover { background-color: #2d4373 } .page-body.skin-lemonade.login-page .external-login a.twitter { background-color: #55acee } .page-body.skin-lemonade.login-page .external-login a.twitter:hover { background-color: #2795e9 } .page-body.skin-lemonade.login-page .external-login a.gplus { background-color: #dd4b39 } .page-body.skin-lemonade.login-page .external-login a.gplus:hover { background-color: #c23321 } .page-body.skin-lemonade.login-page.login-light { background: #eee } .page-body.skin-lemonade.login-page.login-light .errors-container, .page-body.skin-lemonade.login-page.login-light .external-login { padding: 0 } .page-body.skin-lemonade.login-page.login-light .form-group label.error { color: rgba(151, 152, 152, .8) } .page-body.skin-lemonade.login-page.login-light .login-form { background: #fff; color: #979898 } .page-body.skin-lemonade.login-page.login-light .login-form .login-footer a { color: #68b828 } .page-body.skin-lemonade.login-page.login-light .login-form .login-footer a:hover { color: #508e1f } .page-body.skin-lemonade.login-page.login-light .login-form .login-footer .info-links a { color: rgba(151, 152, 152, .7) } .page-body.skin-lemonade.login-page.login-light .login-form .login-footer .info-links a:hover { color: #979898 } @media screen and (max-width:768px) { .page-body.skin-lemonade.login-page { padding-top: 0 } .page-body.skin-lemonade.login-page .login-form, .page-body.skin-lemonade.login-page .errors-container, .page-body.skin-lemonade.login-page .external-login { padding-left: 10px; padding-right: 10px } .page-body.skin-lemonade.login-page .errors-container { margin-top: 20px } .page-body.skin-lemonade.login-page.login-light .login-form { padding-left: 30px; padding-right: 30px } .page-body.skin-lemonade.login-page.login-light .errors-container, .page-body.skin-lemonade.login-page.login-light .external-login { padding-left: 0; padding-right: 0 } .page-body.skin-lemonade.login-page .row { margin: 0 } } .page-body.skin-lemonade.lockscreen-page { background: #f5c150 } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group p { color: #ffeec9 } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group h3 { color: #ffeec9 } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control { border: 1px solid #ffcf67; color: #fff } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1 } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn { color: #fff; border: 1px solid #ffcf67 } .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover, .page-body.skin-lemonade.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus { background-color: rgba(255, 207, 103, .3) } .page-body.skin-lemonade.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #ffcf67; -webkit-box-shadow: 0 0 0 10px #ffcf67, 0 -10px 0 10px #ffcf67, 0 -20px 0 10px #ffcf67, 0 -30px 0 10px #ffcf67; -moz-box-shadow: 0 0 0 10px #ffcf67, 0 -10px 0 10px #ffcf67, 0 -20px 0 10px #ffcf67, 0 -30px 0 10px #ffcf67; box-shadow: 0 0 0 10px #ffcf67, 0 -10px 0 10px #ffcf67, 0 -20px 0 10px #ffcf67, 0 -30px 0 10px #ffcf67 } .page-body.skin-lemonade .sidebar-user-info { background-color: #f4b838; border-bottom-color: #ffcf67 } .page-body.skin-lemonade .sidebar-user-info .user-profile span { color: #ffeec9 } .page-body.skin-lemonade .sidebar-user-info .user-profile span strong { color: #fff } .page-body.skin-lemonade .sidebar-user-info .user-links { border-top-color: #ffcf67 } .page-body.skin-lemonade .sidebar-user-info .user-links li a { color: #ffeec9 } .page-body.skin-lemonade .sidebar-user-info .user-links li a:hover { color: #fff; background-color: rgba(255, 207, 103, .25) } .page-body.skin-lemonade .sidebar-user-info .user-links li.active a { color: #fff; background-color: rgba(255, 207, 103, .25) } .page-body.skin-lemonade .sidebar-user-info .user-links li+li a { border-left-color: #ffcf67 } @media screen and (min-width:991px) { .sidebar-menu.collapsed .page-body.skin-lemonade .sidebar-user-info .sidebar-user-info-inner .user-profile span { background-color: #27292a } .sidebar-menu.collapsed .page-body.skin-lemonade .sidebar-user-info .sidebar-user-info-inner .user-links { background-color: #27292a } } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu { background: #558c89; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #6da5a2 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #558c89 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #6da5a2; border-top: 1px solid #77aba8; border-bottom: 1px solid #77aba8 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #649f9c; border-top-color: #6aa3a0; border-bottom-color: #6aa3a0 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #6aa3a0 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #6aa3a0; border-top-color: #6aa3a0; border-bottom-color: #6aa3a0 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #6aa3a0 } } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #5f9a97; color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #5f9a97; border-color: #6da5a2; color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #5f9a97; border-color: #5f9a97 } .page-body.horizontal-menu-skin-aero .page-loading-overlay { background-color: #558c89 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu { background: #558c89; color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #ececea; border-color: #5f9a97 } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #ececea } .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-aero .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu { background: #2c3e50; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #3d566e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #2c3e50 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #3d566e; border-top: 1px solid #435d78; border-bottom: 1px solid #435d78 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #384e65; border-top-color: #3b536b; border-bottom-color: #3b536b } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #3b536b } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #3b536b; border-top-color: #3b536b; border-bottom-color: #3b536b } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #3b536b } } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #34495e; color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #34495e; border-color: #3d566e; color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #34495e; border-color: #34495e } .page-body.horizontal-menu-skin-navy .page-loading-overlay { background-color: #2c3e50 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu { background: #2c3e50; color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #a7bfd6; border-color: #34495e } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #a7bfd6 } .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-navy .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu { background: #3b5998; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #486bb2 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #3b5998 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #486bb2; border-top: 1px solid #5173b8; border-bottom: 1px solid #5173b8 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #4464a7; border-top-color: #4769af; border-bottom-color: #4769af } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #4769af } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #4769af; border-top-color: #4769af; border-bottom-color: #4769af } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #4769af } } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #4160a0; color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #4160a0; border-color: #486bb2; color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #4160a0; border-color: #4160a0 } .page-body.horizontal-menu-skin-facebook .page-loading-overlay { background-color: #3b5998 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu { background: #3b5998; color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #8b9dc3; border-color: #4160a0 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #8b9dc3 } .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-facebook .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu { background: #16a085; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #21c5a4 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #16a085 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #21c5a4; border-top: 1px solid #23d2af; border-bottom: 1px solid #23d2af } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #1eb899; border-top-color: #20c1a1; border-bottom-color: #20c1a1 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #20c1a1 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #20c1a1; border-top-color: #20c1a1; border-bottom-color: #20c1a1 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #20c1a1 } } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #1daf92; color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #1daf92; border-color: #21c5a4; color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #1daf92; border-color: #1daf92 } .page-body.horizontal-menu-skin-turquoise .page-loading-overlay { background-color: #16a085 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu { background: #16a085; color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #96ead9; border-color: #1daf92 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #96ead9 } .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-turquoise .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu { background: #8cc657; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #a2d375 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #8cc657 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #a2d375; border-top: 1px solid #aad781; border-bottom: 1px solid #aad781 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #9acf6a; border-top-color: #9fd271; border-bottom-color: #9fd271 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #9fd271 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #9fd271; border-top-color: #9fd271; border-bottom-color: #9fd271 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #9fd271 } } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #95cd62; color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #95cd62; border-color: #a2d375; color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #95cd62; border-color: #95cd62 } .page-body.horizontal-menu-skin-lime .page-loading-overlay { background-color: #8cc657 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu { background: #8cc657; color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #fff; border-color: #95cd62 } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #fff } .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-lime .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu { background: #27ae60; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #38ce77 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #27ae60 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #38ce77; border-top: 1px solid #44d180; border-bottom: 1px solid #44d180 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #31c570; border-top-color: #34cc74; border-bottom-color: #34cc74 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #34cc74 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #34cc74; border-top-color: #34cc74; border-bottom-color: #34cc74 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #34cc74 } } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #2fbd6b; color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #2fbd6b; border-color: #38ce77; color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #2fbd6b; border-color: #2fbd6b } .page-body.horizontal-menu-skin-green .page-loading-overlay { background-color: #27ae60 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-green .navbar.horizontal-menu { background: #27ae60; color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #a2f9c7; border-color: #2fbd6b } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #a2f9c7 } .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-green .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu { background: #795b95; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #8e72a9 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #795b95 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #8e72a9; border-top: 1px solid #957bae; border-bottom: 1px solid #957bae } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #8668a3; border-top-color: #8b6fa7; border-bottom-color: #8b6fa7 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #8b6fa7 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #8b6fa7; border-top-color: #8b6fa7; border-bottom-color: #8b6fa7 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #8b6fa7 } } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #81629f; color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #81629f; border-color: #8e72a9; color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #81629f; border-color: #81629f } .page-body.horizontal-menu-skin-purple .page-loading-overlay { background-color: #795b95 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu { background: #795b95; color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #c2afd4; border-color: #81629f } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #c2afd4 } .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-purple .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #95cd62 } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #fbfbfb } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #95cd62; background: #fff } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #fbfbfb; border-top: 1px solid #fff; border-bottom: 1px solid #fff } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #f3f3f3; border-top-color: #f8f8f8; border-bottom-color: #f8f8f8 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #f8f8f8 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #f8f8f8; border-top-color: #f8f8f8; border-bottom-color: #f8f8f8 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #f8f8f8 } } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #eee; color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #eee; border-color: #fbfbfb; color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #eee; border-color: #eee } .page-body.horizontal-menu-skin-white .page-loading-overlay { background-color: #fff } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-white .navbar.horizontal-menu { background: #fff; color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #666; border-color: #eee } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #95cd62 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #666 } .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-white .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #95cd62 } } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu { background: #a8aba2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #a40f37 } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #c5c7c0 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #a40f37; background: #a8aba2 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #c5c7c0; border-top: 1px solid #cccec9; border-bottom: 1px solid #cccec9 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #bdc0b8; border-top-color: #c2c5be; border-bottom-color: #c2c5be } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #c2c5be } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #c2c5be; border-top-color: #c2c5be; border-bottom-color: #c2c5be } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #c2c5be } } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #b8bbb3; color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #b8bbb3; border-color: #c5c7c0; color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #b8bbb3; border-color: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .page-loading-overlay { background-color: #a8aba2 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu { background: #a8aba2; color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #666; border-color: #b8bbb3 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #a40f37 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #666 } .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-concrete .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #a40f37 } } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu { background: #b63131; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #ca4646 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #b63131 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #ca4646; border-top: 1px solid #ce5252; border-bottom: 1px solid #ce5252 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #c73a3a; border-top-color: #c94242; border-bottom-color: #c94242 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #c94242 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #c94242; border-top-color: #c94242; border-bottom-color: #c94242 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #c94242 } } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #c03737; color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #c03737; border-color: #ca4646; color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #c03737; border-color: #c03737 } .page-body.horizontal-menu-skin-watermelon .page-loading-overlay { background-color: #b63131 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu { background: #b63131; color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #f7b2b2; border-color: #c03737 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #f7b2b2 } .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-watermelon .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu { background: #f5c150; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .settings-pane-open .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #fff } @media screen and (min-width:768px) { .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav>li { border: 0 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: transparent; background-color: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul { background: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { background: #ffd781 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #fff; background: #f5c150 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #ffd781; border-top: 1px solid #ffdc90; border-bottom: 1px solid #ffdc90 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #ffd271; border-top-color: #ffd57b; border-bottom-color: #ffd57b } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #ffd57b } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #ffd57b; border-top-color: #ffd57b; border-bottom-color: #ffd57b } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #ffd57b } } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li:hover { background: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li i { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a { border: 0 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #ffcf67; color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { background: #68b828 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus { background: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .chat-open .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #ffcf67; border-color: #ffd781; color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li>ul { border-color: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover { color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #ffcf67; border-color: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .page-loading-overlay { background-color: #f5c150 } @media screen and (max-width:768px) { .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu { background: #f5c150; color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.navbar-nav a { color: #ffeec9; border-color: #ffcf67 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus { color: #fff } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { color: #ffeec9 } .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .page-body.horizontal-menu-skin-lemonade .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } } .page-body.user-info-navbar-skin-aero .user-info-navbar { background-color: #558c89 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.hover-line:before { background: #ececea } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li>a { color: #ececea; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .btn { color: #ececea } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #5f9a97; background: #f3f3f3 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu { background: #5f9a97; border: 1px solid transparent } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #ececea } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #ececea } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #ececea; border-bottom: 1px solid #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #ececea; background-color: #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #5f9a97; color: #FFF } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #ececea; border-bottom: 1px solid #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #6da5a2 } .page-body.user-info-navbar-skin-aero .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-navy .user-info-navbar { background-color: #2c3e50 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.hover-line:before { background: #a7bfd6 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li>a { color: #a7bfd6; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .btn { color: #a7bfd6 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #34495e; background: #f3f3f3 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu { background: #34495e; border: 1px solid transparent } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #a7bfd6 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #a7bfd6 } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #a7bfd6; border-bottom: 1px solid #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #a7bfd6; background-color: #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #34495e; color: #FFF } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #a7bfd6; border-bottom: 1px solid #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #3d566e } .page-body.user-info-navbar-skin-navy .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-facebook .user-info-navbar { background-color: #3b5998 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.hover-line:before { background: #8b9dc3 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li>a { color: #8b9dc3; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .btn { color: #8b9dc3 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #4160a0; background: #f3f3f3 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu { background: #4160a0; border: 1px solid transparent } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #8b9dc3 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #8b9dc3 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #8b9dc3; border-bottom: 1px solid #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #8b9dc3; background-color: #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #4160a0; color: #FFF } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #8b9dc3; border-bottom: 1px solid #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #486bb2 } .page-body.user-info-navbar-skin-facebook .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar { background-color: #16a085 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.hover-line:before { background: #96ead9 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li>a { color: #96ead9; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .btn { color: #96ead9 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #1daf92; background: #f3f3f3 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu { background: #1daf92; border: 1px solid transparent } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #96ead9 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #96ead9 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #96ead9; border-bottom: 1px solid #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #96ead9; background-color: #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #1daf92; color: #FFF } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #96ead9; border-bottom: 1px solid #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #21c5a4 } .page-body.user-info-navbar-skin-turquoise .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-lime .user-info-navbar { background-color: #8cc657 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.hover-line:before { background: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li>a { color: #fff; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .btn { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #95cd62; background: #f3f3f3 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu { background: #95cd62; border: 1px solid transparent } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #fff; border-bottom: 1px solid #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #fff; background-color: #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #95cd62; color: #FFF } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #fff; border-bottom: 1px solid #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #a2d375 } .page-body.user-info-navbar-skin-lime .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-green .user-info-navbar { background-color: #27ae60 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.hover-line:before { background: #a2f9c7 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li>a { color: #a2f9c7; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .btn { color: #a2f9c7 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #2fbd6b; background: #f3f3f3 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu { background: #2fbd6b; border: 1px solid transparent } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #a2f9c7 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #a2f9c7 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #a2f9c7; border-bottom: 1px solid #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #a2f9c7; background-color: #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #2fbd6b; color: #FFF } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #a2f9c7; border-bottom: 1px solid #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #38ce77 } .page-body.user-info-navbar-skin-green .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-purple .user-info-navbar { background-color: #795b95 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.hover-line:before { background: #c2afd4 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li>a { color: #c2afd4; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .btn { color: #c2afd4 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #81629f; background: #f3f3f3 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu { background: #81629f; border: 1px solid transparent } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #c2afd4 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #c2afd4 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #c2afd4; border-bottom: 1px solid #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #c2afd4; background-color: #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #81629f; color: #FFF } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #c2afd4; border-bottom: 1px solid #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #8e72a9 } .page-body.user-info-navbar-skin-purple .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-white .user-info-navbar { background-color: #fff } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.hover-line:before { background: #666 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li>a { color: #666; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li>a:hover { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .btn { color: #666 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #eee; background: #f3f3f3 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li.open>a { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu { background: #eee; border: 1px solid transparent } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #666 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #666 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #666; border-bottom: 1px solid #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #666; background-color: #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #eee; color: #FFF } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #666; border-bottom: 1px solid #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #95cd62 } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #fbfbfb } .page-body.user-info-navbar-skin-white .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar { background-color: #a8aba2 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.hover-line:before { background: #666 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li>a { color: #666; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li>a:hover { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .btn { color: #666 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #b8bbb3; background: #f3f3f3 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li.open>a { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu { background: #b8bbb3; border: 1px solid transparent } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #666 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #666 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #666; border-bottom: 1px solid #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #666; background-color: #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #b8bbb3; color: #FFF } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #666; border-bottom: 1px solid #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #a40f37 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #c5c7c0 } .page-body.user-info-navbar-skin-concrete .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar { background-color: #b63131 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.hover-line:before { background: #f7b2b2 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li>a { color: #f7b2b2; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .btn { color: #f7b2b2 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #c03737; background: #f3f3f3 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu { background: #c03737; border: 1px solid transparent } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #f7b2b2 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #f7b2b2 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #f7b2b2; border-bottom: 1px solid #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #f7b2b2; background-color: #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #c03737; color: #FFF } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #f7b2b2; border-bottom: 1px solid #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #ca4646 } .page-body.user-info-navbar-skin-watermelon .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar { background-color: #f5c150 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li { border: 0 solid transparent } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.hover-line:before { background: #ffeec9 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li>a { color: #ffeec9; border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li>a:hover { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li>form { border-bottom: 1px solid transparent } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .btn { color: #ffeec9 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .btn:hover { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .btn:active, .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field { border: 1px solid #ffcf67; background: #f3f3f3 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.open { border-left-color: transparent; border-right-color: transparent; z-index: 15 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li.open>a { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu { background: #ffcf67; border: 1px solid transparent } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a { color: #ffeec9 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after { background: #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu>.top a { color: #ffeec9 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu>.top p { color: #ffeec9; border-bottom: 1px solid #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after { background-color: #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu>.external a { color: #ffeec9; background-color: #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after { background-color: #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { background: #ffcf67; color: #FFF } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a { color: #ffeec9; border-bottom: 1px solid #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover { color: #fff } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last { background: #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after { background: #ffd781 } .page-body.user-info-navbar-skin-lemonade .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 }