fullstack.web/www/assets/css/xenon-skins.css
2022-12-22 14:57:51 +08:00

9075 lines
282 KiB
CSS

.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
}