BeamMP/BeamMP-Website
1
0
Fork 0
mirror of https://github.com/BeamMP/BeamMP-Website.git synced 2026-02-16 10:40:51 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
75673baf4485e22abf9a97416e08204712c7f9d2
BeamMP-Website/static/stylesheets/app.css
Starystars67 530cfae94d Initial Website Setup
2020-11-19 00:31:33 +00:00

5310 lines
190 KiB
CSS
Raw Blame History

.navigation {
margin-bottom: 0;
position: relative;
min-height: 50px;
z-index: 100; }
.navigation .navbar {
position: absolute;
right: 0;
width: 100%;
border-width: 0 0 1px 0;
margin-bottom: 0; }
.navigation .sidebar {
left: 0;
margin-top: 51px;
width: 250px;
position: absolute; }
body.sidebar-full-height .navigation .navbar .container-fluid {
padding-left: 0; }
body.rtl .navigation .navbar {
right: auto;
left: 0; }
body.rtl .navigation .sidebar {
right: 0;
left: auto; }
.content {
margin-left: 250px;
background-color: #212121;
border-left: 1px solid #212121;
min-height: 100vh; }
@media (min-width: 480px) {
.content {
padding: 0 1rem; }
.content > .sub-navbar {
margin: 0 -1rem;
padding-left: 1rem;
padding-right: 1rem; } }
@media screen and (max-width: 1420px) {
body:not(.sidebar-disabled):not(.sidebar-big-icons):not(.sidebar-slim) .content > .sub-navbar > .container,
body:not(.sidebar-disabled):not(.sidebar-big-icons):not(.sidebar-slim) .content > .container {
width: 100%; } }
@media screen and (max-width: 1307px) {
body:not(.sidebar-disabled):not(.sidebar-slim).sidebar-big-icons .content > .sub-navbar > .container,
body:not(.sidebar-disabled):not(.sidebar-slim).sidebar-big-icons .content > .container {
width: 100%; } }
@media screen and (max-width: 1220px) {
body:not(.sidebar-disabled):not(.sidebar-big-icons).sidebar-slim .content > .sub-navbar > .container,
body:not(.sidebar-disabled):not(.sidebar-big-icons).sidebar-slim .content > .container {
width: 100%; } }
body.rtl .content {
border-left: none;
border-right: 1px solid #212121;
margin-left: 0;
margin-right: 250px; }
/****************************************************************
* Position control *
*****************************************************************/
html {
position: relative;
min-height: 100%; }
body {
min-height: 100%;
background-color: #404043;
position: static;
/*.navigation .sidebar .spin-sidebar-section{
&:first-child{
height: $navbar-height;
}
}
*/
/*
&.sidebar-fixed.sidebar-full-height{
.navigation .sidebar{
position: fixed;
top: 0;
margin-top: 0;
}
}
*/ }
body .main-wrap {
position: relative;
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
background-color: #1A1A1A; }
body .navigation .sidebar .spin-avatar {
max-width: 60%; }
body.sidebar-slim .sidebar .avatar-container {
height: 50px;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-bottom: none; }
body.sidebar-slim .sidebar .avatar-container .spin-avatar {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
body .sidebar .avatar-container {
border-right: 1px solid #212121;
border-bottom: 1px solid #212121; }
body .sidebar .avatar-container .spin-avatar {
display: block;
margin: 0 auto; }
@media only screen and (min-width: 1200px) {
body.boxed-layout .main-wrap {
max-width: 1200px;
margin: 0 auto;
border-left: 1px solid #212121;
border-right: 1px solid #212121; }
body.boxed-layout.sidebar-fixed:not(.navbar-fixed) .sidebar.affix-top {
left: 0 !important;
right: auto !important; }
body.boxed-layout.sidebar-fixed .sidebar.affix,
body.boxed-layout.sidebar-fixed.navbar-fixed .sidebar {
right: auto;
left: 50% !important;
-webkit-transform: translateX(-600px);
transform: translateX(-600px); }
body.boxed-layout.navbar-fixed .navbar {
max-width: 1200px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-left: 1px solid #212121; }
body.boxed-layout.navbar-fixed.sidebar-full-height .navbar {
max-width: 950px;
-webkit-transform: translateX(-50%) translateX(-125px);
transform: translateX(-50%) translateX(-125px); }
body.boxed-layout.navbar-fixed.sidebar-full-height.sidebar-big-icons .navbar {
max-width: 1063px;
-webkit-transform: translateX(-50%) translateX(-68.5px);
transform: translateX(-50%) translateX(-68.5px); }
body.boxed-layout.navbar-fixed.sidebar-full-height.sidebar-slim .navbar {
max-width: 1150px;
-webkit-transform: translateX(-50%) translateX(-25px);
transform: translateX(-50%) translateX(-25px); } }
body.sidebar-fixed:not(.navbar-fixed):not(.sidebar-full-height) .navigation .sidebar.affix {
position: fixed;
top: 0;
margin-top: 0;
height: 100%; }
body.sidebar-fixed .navigation .sidebar.affix {
position: fixed;
height: 100%;
/*> ul{
height: 100%;
}*/ }
body.rtl.sidebar-fixed .navigation .sidebar {
left: auto !important;
right: 0; }
body.navbar-fixed .navigation .navbar {
position: fixed;
top: 0;
z-index: 105; }
body.navbar-fixed.sidebar-fixed .navigation .sidebar {
position: fixed;
top: 0;
z-index: 2; }
body.navbar-fixed.sidebar-fixed.rtl .navigation .sidebar {
left: auto !important;
right: 0; }
body.navbar-disabled .navigation {
min-height: 0; }
body.navbar-disabled .navigation .navbar {
display: none; }
body.navbar-disabled .navigation .sidebar {
margin-top: 0; }
body:not(.sidebar-disabled) #sidebar-switch {
display: block; }
body:not(.sidebar-disabled) #top-menu-switch {
display: none; }
body.sidebar-disabled #sidebar-switch {
display: none; }
body.sidebar-disabled #top-menu-switch {
display: block; }
body.sidebar-disabled .navigation .sidebar {
display: none; }
body.sidebar-disabled .content {
margin-left: 0;
border-left: none; }
body.sidebar-disabled .main-wrap > footer {
margin-left: 0;
width: 100%;
border-left: none; }
body.sidebar-full-height .navigation .navbar {
margin-left: 250px;
top: 0;
width: calc(100% - 250px); }
body.sidebar-full-height .navigation .sidebar {
margin-top: 0; }
body.sidebar-full-height.rtl .navigation .navbar {
margin-left: 0;
margin-right: 250px; }
body.sidebar-full-height.sidebar-big-icons .navigation .navbar {
margin-left: 137px;
width: calc(100% - 137px); }
body.sidebar-full-height.sidebar-big-icons.rtl .navigation .navbar {
margin-left: 0;
margin-right: 137px; }
body.sidebar-full-height.sidebar-slim .navigation .navbar {
margin-left: 50px;
width: calc(100% - 50px); }
body.sidebar-full-height.sidebar-slim.rtl .navigation .navbar {
margin-left: 0;
margin-right: 50px; }
body.sidebar-fixed:not(.sidebar-slim):not(.sidebar-big-icons) .sidebar {
max-height: 100vh;
overflow-y: auto; }
body.sidebar-fixed:not(.sidebar-slim):not(.sidebar-big-icons):not(.sidebar-full-height):not(.navbar-disabled) .sidebar:not(.affix),
body.sidebar-fixed:not(.sidebar-slim):not(.sidebar-big-icons):not(.sidebar-full-height):not(.navbar-disabled).navbar-fixed .sidebar {
max-height: calc(100vh - 50px); }
body.sidebar-big-icons .sidebar {
width: 137px; }
body.sidebar-big-icons .content {
margin-left: 137px; }
body.sidebar-big-icons.rtl .content {
margin-left: 0;
margin-right: 137px; }
body.sidebar-slim .sidebar {
width: 50px; }
body.sidebar-slim .content {
margin-left: 50px; }
body.sidebar-slim.rtl .content {
margin-left: 0;
margin-right: 50px; }
body.sidebar-hidden .sidebar {
display: none; }
body.sidebar-hidden .content {
margin-left: 0; }
body.sidebar-overlay .navbar {
position: fixed; }
body.sidebar-overlay .navbar .action-sidebar-open > *,
body.sidebar-overlay .navbar .action-right-sidebar-toggle > * {
pointer-events: none; }
body.sidebar-overlay .sidebar {
position: fixed;
margin-top: 0;
left: 0;
top: 0;
bottom: 0;
background: #1A1A1A;
z-index: 1050;
display: none; }
body.sidebar-overlay .content {
margin-left: 0; }
body.sidebar-overlay.sidebar-overlay__open {
overflow: hidden; }
body.sidebar-overlay.sidebar-overlay__open:after {
content: " ";
position: fixed;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0; }
body.sidebar-overlay.sidebar-overlay__open .sidebar {
display: block; }
body .sub-navbar.sub-navbar__header-breadcrumbs {
background-color: #262626;
margin-bottom: 19px; }
body .sub-navbar.sub-navbar__header-breadcrumbs .sub-navbar-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
@media (max-width: 767px) {
body .sub-navbar.sub-navbar__header-breadcrumbs .sub-navbar-column {
display: block; }
body .sub-navbar.sub-navbar__header-breadcrumbs .sub-navbar-column .breadcrumb {
padding-left: 0; } }
@media (min-width: 768px) {
body .sub-navbar.sub-navbar__header-breadcrumbs .container-fluid .sub-navbar-header {
margin-left: 1.5rem; } }
body .sub-navbar.sub-navbar__header {
display: none; }
body.sub-navbar-header-only .sub-navbar__header {
display: initial; }
body.sub-navbar-header-only .sub-navbar__header-breadcrumbs {
display: none; }
body.sub-navbar-disabled .sub-navbar {
display: none !important; }
body .main-wrap > footer {
height: 60px;
border-left: 1px solid #212121;
background-color: #1A1A1A;
width: calc(100% - 250px);
margin-left: 250px; }
body .main-wrap > footer > * > * {
margin: 20px 0; }
body.rtl .main-wrap > footer {
margin-left: 0;
margin-right: 250px; }
body.sidebar-big-icons .main-wrap > footer {
width: calc(100% - 137px);
margin-left: 137px; }
body.rtl.sidebar-big-icons .main-wrap > footer {
margin-left: 0;
margin-right: 137px; }
body.sidebar-slim .main-wrap > footer {
width: calc(100% - 50px);
margin-left: 50px; }
body.rtl.sidebar-slim .main-wrap > footer {
margin-left: 0;
margin-right: 50px; }
body.sidebar-hidden .main-wrap > footer,
body.sidebar-overlay .main-wrap > footer {
width: 100%;
margin-left: 0; }
body.footer-fixed:not(.footer-disabled) .main-wrap > footer {
position: fixed;
bottom: 0; }
@media only screen and (min-width: 1200px) {
body.footer-fixed:not(.footer-disabled).boxed-layout .main-wrap > footer {
width: 950px; }
body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-big-icons .main-wrap > footer {
width: 1063px; }
body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-slim .main-wrap > footer {
width: 1150px; }
body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-hidden .main-wrap > footer {
width: 1200px; } }
body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-disabled .main-wrap > footer {
width: 1200px; }
body.footer-disabled .main-wrap > footer {
display: none; }
.sidebar-big-icons .sidebar-default-visible,
.sidebar-slim .sidebar-default-visible {
display: none; }
.m-x-auto {
margin-right: auto !important;
margin-left: auto !important; }
.m-a-0 {
margin: 0 0 !important; }
.m-t-0 {
margin-top: 0 !important; }
.m-r-0 {
margin-right: 0 !important; }
.m-b-0 {
margin-bottom: 0 !important; }
.m-l-0 {
margin-left: 0 !important; }
.m-x-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.m-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-a-1 {
margin: 1rem 1rem !important; }
.m-t-1 {
margin-top: 1rem !important; }
.m-r-1 {
margin-right: 1rem !important; }
.m-b-1 {
margin-bottom: 1rem !important; }
.m-l-1 {
margin-left: 1rem !important; }
.m-x-1 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.m-y-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-a-2 {
margin: 1.5rem 1.5rem !important; }
.m-t-2 {
margin-top: 1.5rem !important; }
.m-r-2 {
margin-right: 1.5rem !important; }
.m-b-2 {
margin-bottom: 1.5rem !important; }
.m-l-2 {
margin-left: 1.5rem !important; }
.m-x-2 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.m-y-2 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-a-3 {
margin: 3rem 3rem !important; }
.m-t-3 {
margin-top: 3rem !important; }
.m-r-3 {
margin-right: 3rem !important; }
.m-b-3 {
margin-bottom: 3rem !important; }
.m-l-3 {
margin-left: 3rem !important; }
.m-x-3 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.m-y-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-a-0 {
padding: 0 0 !important; }
.p-t-0 {
padding-top: 0 !important; }
.p-r-0 {
padding-right: 0 !important; }
.p-b-0 {
padding-bottom: 0 !important; }
.p-l-0 {
padding-left: 0 !important; }
.p-x-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.p-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-a-1 {
padding: 1rem 1rem !important; }
.p-t-1 {
padding-top: 1rem !important; }
.p-r-1 {
padding-right: 1rem !important; }
.p-b-1 {
padding-bottom: 1rem !important; }
.p-l-1 {
padding-left: 1rem !important; }
.p-x-1 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.p-y-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-a-2 {
padding: 1.5rem 1.5rem !important; }
.p-t-2 {
padding-top: 1.5rem !important; }
.p-r-2 {
padding-right: 1.5rem !important; }
.p-b-2 {
padding-bottom: 1.5rem !important; }
.p-l-2 {
padding-left: 1.5rem !important; }
.p-x-2 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.p-y-2 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-a-3 {
padding: 3rem 3rem !important; }
.p-t-3 {
padding-top: 3rem !important; }
.p-r-3 {
padding-right: 3rem !important; }
.p-b-3 {
padding-bottom: 3rem !important; }
.p-l-3 {
padding-left: 3rem !important; }
.p-x-3 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.p-y-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.p-10 {
padding: 10px; }
.b-a-0 {
border: 0 !important; }
.b-a-1 {
border: 1px solid #262626 !important; }
.b-a-2 {
border: 2px solid #262626 !important; }
.b-a-3 {
border: 3px solid #262626 !important; }
.b-a-4 {
border: 4px solid #262626 !important; }
.b-t-0 {
border-top: 0 !important; }
.b-t-1 {
border-top: 1px solid #262626 !important; }
.b-t-2 {
border-top: 2px solid #262626 !important; }
.b-t-3 {
border-top: 3px solid #262626 !important; }
.b-t-4 {
border-top: 4px solid #262626 !important; }
.b-r-0 {
border-right: 0 !important; }
.b-r-1 {
border-right: 1px solid #262626 !important; }
.b-r-2 {
border-right: 2px solid #262626 !important; }
.b-r-3 {
border-right: 3px solid #262626 !important; }
.b-r-4 {
border-right: 4px solid #262626 !important; }
.b-b-0 {
border-bottom: 0 !important; }
.b-b-1 {
border-bottom: 1px solid #262626 !important; }
.b-b-2 {
border-bottom: 2px solid #262626 !important; }
.b-b-3 {
border-bottom: 3px solid #262626 !important; }
.b-b-4 {
border-bottom: 4px solid #262626 !important; }
.b-l-0 {
border-left: 0 solid #262626 !important; }
.b-l-1 {
border-left: 1px solid #262626 !important; }
.b-l-2 {
border-left: 2px solid #262626 !important; }
.b-l-3 {
border-left: 3px solid #262626 !important; }
.b-l-4 {
border-left: 4px solid #262626 !important; }
.b-dotted {
border-style: dotted !important; }
.b-t-dotted {
border-top-style: dotted !important; }
.b-r-dotted {
border-right-style: dotted !important; }
.b-b-dotted {
border-bottom-style: dotted !important; }
.b-l-dotted {
border-left-style: dotted !important; }
.b-dashed {
border-style: dotted !important; }
.b-t-dashed {
border-top-style: dashed !important; }
.b-r-dashed {
border-right-style: dashed !important; }
.b-b-dashed {
border-bottom-style: dashed !important; }
.b-l-dashed {
border-left-style: dashed !important; }
.b-solid {
border-style: solid !important; }
.b-t-solid {
border-top-style: solid !important; }
.b-r-solid {
border-right-style: solid !important; }
.b-b-solid {
border-bottom-style: solid !important; }
.b-l-solid {
border-left-style: solid !important; }
.b-cerulean {
border-color: #00A3E3 !important; }
.b-t-cerulean {
border-top-color: #00A3E3 !important; }
.b-r-cerulean {
border-right-color: #00A3E3 !important; }
.b-b-cerulean {
border-bottom-color: #00A3E3 !important; }
.b-l-cerulean {
border-left-color: #00A3E3 !important; }
.b-body-bg {
border-color: #212121 !important; }
.b-t-body-bg {
border-top-color: #212121 !important; }
.b-r-body-bg {
border-right-color: #212121 !important; }
.b-b-body-bg {
border-bottom-color: #212121 !important; }
.b-l-body-bg {
border-left-color: #212121 !important; }
.b-gray-darker {
border-color: #262626 !important; }
.b-t-gray-darker {
border-top-color: #262626 !important; }
.b-r-gray-darker {
border-right-color: #262626 !important; }
.b-b-gray-darker {
border-bottom-color: #262626 !important; }
.b-l-gray-darker {
border-left-color: #262626 !important; }
.b-gray-dark {
border-color: #2d2d2d !important; }
.b-t-gray-dark {
border-top-color: #2d2d2d !important; }
.b-r-gray-dark {
border-right-color: #2d2d2d !important; }
.b-b-gray-dark {
border-bottom-color: #2d2d2d !important; }
.b-l-gray-dark {
border-left-color: #2d2d2d !important; }
.b-gray {
border-color: #383838 !important; }
.b-t-gray {
border-top-color: #383838 !important; }
.b-r-gray {
border-right-color: #383838 !important; }
.b-b-gray {
border-bottom-color: #383838 !important; }
.b-l-gray {
border-left-color: #383838 !important; }
.b-gray-light {
border-color: #444444 !important; }
.b-t-gray-light {
border-top-color: #444444 !important; }
.b-r-gray-light {
border-right-color: #444444 !important; }
.b-b-gray-light {
border-bottom-color: #444444 !important; }
.b-l-gray-light {
border-left-color: #444444 !important; }
.b-gray-lighter {
border-color: #5c5c5c !important; }
.b-t-gray-lighter {
border-top-color: #5c5c5c !important; }
.b-r-gray-lighter {
border-right-color: #5c5c5c !important; }
.b-b-gray-lighter {
border-bottom-color: #5c5c5c !important; }
.b-l-gray-lighter {
border-left-color: #5c5c5c !important; }
.b-primary {
border-color: #2c97de !important; }
.b-t-primary {
border-top-color: #2c97de !important; }
.b-r-primary {
border-right-color: #2c97de !important; }
.b-b-primary {
border-bottom-color: #2c97de !important; }
.b-l-primary {
border-left-color: #2c97de !important; }
.b-success {
border-color: #84b547 !important; }
.b-t-success {
border-top-color: #84b547 !important; }
.b-r-success {
border-right-color: #84b547 !important; }
.b-b-success {
border-bottom-color: #84b547 !important; }
.b-l-success {
border-left-color: #84b547 !important; }
.b-info {
border-color: #2dbda8 !important; }
.b-t-info {
border-top-color: #2dbda8 !important; }
.b-r-info {
border-right-color: #2dbda8 !important; }
.b-b-info {
border-bottom-color: #2dbda8 !important; }
.b-l-info {
border-left-color: #2dbda8 !important; }
.b-warning {
border-color: #e76d3b !important; }
.b-t-warning {
border-top-color: #e76d3b !important; }
.b-r-warning {
border-right-color: #e76d3b !important; }
.b-b-warning {
border-bottom-color: #e76d3b !important; }
.b-l-warning {
border-left-color: #e76d3b !important; }
.b-danger {
border-color: #cc3e4a !important; }
.b-t-danger {
border-top-color: #cc3e4a !important; }
.b-r-danger {
border-right-color: #cc3e4a !important; }
.b-b-danger {
border-bottom-color: #cc3e4a !important; }
.b-l-danger {
border-left-color: #cc3e4a !important; }
.b-cerulean {
border-color: #00A3E3 !important; }
.b-t-cerulean {
border-top-color: #00A3E3 !important; }
.b-r-cerulean {
border-right-color: #00A3E3 !important; }
.b-b-cerulean {
border-bottom-color: #00A3E3 !important; }
.b-l-cerulean {
border-left-color: #00A3E3 !important; }
.b-curious-blue {
border-color: #2986c7 !important; }
.b-t-curious-blue {
border-top-color: #2986c7 !important; }
.b-r-curious-blue {
border-right-color: #2986c7 !important; }
.b-b-curious-blue {
border-bottom-color: #2986c7 !important; }
.b-l-curious-blue {
border-left-color: #2986c7 !important; }
.b-endaveour {
border-color: #0055a3 !important; }
.b-t-endaveour {
border-top-color: #0055a3 !important; }
.b-r-endaveour {
border-right-color: #0055a3 !important; }
.b-b-endaveour {
border-bottom-color: #0055a3 !important; }
.b-l-endaveour {
border-left-color: #0055a3 !important; }
.b-minsk {
border-color: #362d88 !important; }
.b-t-minsk {
border-top-color: #362d88 !important; }
.b-r-minsk {
border-right-color: #362d88 !important; }
.b-b-minsk {
border-bottom-color: #362d88 !important; }
.b-l-minsk {
border-left-color: #362d88 !important; }
.b-eminence {
border-color: #742787 !important; }
.b-t-eminence {
border-top-color: #742787 !important; }
.b-r-eminence {
border-right-color: #742787 !important; }
.b-b-eminence {
border-bottom-color: #742787 !important; }
.b-l-eminence {
border-left-color: #742787 !important; }
.b-violet-eggplant {
border-color: #aa1985 !important; }
.b-t-violet-eggplant {
border-top-color: #aa1985 !important; }
.b-r-violet-eggplant {
border-right-color: #aa1985 !important; }
.b-b-violet-eggplant {
border-bottom-color: #aa1985 !important; }
.b-l-violet-eggplant {
border-left-color: #aa1985 !important; }
.b-mint-green {
border-color: #72ff96 !important; }
.b-t-mint-green {
border-top-color: #72ff96 !important; }
.b-r-mint-green {
border-right-color: #72ff96 !important; }
.b-b-mint-green {
border-bottom-color: #72ff96 !important; }
.b-l-mint-green {
border-left-color: #72ff96 !important; }
.b-aquamarine {
border-color: #62ffe0 !important; }
.b-t-aquamarine {
border-top-color: #62ffe0 !important; }
.b-r-aquamarine {
border-right-color: #62ffe0 !important; }
.b-b-aquamarine {
border-bottom-color: #62ffe0 !important; }
.b-l-aquamarine {
border-left-color: #62ffe0 !important; }
.b-malibu {
border-color: #6abfff !important; }
.b-t-malibu {
border-top-color: #6abfff !important; }
.b-r-malibu {
border-right-color: #6abfff !important; }
.b-b-malibu {
border-bottom-color: #6abfff !important; }
.b-l-malibu {
border-left-color: #6abfff !important; }
.b-dodger-blue {
border-color: #5e6cff !important; }
.b-t-dodger-blue {
border-top-color: #5e6cff !important; }
.b-r-dodger-blue {
border-right-color: #5e6cff !important; }
.b-b-dodger-blue {
border-bottom-color: #5e6cff !important; }
.b-l-dodger-blue {
border-left-color: #5e6cff !important; }
.b-heliotrope {
border-color: #a26bff !important; }
.b-t-heliotrope {
border-top-color: #a26bff !important; }
.b-r-heliotrope {
border-right-color: #a26bff !important; }
.b-b-heliotrope {
border-bottom-color: #a26bff !important; }
.b-l-heliotrope {
border-left-color: #a26bff !important; }
.b-perfume {
border-color: #f57ffe !important; }
.b-t-perfume {
border-top-color: #f57ffe !important; }
.b-r-perfume {
border-right-color: #f57ffe !important; }
.b-b-perfume {
border-bottom-color: #f57ffe !important; }
.b-l-perfume {
border-left-color: #f57ffe !important; }
.b-white {
border-color: white !important; }
.b-r-a-0 {
border-radius: 0 !important; }
.b-r-a-1 {
border-radius: 1px !important; }
.b-r-a-2 {
border-radius: 2px !important; }
.b-r-a-3 {
border-radius: 3px !important; }
.b-r-a-4 {
border-radius: 4px !important; }
.b-t-r-0 {
border-top-right-radius: 0 !important; }
.b-t-r-1 {
border-top-right-radius: 1px !important; }
.b-t-r-2 {
border-top-right-radius: 2px !important; }
.b-t-r-3 {
border-top-right-radius: 3px !important; }
.b-t-r-4 {
border-top-right-radius: 4px !important; }
.b-b-r-0 {
border-bottom-right-radius: 0 !important; }
.b-b-r-1 {
border-bottom-right-radius: 1px !important; }
.b-b-r-2 {
border-bottom-right-radius: 2px !important; }
.b-b-r-3 {
border-bottom-right-radius: 3px !important; }
.b-b-r-4 {
border-bottom-right-radius: 4px !important; }
.b-b-l-0 {
border-bottom-left-radius: 0 !important; }
.b-b-l-1 {
border-bottom-left-radius: 1px !important; }
.b-b-l-2 {
border-bottom-left-radius: 2px !important; }
.b-b-l-3 {
border-bottom-left-radius: 3px !important; }
.b-b-l-4 {
border-bottom-left-radius: 4px !important; }
.b-t-l-0 {
border-top-left-radius: 0 !important; }
.b-t-l-1 {
border-top-left-radius: 1px !important; }
.b-t-l-2 {
border-top-left-radius: 2px !important; }
.b-t-l-3 {
border-top-left-radius: 3px !important; }
.b-t-l-4 {
border-top-left-radius: 4px !important; }
.flex-space-between, .bar-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.color-swatch-preview {
height: 5em;
width: 103%;
display: table-cell;
margin-bottom: 0.5em;
border-radius: 3px 3px 0 0;
padding: 0;
font-size: 2em;
text-align: center;
line-height: 1.1;
vertical-align: middle;
overflow: hidden;
float: none;
position: absolute;
top: -0.25em;
left: -1.5%;
right: -1.5%;
background-color: none;
color: black; }
.color-swatch-details {
padding: 0 5% 9px;
margin-bottom: 0.5em;
display: block;
position: absolute;
bottom: 0;
background-color: black;
width: 100%; }
.color-swatch {
float: left;
width: 15em;
margin-right: 1em;
list-style-type: none;
font-size: 11px;
line-height: 1.2em;
margin-bottom: 1em;
background-color: black;
height: 13em;
border-radius: 3px;
position: relative;
overflow: hidden;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.color-swatches {
padding: 0;
clear: both;
float: left;
width: 100%;
margin-bottom: 2em; }
.thumbnail, .gallery-thumbnail {
display: block;
padding: 4px;
margin-bottom: 19px;
line-height: 1.52857;
background-color: #000;
border: 1px solid #262626;
border-radius: 2px;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out; }
.thumbnail > img, .gallery-thumbnail > img,
.thumbnail a > img, .gallery-thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto; }
.thumbnail .caption, .gallery-thumbnail .caption {
padding: 9px;
color: #5c5c5c; }
a.thumbnail:hover, a.gallery-thumbnail:hover,
a.thumbnail:focus,
a.gallery-thumbnail:focus,
a.thumbnail.active,
a.active.gallery-thumbnail {
border-color: #2c97de; }
.text-white {
color: white; }
a.text-white:hover,
a.text-white:focus {
color: #e6e6e6; }
.text-cerulean {
color: #00A3E3; }
a.text-cerulean:hover,
a.text-cerulean:focus {
color: #007eb0; }
.text-curious-blue {
color: #2986c7; }
a.text-curious-blue:hover,
a.text-curious-blue:focus {
color: #206a9d; }
.text-endaveour {
color: #0055a3; }
a.text-endaveour:hover,
a.text-endaveour:focus {
color: #003a70; }
.text-minsk {
color: #362d88; }
a.text-minsk:hover,
a.text-minsk:focus {
color: #272062; }
.text-eminence {
color: #742787; }
a.text-eminence:hover,
a.text-eminence:focus {
color: #521c5f; }
.text-violet-eggplant {
color: #aa1985; }
a.text-violet-eggplant:hover,
a.text-violet-eggplant:focus {
color: #7e1262; }
.text-mint-green {
color: #72ff96; }
a.text-mint-green:hover,
a.text-mint-green:focus {
color: #3fff70; }
.text-aquamarine {
color: #62ffe0; }
a.text-aquamarine:hover,
a.text-aquamarine:focus {
color: #2fffd6; }
.text-dodger-blue {
color: #5e6cff; }
a.text-dodger-blue:hover,
a.text-dodger-blue:focus {
color: #2b3dff; }
.text-heliotrope {
color: #a26bff; }
a.text-heliotrope:hover,
a.text-heliotrope:focus {
color: #8238ff; }
.text-perfume {
color: #f57ffe; }
a.text-perfume:hover,
a.text-perfume:focus {
color: #f14cfe; }
.text-gray-darker {
color: #262626; }
a.text-gray-darker:hover,
a.text-gray-darker:focus {
color: #0d0d0d; }
.text-gray-dark {
color: #2d2d2d; }
a.text-gray-dark:hover,
a.text-gray-dark:focus {
color: #141414; }
.text-gray {
color: #383838; }
a.text-gray:hover,
a.text-gray:focus {
color: #1f1f1f; }
.text-gray-light {
color: #444444; }
a.text-gray-light:hover,
a.text-gray-light:focus {
color: #2b2b2b; }
.text-gray-lighter {
color: #5c5c5c; }
a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
color: #434343; }
.text-swamp {
color: #222D33; }
a.text-swamp:hover,
a.text-swamp:focus {
color: #0e1214; }
.text-caper {
color: #AECA89; }
a.text-caper:hover,
a.text-caper:focus {
color: #96ba66; }
.text-chelsea-cucumber {
color: #88B152; }
a.text-chelsea-cucumber:hover,
a.text-chelsea-cucumber:focus {
color: #6d8f41; }
.text-green-darker {
color: #2b2f26; }
a.text-green-darker:hover,
a.text-green-darker:focus {
color: #11130f; }
.text-facebook {
color: #3A5C96; }
a.text-facebook:hover,
a.text-facebook:focus {
color: #2c4571; }
.text-twitter {
color: #5FABDC; }
a.text-twitter:hover,
a.text-twitter:focus {
color: #3595d3; }
.text-lastfm {
color: #E2132F; }
a.text-lastfm:hover,
a.text-lastfm:focus {
color: #b30f25; }
.text-linkedin {
color: #027AB4; }
a.text-linkedin:hover,
a.text-linkedin:focus {
color: #015882; }
.text-foursquare {
color: #F84978; }
a.text-foursquare:hover,
a.text-foursquare:focus {
color: #f61854; }
.text-medium {
color: #18AA6E; }
a.text-medium:hover,
a.text-medium:focus {
color: #127d51; }
.text-windows {
color: #10BFF2; }
a.text-windows:hover,
a.text-windows:focus {
color: #0b9ac4; }
.text-amazon {
color: orange; }
a.text-amazon:hover,
a.text-amazon:focus {
color: #cc8400; }
.text-default {
color: #5c5c5c; }
a.text-default:hover,
a.text-default:focus {
color: #434343; }
a:hover .text-default {
color: white; }
.bg-body-bg {
background-color: #212121; }
a.bg-body-bg:hover,
a.bg-body-bg:focus {
background-color: #080808; }
.bg-white {
background-color: white; }
a.bg-white:hover,
a.bg-white:focus {
background-color: #e6e6e6; }
.bg-rangoon {
background-color: #1A1A1A; }
a.bg-rangoon:hover,
a.bg-rangoon:focus {
background-color: #010101; }
.bg-success-light {
background-color: #deebcd; }
a.bg-success-light:hover,
a.bg-success-light:focus {
background-color: #c6dca9; }
.bg-info-light {
background-color: #bddef5; }
a.bg-info-light:hover,
a.bg-info-light:focus {
background-color: #91c8ee; }
.bg-warning-light {
background-color: #f9d7bb; }
a.bg-warning-light:hover,
a.bg-warning-light:focus {
background-color: #f5bb8c; }
.bg-danger-light {
background-color: #f1c3c6; }
a.bg-danger-light:hover,
a.bg-danger-light:focus {
background-color: #e79a9f; }
.bg-primary {
background-color: #2c97de; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #1d7bba; }
.bg-success {
background-color: #84b547; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #699039; }
.bg-info {
background-color: #2dbda8; }
a.bg-info:hover,
a.bg-info:focus {
background-color: #239483; }
.bg-warning {
background-color: #e76d3b; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #d5501a; }
.bg-danger {
background-color: #cc3e4a; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #aa2d38; }
.bg-cerulean {
background-color: #00A3E3; }
a.bg-cerulean:hover,
a.bg-cerulean:focus {
background-color: #007eb0; }
.bg-curious-blue {
background-color: #2986c7; }
a.bg-curious-blue:hover,
a.bg-curious-blue:focus {
background-color: #206a9d; }
.bg-endaveour {
background-color: #0055a3; }
a.bg-endaveour:hover,
a.bg-endaveour:focus {
background-color: #003a70; }
.bg-minsk {
background-color: #362d88; }
a.bg-minsk:hover,
a.bg-minsk:focus {
background-color: #272062; }
.bg-eminence {
background-color: #742787; }
a.bg-eminence:hover,
a.bg-eminence:focus {
background-color: #521c5f; }
.bg-violet-eggplant {
background-color: #aa1985; }
a.bg-violet-eggplant:hover,
a.bg-violet-eggplant:focus {
background-color: #7e1262; }
.bg-mint-green {
background-color: #72ff96; }
a.bg-mint-green:hover,
a.bg-mint-green:focus {
background-color: #3fff70; }
.bg-aquamarine {
background-color: #62ffe0; }
a.bg-aquamarine:hover,
a.bg-aquamarine:focus {
background-color: #2fffd6; }
.bg-malibu {
background-color: #6abfff; }
a.bg-malibu:hover,
a.bg-malibu:focus {
background-color: #37a9ff; }
.bg-dodger-blue {
background-color: #5e6cff; }
a.bg-dodger-blue:hover,
a.bg-dodger-blue:focus {
background-color: #2b3dff; }
.bg-heliotrope {
background-color: #a26bff; }
a.bg-heliotrope:hover,
a.bg-heliotrope:focus {
background-color: #8238ff; }
.bg-perfume {
background-color: #f57ffe; }
a.bg-perfume:hover,
a.bg-perfume:focus {
background-color: #f14cfe; }
.bg-brand-cerulean {
background-color: #00A3E3; }
a.bg-brand-cerulean:hover,
a.bg-brand-cerulean:focus {
background-color: #007eb0; }
.bg-gray-darker {
background-color: #262626; }
a.bg-gray-darker:hover,
a.bg-gray-darker:focus {
background-color: #0d0d0d; }
.bg-gray-dark {
background-color: #2d2d2d; }
a.bg-gray-dark:hover,
a.bg-gray-dark:focus {
background-color: #141414; }
.bg-gray {
background-color: #383838; }
a.bg-gray:hover,
a.bg-gray:focus {
background-color: #1f1f1f; }
.bg-gray-light {
background-color: #444444; }
a.bg-gray-light:hover,
a.bg-gray-light:focus {
background-color: #2b2b2b; }
.bg-gray-lighter {
background-color: #5c5c5c; }
a.bg-gray-lighter:hover,
a.bg-gray-lighter:focus {
background-color: #434343; }
.bg-body-bg-i {
background-color: #212121 !important; }
a.bg-body-bg-i:hover,
a.bg-body-bg-i:focus {
background-color: #080808; }
.bg-success-light-i {
background-color: #deebcd !important; }
a.bg-success-light-i:hover,
a.bg-success-light-i:focus {
background-color: #c6dca9; }
.bg-info-light-i {
background-color: #bddef5 !important; }
a.bg-info-light-i:hover,
a.bg-info-light-i:focus {
background-color: #91c8ee; }
.bg-warning-light-i {
background-color: #f9d7bb !important; }
a.bg-warning-light-i:hover,
a.bg-warning-light-i:focus {
background-color: #f5bb8c; }
.bg-danger-light-i {
background-color: #f1c3c6 !important; }
a.bg-danger-light-i:hover,
a.bg-danger-light-i:focus {
background-color: #e79a9f; }
.bg-primary-i {
background-color: #2c97de !important; }
a.bg-primary-i:hover,
a.bg-primary-i:focus {
background-color: #1d7bba; }
.bg-success-i {
background-color: #84b547 !important; }
a.bg-success-i:hover,
a.bg-success-i:focus {
background-color: #699039; }
.bg-info-i {
background-color: #2dbda8 !important; }
a.bg-info-i:hover,
a.bg-info-i:focus {
background-color: #239483; }
.bg-warning-i {
background-color: #e76d3b !important; }
a.bg-warning-i:hover,
a.bg-warning-i:focus {
background-color: #d5501a; }
.bg-danger-i {
background-color: #cc3e4a !important; }
a.bg-danger-i:hover,
a.bg-danger-i:focus {
background-color: #aa2d38; }
.bg-cerulean-i {
background-color: #00A3E3 !important; }
a.bg-cerulean-i:hover,
a.bg-cerulean-i:focus {
background-color: #007eb0; }
.bg-curious-blue-i {
background-color: #2986c7 !important; }
a.bg-curious-blue-i:hover,
a.bg-curious-blue-i:focus {
background-color: #206a9d; }
.bg-endaveour-i {
background-color: #0055a3 !important; }
a.bg-endaveour-i:hover,
a.bg-endaveour-i:focus {
background-color: #003a70; }
.bg-minsk-i {
background-color: #362d88 !important; }
a.bg-minsk-i:hover,
a.bg-minsk-i:focus {
background-color: #272062; }
.bg-eminence-i {
background-color: #742787 !important; }
a.bg-eminence-i:hover,
a.bg-eminence-i:focus {
background-color: #521c5f; }
.bg-violet-eggplant-i {
background-color: #aa1985 !important; }
a.bg-violet-eggplant-i:hover,
a.bg-violet-eggplant-i:focus {
background-color: #7e1262; }
.bg-mint-green-i {
background-color: #72ff96 !important; }
a.bg-mint-green-i:hover,
a.bg-mint-green-i:focus {
background-color: #3fff70; }
.bg-aquamarine-i {
background-color: #62ffe0 !important; }
a.bg-aquamarine-i:hover,
a.bg-aquamarine-i:focus {
background-color: #2fffd6; }
.bg-malibu-i {
background-color: #6abfff !important; }
a.bg-malibu-i:hover,
a.bg-malibu-i:focus {
background-color: #37a9ff; }
.bg-dodger-blue-i {
background-color: #5e6cff !important; }
a.bg-dodger-blue-i:hover,
a.bg-dodger-blue-i:focus {
background-color: #2b3dff; }
.bg-heliotrope-i {
background-color: #a26bff !important; }
a.bg-heliotrope-i:hover,
a.bg-heliotrope-i:focus {
background-color: #8238ff; }
.bg-perfume-i {
background-color: #f57ffe !important; }
a.bg-perfume-i:hover,
a.bg-perfume-i:focus {
background-color: #f14cfe; }
.bg-brand-cerulean-i {
background-color: #00A3E3 !important; }
a.bg-brand-cerulean-i:hover,
a.bg-brand-cerulean-i:focus {
background-color: #007eb0; }
.bg-gray-darker-i {
background-color: #262626 !important; }
a.bg-gray-darker-i:hover,
a.bg-gray-darker-i:focus {
background-color: #0d0d0d; }
.bg-gray-dark-i {
background-color: #2d2d2d !important; }
a.bg-gray-dark-i:hover,
a.bg-gray-dark-i:focus {
background-color: #141414; }
.bg-gray-i {
background-color: #383838 !important; }
a.bg-gray-i:hover,
a.bg-gray-i:focus {
background-color: #1f1f1f; }
.bg-gray-light-i {
background-color: #444444 !important; }
a.bg-gray-light-i:hover,
a.bg-gray-light-i:focus {
background-color: #2b2b2b; }
.bg-gray-lighter-i {
background-color: #5c5c5c !important; }
a.bg-gray-lighter-i:hover,
a.bg-gray-lighter-i:focus {
background-color: #434343; }
.bg-rangoon-i {
background-color: #1A1A1A !important; }
a.bg-rangoon-i:hover,
a.bg-rangoon-i:focus {
background-color: #010101; }
ul.tab-color-white > li.active > a, ul.tab-color-white > li.active > a:hover, ul.tab-color-white > li.active > a:focus {
background-color: white; }
ul.tab-color-body-bg > li.active > a, ul.tab-color-body-bg > li.active > a:hover, ul.tab-color-body-bg > li.active > a:focus {
background-color: #212121; }
ul.tab-color-panel-bg > li.active > a, ul.tab-color-panel-bg > li.active > a:hover, ul.tab-color-panel-bg > li.active > a:focus {
background-color: #1A1A1A; }
ul.tab-color-primary > li.active > a, ul.tab-color-primary > li.active > a:hover, ul.tab-color-primary > li.active > a:focus {
background-color: #2c97de; }
ul.tab-color-success > li.active > a, ul.tab-color-success > li.active > a:hover, ul.tab-color-success > li.active > a:focus {
background-color: #84b547; }
ul.tab-color-info > li.active > a, ul.tab-color-info > li.active > a:hover, ul.tab-color-info > li.active > a:focus {
background-color: #2dbda8; }
ul.tab-color-warning > li.active > a, ul.tab-color-warning > li.active > a:hover, ul.tab-color-warning > li.active > a:focus {
background-color: #e76d3b; }
ul.tab-color-danger > li.active > a, ul.tab-color-danger > li.active > a:hover, ul.tab-color-danger > li.active > a:focus {
background-color: #cc3e4a; }
ul.tab-color-cerulean > li.active > a, ul.tab-color-cerulean > li.active > a:hover, ul.tab-color-cerulean > li.active > a:focus {
background-color: #00A3E3; }
ul.tab-color-curious-blue > li.active > a, ul.tab-color-curious-blue > li.active > a:hover, ul.tab-color-curious-blue > li.active > a:focus {
background-color: #2986c7; }
ul.tab-color-endaveour > li.active > a, ul.tab-color-endaveour > li.active > a:hover, ul.tab-color-endaveour > li.active > a:focus {
background-color: #0055a3; }
ul.tab-color-minsk > li.active > a, ul.tab-color-minsk > li.active > a:hover, ul.tab-color-minsk > li.active > a:focus {
background-color: #362d88; }
ul.tab-color-eminence > li.active > a, ul.tab-color-eminence > li.active > a:hover, ul.tab-color-eminence > li.active > a:focus {
background-color: #742787; }
ul.tab-color-violet-eggplant > li.active > a, ul.tab-color-violet-eggplant > li.active > a:hover, ul.tab-color-violet-eggplant > li.active > a:focus {
background-color: #aa1985; }
ul.tab-color-mint-green > li.active > a, ul.tab-color-mint-green > li.active > a:hover, ul.tab-color-mint-green > li.active > a:focus {
background-color: #72ff96; }
ul.tab-color-aquamarine > li.active > a, ul.tab-color-aquamarine > li.active > a:hover, ul.tab-color-aquamarine > li.active > a:focus {
background-color: #62ffe0; }
ul.tab-color-malibu > li.active > a, ul.tab-color-malibu > li.active > a:hover, ul.tab-color-malibu > li.active > a:focus {
background-color: #6abfff; }
ul.tab-color-dodger-blue > li.active > a, ul.tab-color-dodger-blue > li.active > a:hover, ul.tab-color-dodger-blue > li.active > a:focus {
background-color: #5e6cff; }
ul.tab-color-heliotrope > li.active > a, ul.tab-color-heliotrope > li.active > a:hover, ul.tab-color-heliotrope > li.active > a:focus {
background-color: #a26bff; }
ul.tab-color-perfume > li.active > a, ul.tab-color-perfume > li.active > a:hover, ul.tab-color-perfume > li.active > a:focus {
background-color: #f57ffe; }
ul.tab-color-brand-cerulean > li.active > a, ul.tab-color-brand-cerulean > li.active > a:hover, ul.tab-color-brand-cerulean > li.active > a:focus {
background-color: #00A3E3; }
ul.tab-color-gray-darker > li.active > a, ul.tab-color-gray-darker > li.active > a:hover, ul.tab-color-gray-darker > li.active > a:focus {
background-color: #262626; }
ul.tab-color-gray-dark > li.active > a, ul.tab-color-gray-dark > li.active > a:hover, ul.tab-color-gray-dark > li.active > a:focus {
background-color: #2d2d2d; }
ul.tab-color-gray > li.active > a, ul.tab-color-gray > li.active > a:hover, ul.tab-color-gray > li.active > a:focus {
background-color: #383838; }
ul.tab-color-gray-light > li.active > a, ul.tab-color-gray-light > li.active > a:hover, ul.tab-color-gray-light > li.active > a:focus {
background-color: #444444; }
ul.tab-color-gray-lighter > li.active > a, ul.tab-color-gray-lighter > li.active > a:hover, ul.tab-color-gray-lighter > li.active > a:focus {
background-color: #5c5c5c; }
ul.tab-color-gray-lighter > li.active > a, ul.tab-color-gray-lighter > li.active > a:hover, ul.tab-color-gray-lighter > li.active > a:focus {
background-color: #5c5c5c; }
ul.tab-color-rangoon > li.active > a, ul.tab-color-rangoon > li.active > a:hover, ul.tab-color-rangoon > li.active > a:focus {
background-color: #1A1A1A; }
.btn-cerulean {
color: white;
background-color: #00A3E3;
border-color: #00A3E3; }
.btn-cerulean:focus, .btn-cerulean.focus {
color: white;
background-color: #007eb0;
border-color: #004764; }
.btn-cerulean:hover {
color: white;
background-color: #007eb0;
border-color: #0077a6; }
.btn-cerulean:active, .btn-cerulean.active,
.open > .btn-cerulean.dropdown-toggle {
color: white;
background-color: #007eb0;
border-color: #0077a6; }
.btn-cerulean:active:hover, .btn-cerulean:active:focus, .btn-cerulean:active.focus, .btn-cerulean.active:hover, .btn-cerulean.active:focus, .btn-cerulean.active.focus,
.open > .btn-cerulean.dropdown-toggle:hover,
.open > .btn-cerulean.dropdown-toggle:focus,
.open > .btn-cerulean.dropdown-toggle.focus {
color: white;
background-color: #00658c;
border-color: #004764; }
.btn-cerulean:active, .btn-cerulean.active,
.open > .btn-cerulean.dropdown-toggle {
background-image: none; }
.btn-cerulean.disabled:hover, .btn-cerulean.disabled:focus, .btn-cerulean.disabled.focus, .btn-cerulean[disabled]:hover, .btn-cerulean[disabled]:focus, .btn-cerulean[disabled].focus,
fieldset[disabled] .btn-cerulean:hover,
fieldset[disabled] .btn-cerulean:focus,
fieldset[disabled] .btn-cerulean.focus {
background-color: #00A3E3;
border-color: #00A3E3; }
.btn-cerulean .badge {
color: #00A3E3;
background-color: white; }
.btn-curious-blue {
color: white;
background-color: #2986c7;
border-color: #2986c7; }
.btn-curious-blue:focus, .btn-curious-blue.focus {
color: white;
background-color: #206a9d;
border-color: #133f5d; }
.btn-curious-blue:hover {
color: white;
background-color: #206a9d;
border-color: #1f6494; }
.btn-curious-blue:active, .btn-curious-blue.active,
.open > .btn-curious-blue.dropdown-toggle {
color: white;
background-color: #206a9d;
border-color: #1f6494; }
.btn-curious-blue:active:hover, .btn-curious-blue:active:focus, .btn-curious-blue:active.focus, .btn-curious-blue.active:hover, .btn-curious-blue.active:focus, .btn-curious-blue.active.focus,
.open > .btn-curious-blue.dropdown-toggle:hover,
.open > .btn-curious-blue.dropdown-toggle:focus,
.open > .btn-curious-blue.dropdown-toggle.focus {
color: white;
background-color: #1a567f;
border-color: #133f5d; }
.btn-curious-blue:active, .btn-curious-blue.active,
.open > .btn-curious-blue.dropdown-toggle {
background-image: none; }
.btn-curious-blue.disabled:hover, .btn-curious-blue.disabled:focus, .btn-curious-blue.disabled.focus, .btn-curious-blue[disabled]:hover, .btn-curious-blue[disabled]:focus, .btn-curious-blue[disabled].focus,
fieldset[disabled] .btn-curious-blue:hover,
fieldset[disabled] .btn-curious-blue:focus,
fieldset[disabled] .btn-curious-blue.focus {
background-color: #2986c7;
border-color: #2986c7; }
.btn-curious-blue .badge {
color: #2986c7;
background-color: white; }
.btn-endaveour {
color: white;
background-color: #0055a3;
border-color: #0055a3; }
.btn-endaveour:focus, .btn-endaveour.focus {
color: white;
background-color: #003a70;
border-color: #001324; }
.btn-endaveour:hover {
color: white;
background-color: #003a70;
border-color: #003566; }
.btn-endaveour:active, .btn-endaveour.active,
.open > .btn-endaveour.dropdown-toggle {
color: white;
background-color: #003a70;
border-color: #003566; }
.btn-endaveour:active:hover, .btn-endaveour:active:focus, .btn-endaveour:active.focus, .btn-endaveour.active:hover, .btn-endaveour.active:focus, .btn-endaveour.active.focus,
.open > .btn-endaveour.dropdown-toggle:hover,
.open > .btn-endaveour.dropdown-toggle:focus,
.open > .btn-endaveour.dropdown-toggle.focus {
color: white;
background-color: #00284c;
border-color: #001324; }
.btn-endaveour:active, .btn-endaveour.active,
.open > .btn-endaveour.dropdown-toggle {
background-image: none; }
.btn-endaveour.disabled:hover, .btn-endaveour.disabled:focus, .btn-endaveour.disabled.focus, .btn-endaveour[disabled]:hover, .btn-endaveour[disabled]:focus, .btn-endaveour[disabled].focus,
fieldset[disabled] .btn-endaveour:hover,
fieldset[disabled] .btn-endaveour:focus,
fieldset[disabled] .btn-endaveour.focus {
background-color: #0055a3;
border-color: #0055a3; }
.btn-endaveour .badge {
color: #0055a3;
background-color: white; }
.btn-minsk {
color: white;
background-color: #362d88;
border-color: #362d88; }
.btn-minsk:focus, .btn-minsk.focus {
color: white;
background-color: #272062;
border-color: #100d28; }
.btn-minsk:hover {
color: white;
background-color: #272062;
border-color: #241e5a; }
.btn-minsk:active, .btn-minsk.active,
.open > .btn-minsk.dropdown-toggle {
color: white;
background-color: #272062;
border-color: #241e5a; }
.btn-minsk:active:hover, .btn-minsk:active:focus, .btn-minsk:active.focus, .btn-minsk.active:hover, .btn-minsk.active:focus, .btn-minsk.active.focus,
.open > .btn-minsk.dropdown-toggle:hover,
.open > .btn-minsk.dropdown-toggle:focus,
.open > .btn-minsk.dropdown-toggle.focus {
color: white;
background-color: #1c1747;
border-color: #100d28; }
.btn-minsk:active, .btn-minsk.active,
.open > .btn-minsk.dropdown-toggle {
background-image: none; }
.btn-minsk.disabled:hover, .btn-minsk.disabled:focus, .btn-minsk.disabled.focus, .btn-minsk[disabled]:hover, .btn-minsk[disabled]:focus, .btn-minsk[disabled].focus,
fieldset[disabled] .btn-minsk:hover,
fieldset[disabled] .btn-minsk:focus,
fieldset[disabled] .btn-minsk.focus {
background-color: #362d88;
border-color: #362d88; }
.btn-minsk .badge {
color: #362d88;
background-color: white; }
.btn-eminence {
color: white;
background-color: #742787;
border-color: #742787; }
.btn-eminence:focus, .btn-eminence.focus {
color: white;
background-color: #521c5f;
border-color: #1f0a24; }
.btn-eminence:hover {
color: white;
background-color: #521c5f;
border-color: #4b1958; }
.btn-eminence:active, .btn-eminence.active,
.open > .btn-eminence.dropdown-toggle {
color: white;
background-color: #521c5f;
border-color: #4b1958; }
.btn-eminence:active:hover, .btn-eminence:active:focus, .btn-eminence:active.focus, .btn-eminence.active:hover, .btn-eminence.active:focus, .btn-eminence.active.focus,
.open > .btn-eminence.dropdown-toggle:hover,
.open > .btn-eminence.dropdown-toggle:focus,
.open > .btn-eminence.dropdown-toggle.focus {
color: white;
background-color: #3a1444;
border-color: #1f0a24; }
.btn-eminence:active, .btn-eminence.active,
.open > .btn-eminence.dropdown-toggle {
background-image: none; }
.btn-eminence.disabled:hover, .btn-eminence.disabled:focus, .btn-eminence.disabled.focus, .btn-eminence[disabled]:hover, .btn-eminence[disabled]:focus, .btn-eminence[disabled].focus,
fieldset[disabled] .btn-eminence:hover,
fieldset[disabled] .btn-eminence:focus,
fieldset[disabled] .btn-eminence.focus {
background-color: #742787;
border-color: #742787; }
.btn-eminence .badge {
color: #742787;
background-color: white; }
.btn-violet-eggplant {
color: white;
background-color: #aa1985;
border-color: #aa1985; }
.btn-violet-eggplant:focus, .btn-violet-eggplant.focus {
color: white;
background-color: #7e1262;
border-color: #3b092e; }
.btn-violet-eggplant:hover {
color: white;
background-color: #7e1262;
border-color: #75115b; }
.btn-violet-eggplant:active, .btn-violet-eggplant.active,
.open > .btn-violet-eggplant.dropdown-toggle {
color: white;
background-color: #7e1262;
border-color: #75115b; }
.btn-violet-eggplant:active:hover, .btn-violet-eggplant:active:focus, .btn-violet-eggplant:active.focus, .btn-violet-eggplant.active:hover, .btn-violet-eggplant.active:focus, .btn-violet-eggplant.active.focus,
.open > .btn-violet-eggplant.dropdown-toggle:hover,
.open > .btn-violet-eggplant.dropdown-toggle:focus,
.open > .btn-violet-eggplant.dropdown-toggle.focus {
color: white;
background-color: #5e0e4a;
border-color: #3b092e; }
.btn-violet-eggplant:active, .btn-violet-eggplant.active,
.open > .btn-violet-eggplant.dropdown-toggle {
background-image: none; }
.btn-violet-eggplant.disabled:hover, .btn-violet-eggplant.disabled:focus, .btn-violet-eggplant.disabled.focus, .btn-violet-eggplant[disabled]:hover, .btn-violet-eggplant[disabled]:focus, .btn-violet-eggplant[disabled].focus,
fieldset[disabled] .btn-violet-eggplant:hover,
fieldset[disabled] .btn-violet-eggplant:focus,
fieldset[disabled] .btn-violet-eggplant.focus {
background-color: #aa1985;
border-color: #aa1985; }
.btn-violet-eggplant .badge {
color: #aa1985;
background-color: white; }
.btn-mint-green {
color: white;
background-color: #72ff96;
border-color: #72ff96; }
.btn-mint-green:focus, .btn-mint-green.focus {
color: white;
background-color: #3fff70;
border-color: #00f23e; }
.btn-mint-green:hover {
color: white;
background-color: #3fff70;
border-color: #35ff68; }
.btn-mint-green:active, .btn-mint-green.active,
.open > .btn-mint-green.dropdown-toggle {
color: white;
background-color: #3fff70;
border-color: #35ff68; }
.btn-mint-green:active:hover, .btn-mint-green:active:focus, .btn-mint-green:active.focus, .btn-mint-green.active:hover, .btn-mint-green.active:focus, .btn-mint-green.active.focus,
.open > .btn-mint-green.dropdown-toggle:hover,
.open > .btn-mint-green.dropdown-toggle:focus,
.open > .btn-mint-green.dropdown-toggle.focus {
color: white;
background-color: #1bff55;
border-color: #00f23e; }
.btn-mint-green:active, .btn-mint-green.active,
.open > .btn-mint-green.dropdown-toggle {
background-image: none; }
.btn-mint-green.disabled:hover, .btn-mint-green.disabled:focus, .btn-mint-green.disabled.focus, .btn-mint-green[disabled]:hover, .btn-mint-green[disabled]:focus, .btn-mint-green[disabled].focus,
fieldset[disabled] .btn-mint-green:hover,
fieldset[disabled] .btn-mint-green:focus,
fieldset[disabled] .btn-mint-green.focus {
background-color: #72ff96;
border-color: #72ff96; }
.btn-mint-green .badge {
color: #72ff96;
background-color: white; }
.btn-aquamarine {
color: white;
background-color: #62ffe0;
border-color: #62ffe0; }
.btn-aquamarine:focus, .btn-aquamarine.focus {
color: white;
background-color: #2fffd6;
border-color: #00e2b5; }
.btn-aquamarine:hover {
color: white;
background-color: #2fffd6;
border-color: #25ffd4; }
.btn-aquamarine:active, .btn-aquamarine.active,
.open > .btn-aquamarine.dropdown-toggle {
color: white;
background-color: #2fffd6;
border-color: #25ffd4; }
.btn-aquamarine:active:hover, .btn-aquamarine:active:focus, .btn-aquamarine:active.focus, .btn-aquamarine.active:hover, .btn-aquamarine.active:focus, .btn-aquamarine.active.focus,
.open > .btn-aquamarine.dropdown-toggle:hover,
.open > .btn-aquamarine.dropdown-toggle:focus,
.open > .btn-aquamarine.dropdown-toggle.focus {
color: white;
background-color: #0bffcf;
border-color: #00e2b5; }
.btn-aquamarine:active, .btn-aquamarine.active,
.open > .btn-aquamarine.dropdown-toggle {
background-image: none; }
.btn-aquamarine.disabled:hover, .btn-aquamarine.disabled:focus, .btn-aquamarine.disabled.focus, .btn-aquamarine[disabled]:hover, .btn-aquamarine[disabled]:focus, .btn-aquamarine[disabled].focus,
fieldset[disabled] .btn-aquamarine:hover,
fieldset[disabled] .btn-aquamarine:focus,
fieldset[disabled] .btn-aquamarine.focus {
background-color: #62ffe0;
border-color: #62ffe0; }
.btn-aquamarine .badge {
color: #62ffe0;
background-color: white; }
.btn-malibu {
color: white;
background-color: #6abfff;
border-color: #6abfff; }
.btn-malibu:focus, .btn-malibu.focus {
color: white;
background-color: #37a9ff;
border-color: #0085ea; }
.btn-malibu:hover {
color: white;
background-color: #37a9ff;
border-color: #2da5ff; }
.btn-malibu:active, .btn-malibu.active,
.open > .btn-malibu.dropdown-toggle {
color: white;
background-color: #37a9ff;
border-color: #2da5ff; }
.btn-malibu:active:hover, .btn-malibu:active:focus, .btn-malibu:active.focus, .btn-malibu.active:hover, .btn-malibu.active:focus, .btn-malibu.active.focus,
.open > .btn-malibu.dropdown-toggle:hover,
.open > .btn-malibu.dropdown-toggle:focus,
.open > .btn-malibu.dropdown-toggle.focus {
color: white;
background-color: #139aff;
border-color: #0085ea; }
.btn-malibu:active, .btn-malibu.active,
.open > .btn-malibu.dropdown-toggle {
background-image: none; }
.btn-malibu.disabled:hover, .btn-malibu.disabled:focus, .btn-malibu.disabled.focus, .btn-malibu[disabled]:hover, .btn-malibu[disabled]:focus, .btn-malibu[disabled].focus,
fieldset[disabled] .btn-malibu:hover,
fieldset[disabled] .btn-malibu:focus,
fieldset[disabled] .btn-malibu.focus {
background-color: #6abfff;
border-color: #6abfff; }
.btn-malibu .badge {
color: #6abfff;
background-color: white; }
.btn-dodger-blue {
color: white;
background-color: #5e6cff;
border-color: #5e6cff; }
.btn-dodger-blue:focus, .btn-dodger-blue.focus {
color: white;
background-color: #2b3dff;
border-color: #0013de; }
.btn-dodger-blue:hover {
color: white;
background-color: #2b3dff;
border-color: #2134ff; }
.btn-dodger-blue:active, .btn-dodger-blue.active,
.open > .btn-dodger-blue.dropdown-toggle {
color: white;
background-color: #2b3dff;
border-color: #2134ff; }
.btn-dodger-blue:active:hover, .btn-dodger-blue:active:focus, .btn-dodger-blue:active.focus, .btn-dodger-blue.active:hover, .btn-dodger-blue.active:focus, .btn-dodger-blue.active.focus,
.open > .btn-dodger-blue.dropdown-toggle:hover,
.open > .btn-dodger-blue.dropdown-toggle:focus,
.open > .btn-dodger-blue.dropdown-toggle.focus {
color: white;
background-color: #071dff;
border-color: #0013de; }
.btn-dodger-blue:active, .btn-dodger-blue.active,
.open > .btn-dodger-blue.dropdown-toggle {
background-image: none; }
.btn-dodger-blue.disabled:hover, .btn-dodger-blue.disabled:focus, .btn-dodger-blue.disabled.focus, .btn-dodger-blue[disabled]:hover, .btn-dodger-blue[disabled]:focus, .btn-dodger-blue[disabled].focus,
fieldset[disabled] .btn-dodger-blue:hover,
fieldset[disabled] .btn-dodger-blue:focus,
fieldset[disabled] .btn-dodger-blue.focus {
background-color: #5e6cff;
border-color: #5e6cff; }
.btn-dodger-blue .badge {
color: #5e6cff;
background-color: white; }
.btn-heliotrope {
color: white;
background-color: #a26bff;
border-color: #a26bff; }
.btn-heliotrope:focus, .btn-heliotrope.focus {
color: white;
background-color: #8238ff;
border-color: #5700eb; }
.btn-heliotrope:hover {
color: white;
background-color: #8238ff;
border-color: #7c2eff; }
.btn-heliotrope:active, .btn-heliotrope.active,
.open > .btn-heliotrope.dropdown-toggle {
color: white;
background-color: #8238ff;
border-color: #7c2eff; }
.btn-heliotrope:active:hover, .btn-heliotrope:active:focus, .btn-heliotrope:active.focus, .btn-heliotrope.active:hover, .btn-heliotrope.active:focus, .btn-heliotrope.active.focus,
.open > .btn-heliotrope.dropdown-toggle:hover,
.open > .btn-heliotrope.dropdown-toggle:focus,
.open > .btn-heliotrope.dropdown-toggle.focus {
color: white;
background-color: #6c14ff;
border-color: #5700eb; }
.btn-heliotrope:active, .btn-heliotrope.active,
.open > .btn-heliotrope.dropdown-toggle {
background-image: none; }
.btn-heliotrope.disabled:hover, .btn-heliotrope.disabled:focus, .btn-heliotrope.disabled.focus, .btn-heliotrope[disabled]:hover, .btn-heliotrope[disabled]:focus, .btn-heliotrope[disabled].focus,
fieldset[disabled] .btn-heliotrope:hover,
fieldset[disabled] .btn-heliotrope:focus,
fieldset[disabled] .btn-heliotrope.focus {
background-color: #a26bff;
border-color: #a26bff; }
.btn-heliotrope .badge {
color: #a26bff;
background-color: white; }
.btn-perfume {
color: white;
background-color: #f57ffe;
border-color: #f57ffe; }
.btn-perfume:focus, .btn-perfume.focus {
color: white;
background-color: #f14cfe;
border-color: #ea02fc; }
.btn-perfume:hover {
color: white;
background-color: #f14cfe;
border-color: #f042fe; }
.btn-perfume:active, .btn-perfume.active,
.open > .btn-perfume.dropdown-toggle {
color: white;
background-color: #f14cfe;
border-color: #f042fe; }
.btn-perfume:active:hover, .btn-perfume:active:focus, .btn-perfume:active.focus, .btn-perfume.active:hover, .btn-perfume.active:focus, .btn-perfume.active.focus,
.open > .btn-perfume.dropdown-toggle:hover,
.open > .btn-perfume.dropdown-toggle:focus,
.open > .btn-perfume.dropdown-toggle.focus {
color: white;
background-color: #ee29fd;
border-color: #ea02fc; }
.btn-perfume:active, .btn-perfume.active,
.open > .btn-perfume.dropdown-toggle {
background-image: none; }
.btn-perfume.disabled:hover, .btn-perfume.disabled:focus, .btn-perfume.disabled.focus, .btn-perfume[disabled]:hover, .btn-perfume[disabled]:focus, .btn-perfume[disabled].focus,
fieldset[disabled] .btn-perfume:hover,
fieldset[disabled] .btn-perfume:focus,
fieldset[disabled] .btn-perfume.focus {
background-color: #f57ffe;
border-color: #f57ffe; }
.btn-perfume .badge {
color: #f57ffe;
background-color: white; }
.btn-brand-cerulean {
color: white;
background-color: #00A3E3;
border-color: #00A3E3; }
.btn-brand-cerulean:focus, .btn-brand-cerulean.focus {
color: white;
background-color: #007eb0;
border-color: #004764; }
.btn-brand-cerulean:hover {
color: white;
background-color: #007eb0;
border-color: #0077a6; }
.btn-brand-cerulean:active, .btn-brand-cerulean.active,
.open > .btn-brand-cerulean.dropdown-toggle {
color: white;
background-color: #007eb0;
border-color: #0077a6; }
.btn-brand-cerulean:active:hover, .btn-brand-cerulean:active:focus, .btn-brand-cerulean:active.focus, .btn-brand-cerulean.active:hover, .btn-brand-cerulean.active:focus, .btn-brand-cerulean.active.focus,
.open > .btn-brand-cerulean.dropdown-toggle:hover,
.open > .btn-brand-cerulean.dropdown-toggle:focus,
.open > .btn-brand-cerulean.dropdown-toggle.focus {
color: white;
background-color: #00658c;
border-color: #004764; }
.btn-brand-cerulean:active, .btn-brand-cerulean.active,
.open > .btn-brand-cerulean.dropdown-toggle {
background-image: none; }
.btn-brand-cerulean.disabled:hover, .btn-brand-cerulean.disabled:focus, .btn-brand-cerulean.disabled.focus, .btn-brand-cerulean[disabled]:hover, .btn-brand-cerulean[disabled]:focus, .btn-brand-cerulean[disabled].focus,
fieldset[disabled] .btn-brand-cerulean:hover,
fieldset[disabled] .btn-brand-cerulean:focus,
fieldset[disabled] .btn-brand-cerulean.focus {
background-color: #00A3E3;
border-color: #00A3E3; }
.btn-brand-cerulean .badge {
color: #00A3E3;
background-color: white; }
.btn-gray-darker {
color: white;
background-color: #262626;
border-color: #262626; }
.btn-gray-darker:focus, .btn-gray-darker.focus {
color: white;
background-color: #0d0d0d;
border-color: black; }
.btn-gray-darker:hover {
color: white;
background-color: #0d0d0d;
border-color: #070707; }
.btn-gray-darker:active, .btn-gray-darker.active,
.open > .btn-gray-darker.dropdown-toggle {
color: white;
background-color: #0d0d0d;
border-color: #070707; }
.btn-gray-darker:active:hover, .btn-gray-darker:active:focus, .btn-gray-darker:active.focus, .btn-gray-darker.active:hover, .btn-gray-darker.active:focus, .btn-gray-darker.active.focus,
.open > .btn-gray-darker.dropdown-toggle:hover,
.open > .btn-gray-darker.dropdown-toggle:focus,
.open > .btn-gray-darker.dropdown-toggle.focus {
color: white;
background-color: black;
border-color: black; }
.btn-gray-darker:active, .btn-gray-darker.active,
.open > .btn-gray-darker.dropdown-toggle {
background-image: none; }
.btn-gray-darker.disabled:hover, .btn-gray-darker.disabled:focus, .btn-gray-darker.disabled.focus, .btn-gray-darker[disabled]:hover, .btn-gray-darker[disabled]:focus, .btn-gray-darker[disabled].focus,
fieldset[disabled] .btn-gray-darker:hover,
fieldset[disabled] .btn-gray-darker:focus,
fieldset[disabled] .btn-gray-darker.focus {
background-color: #262626;
border-color: #262626; }
.btn-gray-darker .badge {
color: #262626;
background-color: white; }
.btn-gray-dark {
color: white;
background-color: #2d2d2d;
border-color: #2d2d2d; }
.btn-gray-dark:focus, .btn-gray-dark.focus {
color: white;
background-color: #141414;
border-color: black; }
.btn-gray-dark:hover {
color: white;
background-color: #141414;
border-color: #0e0e0e; }
.btn-gray-dark:active, .btn-gray-dark.active,
.open > .btn-gray-dark.dropdown-toggle {
color: white;
background-color: #141414;
border-color: #0e0e0e; }
.btn-gray-dark:active:hover, .btn-gray-dark:active:focus, .btn-gray-dark:active.focus, .btn-gray-dark.active:hover, .btn-gray-dark.active:focus, .btn-gray-dark.active.focus,
.open > .btn-gray-dark.dropdown-toggle:hover,
.open > .btn-gray-dark.dropdown-toggle:focus,
.open > .btn-gray-dark.dropdown-toggle.focus {
color: white;
background-color: #020202;
border-color: black; }
.btn-gray-dark:active, .btn-gray-dark.active,
.open > .btn-gray-dark.dropdown-toggle {
background-image: none; }
.btn-gray-dark.disabled:hover, .btn-gray-dark.disabled:focus, .btn-gray-dark.disabled.focus, .btn-gray-dark[disabled]:hover, .btn-gray-dark[disabled]:focus, .btn-gray-dark[disabled].focus,
fieldset[disabled] .btn-gray-dark:hover,
fieldset[disabled] .btn-gray-dark:focus,
fieldset[disabled] .btn-gray-dark.focus {
background-color: #2d2d2d;
border-color: #2d2d2d; }
.btn-gray-dark .badge {
color: #2d2d2d;
background-color: white; }
.btn-gray {
color: white;
background-color: #383838;
border-color: #383838; }
.btn-gray:focus, .btn-gray.focus {
color: white;
background-color: #1f1f1f;
border-color: black; }
.btn-gray:hover {
color: white;
background-color: #1f1f1f;
border-color: #191919; }
.btn-gray:active, .btn-gray.active,
.open > .btn-gray.dropdown-toggle {
color: white;
background-color: #1f1f1f;
border-color: #191919; }
.btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus,
.open > .btn-gray.dropdown-toggle:hover,
.open > .btn-gray.dropdown-toggle:focus,
.open > .btn-gray.dropdown-toggle.focus {
color: white;
background-color: #0d0d0d;
border-color: black; }
.btn-gray:active, .btn-gray.active,
.open > .btn-gray.dropdown-toggle {
background-image: none; }
.btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray.focus {
background-color: #383838;
border-color: #383838; }
.btn-gray .badge {
color: #383838;
background-color: white; }
.btn-gray-light {
color: white;
background-color: #444444;
border-color: #444444; }
.btn-gray-light:focus, .btn-gray-light.focus {
color: white;
background-color: #2b2b2b;
border-color: #040404; }
.btn-gray-light:hover {
color: white;
background-color: #2b2b2b;
border-color: #252525; }
.btn-gray-light:active, .btn-gray-light.active,
.open > .btn-gray-light.dropdown-toggle {
color: white;
background-color: #2b2b2b;
border-color: #252525; }
.btn-gray-light:active:hover, .btn-gray-light:active:focus, .btn-gray-light:active.focus, .btn-gray-light.active:hover, .btn-gray-light.active:focus, .btn-gray-light.active.focus,
.open > .btn-gray-light.dropdown-toggle:hover,
.open > .btn-gray-light.dropdown-toggle:focus,
.open > .btn-gray-light.dropdown-toggle.focus {
color: white;
background-color: #191919;
border-color: #040404; }
.btn-gray-light:active, .btn-gray-light.active,
.open > .btn-gray-light.dropdown-toggle {
background-image: none; }
.btn-gray-light.disabled:hover, .btn-gray-light.disabled:focus, .btn-gray-light.disabled.focus, .btn-gray-light[disabled]:hover, .btn-gray-light[disabled]:focus, .btn-gray-light[disabled].focus,
fieldset[disabled] .btn-gray-light:hover,
fieldset[disabled] .btn-gray-light:focus,
fieldset[disabled] .btn-gray-light.focus {
background-color: #444444;
border-color: #444444; }
.btn-gray-light .badge {
color: #444444;
background-color: white; }
.btn-gray-lighter {
color: white;
background-color: #5c5c5c;
border-color: #5c5c5c; }
.btn-gray-lighter:focus, .btn-gray-lighter.focus {
color: white;
background-color: #434343;
border-color: #1c1c1c; }
.btn-gray-lighter:hover {
color: white;
background-color: #434343;
border-color: #3d3d3d; }
.btn-gray-lighter:active, .btn-gray-lighter.active,
.open > .btn-gray-lighter.dropdown-toggle {
color: white;
background-color: #434343;
border-color: #3d3d3d; }
.btn-gray-lighter:active:hover, .btn-gray-lighter:active:focus, .btn-gray-lighter:active.focus, .btn-gray-lighter.active:hover, .btn-gray-lighter.active:focus, .btn-gray-lighter.active.focus,
.open > .btn-gray-lighter.dropdown-toggle:hover,
.open > .btn-gray-lighter.dropdown-toggle:focus,
.open > .btn-gray-lighter.dropdown-toggle.focus {
color: white;
background-color: #313131;
border-color: #1c1c1c; }
.btn-gray-lighter:active, .btn-gray-lighter.active,
.open > .btn-gray-lighter.dropdown-toggle {
background-image: none; }
.btn-gray-lighter.disabled:hover, .btn-gray-lighter.disabled:focus, .btn-gray-lighter.disabled.focus, .btn-gray-lighter[disabled]:hover, .btn-gray-lighter[disabled]:focus, .btn-gray-lighter[disabled].focus,
fieldset[disabled] .btn-gray-lighter:hover,
fieldset[disabled] .btn-gray-lighter:focus,
fieldset[disabled] .btn-gray-lighter.focus {
background-color: #5c5c5c;
border-color: #5c5c5c; }
.btn-gray-lighter .badge {
color: #5c5c5c;
background-color: white; }
.btn-outline {
color: inherit; }
.btn-outline.btn-primary {
color: #2c97de; }
.btn-outline.btn-success {
color: #84b547; }
.btn-outline.btn-info {
color: #2dbda8; }
.btn-outline.btn-warning {
color: #e76d3b; }
.btn-outline.btn-danger {
color: #cc3e4a; }
.btn-outline.btn-cerulean {
color: #00A3E3; }
.btn-outline.btn-curious-blue {
color: #2986c7; }
.btn-outline.btn-endaveour {
color: #0055a3; }
.btn-outline.btn-minsk {
color: #362d88; }
.btn-outline.btn-eminence {
color: #742787; }
.btn-outline.btn-violet-eggplant {
color: #aa1985; }
.btn-outline.btn-mint-green {
color: #72ff96; }
.btn-outline.btn-aquamarine {
color: #62ffe0; }
.btn-outline.btn-malibu {
color: #6abfff; }
.btn-outline.btn-dodger-blue {
color: #5e6cff; }
.btn-outline.btn-heliotrope {
color: #a26bff; }
.btn-outline.btn-perfume {
color: #f57ffe; }
.btn-outline.btn-brand-cerulean {
color: #00A3E3; }
.btn-outline.btn-gray-darker {
color: #262626; }
.btn-outline.btn-gray-dark {
color: #2d2d2d; }
.btn-outline.btn-gray {
color: #383838; }
.btn-outline.btn-gray-light {
color: #444444; }
.btn-outline.btn-gray-lighter {
color: #5c5c5c; }
.btn-outline:not(:hover) {
background-color: transparent; }
.btn-outline.active, .btn-outline:hover {
color: white; }
.timeline .timeline-date {
display: block;
max-width: 210px;
position: relative;
padding-top: 8px; }
.timeline .timeline-date:before {
background: #262626;
border-radius: 2px;
bottom: -30px;
content: "";
height: 24px;
left: 12px;
position: absolute;
width: 1px; }
.timeline.timeline-datetime .timeline-item {
margin-left: 117px; }
.timeline.timeline-datetime .timeline-date {
text-align: center; }
.timeline.timeline-datetime .timeline-date:before {
left: calc(50% - 1px); }
.timeline .timeline-item {
margin-top: 25px;
margin-bottom: 25px;
margin-left: 25px;
position: relative; }
.timeline .timeline-item:first-child {
margin-top: 0; }
.timeline .timeline-item .timeline-item-time {
position: absolute;
top: 10px;
right: calc(100% + 35px);
text-align: right; }
.timeline .timeline-item .timeline-item-inner {
padding: 10px;
position: relative; }
.timeline .timeline-item .timeline-item-head {
border-bottom: 1px solid #262626;
margin-bottom: 8px;
padding-bottom: 8px; }
.timeline .timeline-item .timeline-item-head .user-detail h5 {
margin: 0 0 2px 0; }
.timeline .timeline-item .timeline-item-head .post-type > p {
font-weight: bold;
text-transform: uppercase;
font-size: .7em;
margin: 0;
line-height: 17px; }
.timeline .timeline-item .timeline-item-head .post-time > p {
text-transform: uppercase;
letter-spacing: 1px;
font-size: .6em;
line-height: 15px;
margin: 0; }
.timeline .timeline-item .timeline-item-content p {
color: #585b5e;
font-size: .9em;
margin: 0; }
.timeline .timeline-item .timeline-icon:before {
background: #262626;
border-radius: 2px;
bottom: -28px;
content: "";
height: 100%;
left: -14px;
position: absolute;
width: 1px; }
.timeline .timeline-item .timeline-icon i {
left: -19px;
position: absolute;
top: 10px; }
.collapsible-panel:not(.collapsed) .panel-collapsed-visible {
display: none; }
.collapsible-panel.collapsed .panel-collapsed-hidden {
display: none; }
.collapsible-panel .action-panel-collapse:focus, .collapsible-panel .action-panel-collapse:hover,
.collapsible-panel .action-panel-close:focus,
.collapsible-panel .action-panel-close:hover {
text-decoration: none; }
.collapsible-panel > *:not(.panel-heading) {
-webkit-transition: max-height 0.2s ease-in-out;
transition: max-height 0.2s ease-in-out; }
.collapsible-panel .panel-body {
overflow: hidden; }
.collapsible-panel.collapsed > *:not(.panel-heading) {
max-height: 0 !important; }
.collapsible-panel.collapsed .panel-heading {
border-bottom: 0;
margin-bottom: 1px; }
.collapsible-panel.collapsed > .panel-footer {
padding-top: 0;
padding-bottom: 0;
overflow: hidden; }
.collapsible-panel.collapsed > .panel-body {
padding-top: 0;
padding-bottom: 0; }
.chat-messages {
position: relative;
list-style: none;
padding: 0px 0px 0 10px;
margin: 0; }
.chat-messages .message {
clear: both;
overflow: hidden;
margin-bottom: 20px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity: 0; }
.chat-messages .message.appeared {
opacity: 1; }
.chat-messages .message .avatar {
width: 60px;
height: 60px;
border-radius: 50%;
display: inline-block; }
.chat-messages .message .text_wrapper {
display: inline-block;
padding: 10px;
border-radius: 6px;
width: calc(100% - 75px);
min-width: 202px;
position: relative; }
.chat-messages .message .text_wrapper:before, .chat-messages .message .text_wrapper:after {
top: 8px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.chat-messages .message .text_wrapper::after {
border-width: 8px;
margin-top: 0px; }
.chat-messages .message .text_wrapper::before {
border-width: 10px;
margin-top: -2px; }
.chat-messages .message .text_wrapper .text {
font-size: 12px; }
.chat-messages .message.left .text_wrapper {
background-color: #262626;
margin-left: 10px; }
.chat-messages .message.right {
padding-right: 15px; }
.chat-messages .message.right .text_wrapper {
background-color: #262626;
margin-right: 10px;
float: right; }
.chat-messages .message.right .text_wrapper:after {
left: 100%;
border-left-color: #262626; }
.chat-messages .message.left .text_wrapper:after {
right: 100%;
border-right-color: #262626; }
.chat-message-input {
border-top: 1px solid #262626; }
.jqstooltip {
width: auto !important;
height: auto !important; }
.layout-options {
width: 200px;
position: fixed;
right: -200px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 150; }
.layout-options.active {
right: 0; }
.layout-options > .action-toggle-layout-options {
position: absolute;
top: 50%;
-webkit-transform: translateY(calc(-50% - 54px));
transform: translateY(calc(-50% - 54px));
left: -35px;
width: 35px; }
@media (max-width: 767px) {
.layout-options {
display: none; } }
.layout-options > .panel {
margin-bottom: 0; }
body.layout-options-disabled .layout-options > .action-toggle-layout-options.disabled {
display: initial; }
body.layout-options-disabled .layout-options > .action-toggle-layout-options:not(.disabled) {
display: none; }
body:not(.layout-options-disabled) .layout-options > .action-toggle-layout-options.disabled {
display: none; }
body:not(.layout-options-disabled) .layout-options > .action-toggle-layout-options:not(.disabled) {
display: initial; }
body:not(.rtl) .layout-options > .action-toggle-layout-options {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
body:not(.rtl) .layout-options .panel {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none; }
body.rtl .spin-layout-options {
right: auto;
left: -200px; }
body.rtl .spin-layout-options.active {
left: 0; }
body.rtl .spin-layout-options > .action-toggle-layout-options {
left: auto;
right: -35px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
body.rtl .spin-layout-options .panel {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.label.label-with-icon {
font-size: 10px;
line-height: 12px;
padding: 2px 5px;
position: absolute;
right: 5px;
top: 8px; }
.badge-with-icon {
position: relative;
top: -10px;
margin-left: -16px;
border-radius: 15px; }
.thumbnail-small {
width: 20px; }
.avatar-with-icon {
position: relative; }
.avatar-with-icon i {
font-size: 9px;
line-height: 1px;
padding: 1px 20px;
position: absolute; }
.spin-search-box {
max-width: 300px; }
.spin-search-box > a .icon-active {
display: none; }
.spin-search-box > a .icon-inactive {
display: initial; }
.spin-search-box > .input-group {
padding: 10px;
max-width: 80%;
width: 100%;
display: none; }
.spin-search-box.active > a .icon-active {
display: initial; }
.spin-search-box.active > a .icon-inactive {
display: none; }
.spin-search-box.active > .input-group {
display: table; }
.yamm-content .list-unstyled {
min-width: 150px; }
.profile .profile-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.profile .profile-name .profile-name-avatar {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
margin-top: -75px; }
.profile .profile-name .profile-name-avatar img {
border: 3px solid #1A1A1A;
border-radius: 50%;
max-height: 150px;
margin-bottom: 5px; }
.profile .profile-name .profile-name-body {
padding-left: 9px;
padding-right: 9px;
width: 100%;
text-align: center; }
.profile .profile-name.profile-name-avatar-left, .profile .profile-name.profile-name-avatar-right {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.profile .profile-name.profile-name-avatar-left .profile-name-avatar, .profile .profile-name.profile-name-avatar-right .profile-name-avatar {
width: 150px; }
.profile .profile-name.profile-name-avatar-left .profile-name-body, .profile .profile-name.profile-name-avatar-right .profile-name-body {
width: auto; }
.profile .profile-name.profile-name-avatar-left .profile-name-body {
text-align: left; }
.profile .profile-name.profile-name-avatar-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.profile .profile-name.profile-name-avatar-right .profile-name-body {
text-align: right; }
@media screen and (max-width: 480px) {
.profile .profile-name {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.profile .profile-name > * {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important; }
.profile .profile-name .profile-name-body {
text-align: center !important; } }
.panel.panel-loading {
position: relative; }
.panel.panel-loading:before {
content: " ";
left: calc(50% - 50px);
top: calc(50% - 50px);
font-size: 10px;
position: absolute;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
width: 100px;
height: 100px;
border-radius: 50%;
z-index: 2; }
.panel.panel-loading:after {
top: 0;
left: 0;
content: " ";
display: block;
position: absolute;
background-color: black;
width: 100%;
height: 100%; }
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
[data-plugin="peityLine"] + .peity {
width: 100%; }
.avatar {
position: relative;
width: 35px;
height: 35px; }
.avatar.avatar-image:not(.loaded) img {
display: none; }
.avatar.avatar-image:not(.loaded)::before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #2d2d2d;
border-radius: 50%;
z-index: 10; }
.avatar.avatar-image:not(.loaded)::after {
content: "\f007";
font-family: FontAwesome;
font-size: 21px;
line-height: 16px;
position: absolute;
z-index: 11;
bottom: 0;
left: 50%;
top: 50%;
color: #444444;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.avatar.avatar-image:not(.loaded).avatar-sm::after, .sidebar-slim .avatar.avatar-image.sidebar-avatar:not(.loaded)::after {
font-size: 13px;
line-height: 10px; }
.avatar.avatar-image:not(.loaded).avatar-lg::after {
font-size: 65px;
line-height: 40px; }
.avatar.avatar-inline {
display: inline-block;
vertical-align: bottom; }
.avatar img {
border-radius: 50%;
width: 100%;
display: block; }
.avatar .badge,
.avatar .label {
position: absolute;
top: 3px;
right: 2px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
z-index: 12; }
.avatar .avatar-status {
position: absolute;
display: block;
width: 12px;
height: 12px;
border: 2px solid #212121;
border-radius: 100%;
top: -2px;
right: 0;
z-index: 12; }
.avatar .avatar-status.avatar-status-bottom {
top: auto;
bottom: 0; }
.avatar.avatar-sm, .sidebar-slim .avatar.sidebar-avatar {
width: 20px;
height: 20px; }
.avatar.avatar-sm .avatar-status, .sidebar-slim .avatar.sidebar-avatar .avatar-status {
width: 8px;
height: 8px;
border-width: 1px;
right: -2px;
top: 0; }
.avatar.avatar-sm .avatar-status.avatar-status-bottom, .sidebar-slim .avatar.sidebar-avatar .avatar-status.avatar-status-bottom {
top: auto;
bottom: -2px; }
.avatar.avatar-sm .badge, .sidebar-slim .avatar.sidebar-avatar .badge,
.avatar.avatar-sm .label, .sidebar-slim .avatar.sidebar-avatar .label {
font-size: 8px;
right: 0;
top: 0; }
.avatar.avatar-lg {
width: 84px;
height: 84px; }
.avatar.avatar-lg .avatar-status {
width: 16px;
height: 16px;
top: 3px;
right: 6px; }
.avatar.avatar-lg .avatar-status.avatar-status-bottom {
top: auto;
bottom: 3px; }
.avatar.avatar-lg .badge,
.avatar.avatar-lg .label {
top: 10px;
right: 10px; }
.avatar.avatar-text, .avatar.avatar-icon {
text-align: center;
height: 35px;
border-radius: 50%; }
.avatar.avatar-text .avatar-content, .avatar.avatar-icon .avatar-content {
color: white;
font-size: 13px;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.avatar.avatar-text.avatar-sm, .avatar.avatar-sm.avatar-icon, .sidebar-slim .avatar.avatar-icon.sidebar-avatar, .sidebar-slim .avatar.avatar-text.sidebar-avatar {
height: 20px; }
.avatar.avatar-text.avatar-sm .avatar-content, .avatar.avatar-sm.avatar-icon .avatar-content, .sidebar-slim .avatar.avatar-icon.sidebar-avatar .avatar-content, .sidebar-slim .avatar.avatar-text.sidebar-avatar .avatar-content {
font-size: 8px; }
.avatar.avatar-text.avatar-lg, .avatar.avatar-lg.avatar-icon {
height: 84px; }
.avatar.avatar-text.avatar-lg .avatar-content, .avatar.avatar-lg.avatar-icon .avatar-content {
font-size: 33px; }
.avatar.avatar-icon .avatar-content {
font-size: 20px; }
.avatar.avatar-icon.avatar-sm .avatar-content, .sidebar-slim .avatar.avatar-icon.sidebar-avatar .avatar-content {
font-size: 11px; }
.avatar.avatar-icon.avatar-lg .avatar-content {
font-size: 48px; }
.sidebar-slim.sidebar-aside .sidebar-avatar {
display: none; }
.sidebar-big-icons .sidebar-avatar {
width: 35px; }
.sidebar-big-icons .sidebar-avatar .badge,
.sidebar-big-icons .sidebar-avatar .label {
top: 3px;
right: 2px; }
.sidebar-big-icons .sidebar-avatar .avatar-status {
width: 12px;
height: 12px;
top: -2px;
right: 0; }
.sidebar-big-icons .sidebar-avatar .avatar-status.avatar-status-bottom {
top: auto;
bottom: 0; }
.navigation .navbar .avatar {
max-width: 18px;
max-height: 18px; }
.custom-scrollbar {
position: relative; }
.hr-text {
position: relative;
font-size: 12px;
line-height: 20px;
text-align: left;
text-transform: uppercase; }
.hr-text.hr-text-center {
text-align: center; }
.hr-text.hr-text-center > *:first-child {
padding-left: 1em; }
.hr-text.hr-text-right {
text-align: right; }
.hr-text.hr-text-right > *:first-child {
padding-left: 1em;
padding-right: 0; }
.hr-text:before {
position: absolute;
top: 50%;
display: block;
content: "";
width: 100%;
height: 1px;
background-color: #383838; }
.hr-text > *:first-child {
position: relative;
z-index: 2;
display: inline-block;
padding-right: 1em;
color: #5c5c5c;
vertical-align: middle;
background-color: #212121; }
.modal.modal-primary .modal-content {
border-color: #2c97de; }
.modal.modal-success .modal-content {
border-color: #84b547; }
.modal.modal-info .modal-content {
border-color: #2dbda8; }
.modal.modal-warning .modal-content {
border-color: #e76d3b; }
.modal.modal-danger .modal-content {
border-color: #cc3e4a; }
.callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #262626;
border-left-width: 5px;
border-radius: 3px; }
.callout.callout-primary {
border-left-color: #2c97de; }
.callout.callout-success {
border-left-color: #84b547; }
.callout.callout-warning {
border-left-color: #e76d3b; }
.callout.callout-danger {
border-left-color: #cc3e4a; }
.callout.callout-gray-light {
border-left-color: #444444; }
.display-1 {
font-size: 6rem;
font-weight: 300; }
.display-2 {
font-size: 5.5rem;
font-weight: 300; }
.display-3 {
font-size: 4.5rem;
font-weight: 300; }
.display-4 {
font-size: 3.5rem;
font-weight: 300; }
.f-w-300 {
font-weight: 300; }
.f-25 {
font-size: 25%; }
.no-bg {
background: none; }
.v-a-m {
vertical-align: middle !important; }
.media-body.media-auto,
.media-auto .media-body {
width: auto; }
/* Tabs panel */
.tabbable-panel {
border: none;
padding: none; }
/* Default mode */
.tabbable-line > .nav-tabs {
border: none;
margin: 0px; }
.tabbable-line > .nav-tabs > li {
margin-right: 2px; }
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #5c5c5c; }
/* Custom Setting for Active (Maciek ) */
.tabbable-line .nav-tabs > li.active > a, .tabbable-line .nav-tabs > li.active > a:hover, .tabbable-line .nav-tabs > li.active > a:focus {
background: transparent; }
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6; }
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid #176192; }
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #176192; }
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
background: transparent; }
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px; }
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #2c97de;
position: relative; }
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: white; }
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040; }
.tabbable-line > .tab-content {
background-color: none;
border: 0;
border-top: 1px solid #383838;
padding: 15px 0; }
.portlet .tabbable-line > .tab-content {
padding-bottom: 0; }
/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
border-top: 4px solid transparent; }
.tabbable-line.tabs-below > .nav-tabs > li > a {
margin-top: 0; }
.tabbable-line.tabs-below > .nav-tabs > li:hover {
border-bottom: 0;
border-top: 4px solid black; }
.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #f3565d; }
.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px; }
/* Tooltips */
.bs-example-tooltips {
text-align: center; }
.bs-example-tooltips > .btn {
margin-top: 5px;
margin-bottom: 5px; }
.bs-example-tooltip .tooltip {
position: relative;
display: inline-block;
margin: 10px 20px;
opacity: 1; }
/* Popovers */
.bs-example-popover {
padding-bottom: 24px; }
.bs-example-popover .popover {
position: relative;
display: block;
float: left;
width: 260px;
margin: 20px; }
/* Example modals */
.bs-example-modal {
background-color: none; }
.bs-example-modal .modal {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
display: block; }
.bs-example-modal .modal-dialog {
left: auto;
margin-right: auto;
margin-left: auto; }
/*
* Grid examples
*
* Highlight the grid columns within the docs so folks can see their padding,
* alignment, sizing, etc.
*/
.show-grid {
margin-bottom: 15px;
color: white; }
.show-grid [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
background-color: #444444;
border: 1px solid #575757; }
.h-3 {
height: 3px !important; }
.h-6 {
height: 6px !important; }
.h-9 {
height: 9px !important; }
.h-20 {
height: 20px !important; }
.h-100 {
height: 100px !important; }
.w-0 {
width: 0px !important; }
.w-5 {
width: 5px !important; }
.w-10 {
width: 10px !important; }
.w-17 {
width: 17px !important; }
.w-100 {
width: 100px !important; }
.w-210 {
width: 201px !important; }
.w-350 {
width: 350px !important; }
.scroll-640 {
max-height: 640px;
overflow-y: scroll; }
.scroll-600 {
max-height: 600px;
overflow-y: scroll; }
.scroll-300 {
max-height: 300px;
overflow-y: scroll; }
.scroll-200 {
max-height: 200px;
overflow-y: scroll; }
.scroll-1000 {
max-height: 1000px;
overflow-y: scroll; }
.scroll-1300 {
max-height: 1300px;
overflow-y: scroll; }
#events-list .event.ui-draggable-dragging {
color: white !important;
font-size: .85em;
padding: 0 2px;
max-width: 150px; }
#events-list .event.ui-draggable-dragging i {
display: none; }
#events-list .event.ui-draggable-dragging.event-primary {
background: #2c97de; }
#events-list .event.ui-draggable-dragging.event-info {
background: #2dbda8; }
#events-list .event.ui-draggable-dragging.event-success {
background: #84b547; }
#events-list .event.ui-draggable-dragging.event-warning {
background: #e76d3b; }
#events-list .event.ui-draggable-dragging.event-danger {
background: #cc3e4a; }
ol {
counter-reset: item; }
ol > li {
counter-increment: item; }
ol ol > li {
display: block; }
ol ol > li:before {
content: counters(item, ".") ". ";
margin-left: -40px; }
.bs-glyphicons {
margin: 0 -10px 20px;
overflow: hidden; }
.bs-glyphicons-list {
padding-left: 0;
list-style: none; }
.bs-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 10px;
font-size: 10px;
line-height: 1.4;
text-align: center;
background-color: #262626;
border: 1px solid #212121; }
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px; }
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word;
/* Help out IE10+ with class names */ }
.bs-glyphicons li:hover {
color: #fff;
background-color: #383838; }
@media (min-width: 768px) {
.bs-glyphicons {
margin-right: 0;
margin-left: 0; }
.bs-glyphicons li {
width: 12.5%;
font-size: 11px; } }
/*
* Side navigation
*
* Scrollspy and affixed enhanced navigation to highlight sections and secondary
* sections of docs content.
*/
/* By default it's not affixed in mobile views, so undo that */
.bs-docs-sidebar.affix {
position: static; }
@media (min-width: 768px) {
.bs-docs-sidebar {
padding-left: 20px; } }
/* First level of nav */
.bs-docs-sidenav {
margin-top: 20px;
margin-bottom: 20px; }
/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
display: block;
padding: 4px 20px;
font-size: 13px;
font-weight: normal;
color: #525252; }
.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
padding-left: 19px;
color: white;
text-decoration: none;
background-color: transparent;
border-left: 1px solid white; }
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
padding-left: 18px;
font-weight: bold;
color: #2c97de;
background-color: transparent;
border-left: 2px solid #2c97de; }
/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
display: none;
/* Hide by default, but at >768px, show it */
padding-bottom: 10px; }
.bs-docs-sidebar .nav .nav > li > a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
font-weight: normal; }
.bs-docs-sidebar .nav .nav > li > a:hover,
.bs-docs-sidebar .nav .nav > li > a:focus {
padding-left: 29px; }
.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active:hover > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
padding-left: 28px;
font-weight: 500; }
/* Back to top (hidden on mobile) */
.back-to-top,
.bs-docs-theme-toggle {
display: none;
padding: 4px 10px;
margin-top: 10px;
margin-left: 10px;
font-size: 12px;
font-weight: 500;
color: #999; }
.back-to-top:hover,
.bs-docs-theme-toggle:hover {
color: #563d7c;
text-decoration: none; }
.bs-docs-theme-toggle {
margin-top: 0; }
@media (min-width: 768px) {
.back-to-top,
.bs-docs-theme-toggle {
display: block; } }
/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
.bs-docs-sidebar .nav > .active > ul {
display: block; }
/* Widen the fixed sidebar */
.bs-docs-sidebar.affix,
.bs-docs-sidebar.affix-bottom {
width: 213px; }
.bs-docs-sidebar.affix {
position: fixed;
/* Undo the static from mobile first approach */
top: 20px; }
.bs-docs-sidebar.affix-bottom {
position: absolute;
/* Undo the static from mobile first approach */ }
.bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
.bs-docs-sidebar.affix .bs-docs-sidenav {
margin-top: 0;
margin-bottom: 0; } }
@media (min-width: 1200px) {
/* Widen the fixed sidebar again */
.bs-docs-sidebar.affix-bottom,
.bs-docs-sidebar.affix {
width: 263px; } }
/* Gallery Layouts for section "Layouts" */
.gallery-thumbnail {
border: 2px solid #262626;
background: #262626;
-webkit-transition: none;
transition: none; }
.gallery-thumbnail.active {
border: 2px solid #2c97de; }
.gallery-thumbnail:hover {
border: 2px solid #383838; }
.gallery-thumbnail.active:hover {
border: 2px solid #1b71aa; }
/* Scroll Vertical for <pre> */
.scroll-vertical {
overflow: auto;
word-wrap: normal;
white-space: pre; }
/*
.navigation .sidebar.sidebar-primary {
background-color: $brand-primary;
color: white;
// ========= TEXT-MUTED ===============
.text-muted {
color: brown;
}
hr {
border-top-color: red;
}
// ============ MENU ==================
.sidebar-content .side-menu {
// ========== All Menus ===========
// Default Link
a {
color: white;
// Hover Link
&:hover {
color: yellow;
background: purple;
// Hover Icon Color
> i:first-child {
color: yellow;
}
box-shadow: 0 -1px 0 0 hotpink inset; //Bottom Border Hover
}
// Default Icon Color
> i:first-child {
color: hotpink;
}
}
// Active Link
.nested-active:not(.expanded) > a,
.active > a {
background: purple;
color: green;
box-shadow: 0 -1px 0 0 hotpink inset; //Bottom Border Active
}
// =========== Main Menus =========
> li {
// Active Main Menu Link
&.nested-active:not(.expanded) > a,
&.active > a {
box-shadow: 3px 0 0 0 brown inset, //Accent Main Menu Active
0 -1px 0 0 hotpink inset; //Bottom Border Main Menu Active
// Active Icon Color
> i:first-child {
color: yellow;
}
}
}
}
}
*/
/********************************************************
Sidebar visual
********************************************************/
body .sidebar-logo {
border-bottom: 1px solid #212121;
border-right: 1px solid #212121;
height: 150px; }
body .sidebar-logo > img {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto; }
body .sidebar-logo .logo-slim {
display: none; }
body.sidebar-slim .sidebar-logo {
height: 50px; }
body.sidebar-slim .sidebar-logo .logo-default {
display: none; }
body.sidebar-slim .sidebar-logo .logo-slim {
display: block; }
body.sidebar-full-height .sidebar .sidebar-logo {
display: block; }
body.sidebar-full-height .navbar .navbar-brand {
display: none; }
body:not(.sidebar-full-height) .sidebar .sidebar-logo {
display: none; }
body:not(.sidebar-full-height) .navbar .navbar-brand {
display: initial; }
.avatar-container {
display: none; }
body.sidebar-big-icons.sidebar-with-avatar .sidebar-logo {
display: none; }
body.sidebar-big-icons.sidebar-with-avatar .avatar-container {
display: block; }
.sidebar .sidebar-overlay-head {
display: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 51px;
border: 1px solid #212121;
border-width: 0 1px 1px 0;
padding: 0 25px 0 20px; }
.sidebar .sidebar-overlay-head .sidebar-switch {
color: #5C5C5C;
font-size: 18px; }
body.sidebar-overlay .sidebar .sidebar-overlay-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
body.sidebar-overlay .sidebar .sidebar-content {
max-height: calc(100% - 50px);
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.navigation .sidebar {
background: none;
direction: ltr; }
.navigation .sidebar ul.side-menu {
list-style-type: none;
background: none;
padding-left: 0;
margin-bottom: 0; }
.navigation .sidebar ul.side-menu > li {
border-bottom: none;
box-sizing: border-box;
/*border-bottom: $sidebar-border;*/
border-right: 1px solid #212121; }
.navigation .sidebar ul.side-menu > li > a {
display: block;
width: 100%;
padding: 15px 25px 15px 20px;
color: #5C5C5C;
position: relative; }
.navigation .sidebar ul.side-menu > li > a > i:first-child {
color: #383838; }
.navigation .sidebar ul.side-menu > li > a .nav-label {
font-size: 10px;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 1px; }
.navigation .sidebar ul.side-menu > li > a i:first-child {
margin-right: 10px;
width: 30px;
text-align: center; }
.navigation .sidebar ul.side-menu > li > a:hover {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
.navigation .sidebar ul.side-menu > li > a:hover > i:first-child {
color: white; }
.navigation .sidebar ul.side-menu > li > a:focus, .navigation .sidebar ul.side-menu > li > a:active {
text-decoration: none; }
.navigation .sidebar ul.side-menu > li.active > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
.navigation .sidebar ul.side-menu > li.active > a > i:first-child {
color: white; }
.navigation .sidebar ul.side-menu > li.nested-active:not(.expanded) > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
.navigation .sidebar ul.side-menu > li.nested-active:not(.expanded) > a > i:first-child {
color: white; }
.rtl .navigation .sidebar ul.side-menu > li {
border-right: none;
border-left: 1px solid #212121; }
.rtl .navigation .sidebar ul.side-menu > li > a {
direction: rtl;
text-align: right;
padding: 15px 20px 15px 25px; }
.rtl .navigation .sidebar ul.side-menu > li > a i:first-child {
margin-right: 0;
margin-left: 4px; }
.rtl .navigation .sidebar ul.side-menu > li.active > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }
.rtl .navigation .sidebar ul.side-menu > li.nested-active:not(.expanded) > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }
.rtl .navigation .sidebar .pull-right {
float: left !important; }
.sidebar-big-icons .navigation .sidebar ul.side-menu > li > a {
text-align: center;
padding-top: 20px;
padding-bottom: 20px; }
.sidebar-big-icons .navigation .sidebar ul.side-menu > li > a > *:not(:first-child):not(.nav-label) {
display: none; }
.sidebar-big-icons .navigation .sidebar ul.side-menu > li > a > i:first-child {
display: inline-block;
width: 100%;
font-size: 24px;
margin-bottom: 10px;
margin-right: 0; }
.sidebar-slim .navigation .sidebar ul.side-menu > li > a {
text-align: center;
padding: 15px 10px; }
.sidebar-slim .navigation .sidebar ul.side-menu > li > a > *:not(:first-child) {
display: none; }
.sidebar-slim .navigation .sidebar ul.side-menu > li > a .nav-label {
display: none; }
.sidebar-slim .navigation .sidebar ul.side-menu > li > a i:first-child {
margin-right: 0; }
/********************************************************
Sub menus definition
********************************************************/
.navigation .sidebar ul.side-menu li {
position: relative; }
.navigation .sidebar ul.side-menu li ul {
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: block;
list-style-type: none;
padding-left: 0;
display: none;
height: 0;
overflow: hidden;
transition: max-height 1s;
-webkit-transition: max-height 1s; }
.navigation .sidebar ul.side-menu li ul li.active > a:hover,
.navigation .sidebar ul.side-menu li ul li.active > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
.navigation .sidebar ul.side-menu li ul li a {
position: relative;
display: block;
color: #5C5C5C;
padding: 15px 25px 15px 0; }
.navigation .sidebar ul.side-menu li ul li a .nav-label {
font-size: 10px;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 1px; }
.navigation .sidebar ul.side-menu li ul li a:hover {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
.navigation .sidebar ul.side-menu li ul li a:focus, .navigation .sidebar ul.side-menu li ul li a:active {
text-decoration: none; }
.navigation .sidebar ul.side-menu li ul li.nested-active:not(.expanded) > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
.navigation .sidebar ul.side-menu li ul.velocity-animating {
display: block; }
.navigation .sidebar ul.side-menu li.expanded > ul {
display: block;
height: auto; }
.navigation .sidebar ul.side-menu li > a > .arrow {
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.navigation .sidebar ul.side-menu li > a > .arrow:before {
content: "\f104"; }
.navigation .sidebar ul.side-menu li.expanded > a > .arrow:before {
content: "\f107"; }
.rtl .navigation .sidebar ul.side-menu li > a > .arrow {
right: auto;
left: 13px; }
.rtl .navigation .sidebar ul.side-menu li ul li a {
padding: 15px 0 15px 25px;
text-align: right; }
.rtl .navigation .sidebar ul.side-menu li ul li.active > a:hover,
.rtl .navigation .sidebar ul.side-menu li ul li.active > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }
.rtl .navigation .sidebar ul.side-menu li ul li.nested-active:not(.expanded) > a {
color: white;
background-color: #232323;
text-decoration: none;
box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }
body:not(.rtl) .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
padding-left: 59px; }
body:not(.rtl) .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
padding-left: 70px; }
body:not(.rtl) .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
padding-left: 70px; }
body.rtl .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
padding-right: 50px; }
body.rtl .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
padding-right: 60px; }
body.rtl .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
padding-right: 70px; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
padding-left: 0; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
padding-left: 15px; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
padding-left: 30px; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
padding-right: 0; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
padding-right: 15px; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
padding-right: 30px; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li, body.sidebar-slim .navigation .sidebar ul.side-menu > li {
position: static; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > a {
padding-left: 5px;
padding-right: 5px;
word-wrap: break-word; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul {
padding: 15px;
min-width: 250px;
position: absolute;
left: 100%;
top: 0;
background: #232323;
min-height: 100%;
z-index: 100;
border-right: 1px solid #212121;
border-bottom: 1px solid #212121; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul > li:first-child > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul > li:first-child > a {
padding-top: 15px; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a {
padding: 0 20px 0px 0;
margin-bottom: 15px;
/*padding-left: 0px;
padding-right: 20px;
padding-bottom: 15px;
*/ }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a:hover, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a:hover {
box-shadow: none;
background: none; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a .arrow, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a .arrow {
right: 3px; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li.active > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li.active > a {
box-shadow: none;
background: none; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li.nested-active:not(.expanded) > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li.nested-active:not(.expanded) > a {
box-shadow: none;
background: none; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover {
/*&.has-submenu{
border-right-color: $sidebar-active-background;
}*/ }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover > ul, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover > ul {
display: block; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a {
color: white;
background-color: #232323;
text-decoration: none; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child {
color: white; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li {
position: static; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li > ul {
left: auto;
right: 100%;
border-right: none;
border-left: 1px solid #212121; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a {
padding: 0 0 0 20px; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a .arrow, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a .arrow {
right: auto;
left: 3px; }
body.sidebar-big-icons .submenu-level-1 {
box-shadow: 5px 0px 21px -5px rgba(0, 0, 0, 0.08);
z-index: 2; }
body.sidebar-big-icons.sidebar-full-height:not(.navbar-disabled) .navigation .sidebar ul.side-menu > li > .submenu-level-1 {
top: 50px;
min-height: calc(100% - 50px); }
body.sidebar-big-icons.sidebar-full-height.sidebar-fixed:not(.navbar-fixed):not(.navbar-disabled) .affix .submenu-level-1 {
top: 0 !important;
min-height: 100% !important; }
body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul:before {
content: attr(data-submenu-title);
display: block;
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid #2d2d2d;
font-size: 18px;
color: white; }
body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul:before {
text-align: right; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li {
position: relative; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li .badge {
display: none; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul {
position: absolute;
left: 100%;
height: auto;
min-width: 200px;
overflow: visible;
background: #232323;
padding: 0;
top: -1px;
border-top: 1px solid #212121;
border-bottom: 1px solid #212121;
border-right: none; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li {
border-right: 1px solid #212121; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a {
margin: 0;
padding: 10px 24px 10px 13px !important; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a > .arrow {
right: 10px;
-webkit-transform: scaleX(-1) translateY(-50%);
transform: scaleX(-1) translateY(-50%); }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:not(:first-child) {
border-left: 1px solid #212121; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:hover > ul {
display: block; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:hover:not(.active) > a {
color: white;
background-color: #232323;
text-decoration: none; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li.primary-submenu > ul {
top: 0; }
body.sidebar-slim .navigation .sidebar ul.side-menu > li.primary-submenu > ul > li {
border-left: none; }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li {
position: relative; }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul {
left: auto;
right: 100%;
border-left: none; }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li {
border-right: none;
border-left: 1px solid #212121; }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a {
margin: 0;
padding: 10px 13px 10px 24px !important; }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a > .arrow {
right: auto;
left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:not(:first-child) {
border-right: 1px solid #212121; }
body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li.primary-submenu > ul > li {
border-right: none; }
/********************************************************
Right sidebar
********************************************************/
body:not(.navbar-fixed):not(.sidebar-overlay) .right-sidebar.affix {
height: 100%;
top: 0; }
body.navbar-fixed .right-sidebar {
position: fixed; }
body.navbar-disabled .right-sidebar {
top: 0;
height: 100%; }
@media only screen and (min-width: 1200px) {
body.boxed-layout:not(.navbar-fixed) .right-sidebar.affix-top {
left: auto !important;
right: 0 !important; }
body.boxed-layout.navbar-fixed .right-sidebar,
body.boxed-layout .right-sidebar.affix {
left: auto;
right: 50%;
-webkit-transform: translateX(600px);
transform: translateX(600px); }
body.boxed-layout .right-sidebar {
display: none;
margin-right: 0; }
body.boxed-layout .right-sidebar.active {
display: block; } }
body.sidebar-overlay .right-sidebar {
top: 0 !important;
height: 100%;
z-index: 1060; }
.right-sidebar {
width: 300px;
/*padding-right: 20px;*/
padding-left: 20px;
position: absolute;
overflow: hidden;
top: 50px;
height: calc(100% - 50px);
right: 0;
margin-right: -300px;
background-color: #1A1A1A;
border-left: 1px solid #212121;
z-index: 99;
-webkit-transition: margin 0.2s ease-out;
transition: margin 0.2s ease-out; }
.right-sidebar.affix {
position: fixed; }
.right-sidebar.active {
margin-right: 0; }
body.rtl .right-sidebar {
right: auto;
left: 0;
margin-left: -300px;
margin-right: 0; }
body.rtl .right-sidebar.active {
margin-left: 0; }
.cmd-right-sidebar-toggle:focus i {
color: #525252; }
.cmd-right-sidebar-toggle:hover i {
color: white; }
.cmd-right-sidebar-toggle.active i {
color: white; }
.right-sidebar .vertical-scroll-container {
position: relative;
overflow-y: auto; }
.right-sidebar .right-sidebar-extra-content {
position: absolute;
width: 100%;
left: 100%;
padding-left: 0;
background-color: #1A1A1A;
-webkit-transition: left 0.2s;
transition: left 0.2s;
z-index: 1200; }
.right-sidebar .right-sidebar-extra-content.active {
left: 0; }
/********************************************************
Additional classes
********************************************************/
.navigation .sidebar .sidebar-section {
padding-left: 23px;
padding-right: 25px; }
.navigation .sidebar hr {
border-top-color: #212121; }
.sidebar-slim .sidebar-container-default,
.sidebar-big-icons .sidebar-container-default {
display: none; }
body:not(.sidebar-big-icons) .sidebar-container-big-icons {
display: none; }
body:not(.sidebar-full-height) .sidebar-container-slim,
body:not(.sidebar-slim) .sidebar-container-slim {
display: none; }
.add-on-container {
border-right: 1px solid #212121;
border-bottom: 1px solid #262626; }
.sidebar-container-default {
padding-top: 3rem;
padding-bottom: 3rem; }
.sidebar-container-big-icons {
padding: 3rem 0;
text-align: center; }
.sidebar-container-slim {
min-height: 50px;
position: relative; }
.sidebar-container-slim > .avatar {
position: absolute !important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.bar-details {
padding: 3px 0; }
body.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.has-submenu:hover > a,
body.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.has-submenu:hover > a {
border-right-color: transparent; }
/**************************************************************
* COLOR SIDEBAR VARIANTS *
***************************************************************/
body.sidebar-primary .navigation .sidebar,
body.sidebar-info .navigation .sidebar,
body.sidebar-success .navigation .sidebar,
body.sidebar-warning .navigation .sidebar,
body.sidebar-danger .navigation .sidebar {
color: rgba(255, 255, 255, 0.6); }
body.sidebar-primary .navigation .sidebar .text-muted,
body.sidebar-info .navigation .sidebar .text-muted,
body.sidebar-success .navigation .sidebar .text-muted,
body.sidebar-warning .navigation .sidebar .text-muted,
body.sidebar-danger .navigation .sidebar .text-muted {
color: rgba(255, 255, 255, 0.5); }
body.sidebar-primary .navigation .sidebar hr,
body.sidebar-info .navigation .sidebar hr,
body.sidebar-success .navigation .sidebar hr,
body.sidebar-warning .navigation .sidebar hr,
body.sidebar-danger .navigation .sidebar hr {
border-top-color: rgba(255, 255, 255, 0.2); }
body.sidebar-primary .navigation .sidebar .add-on-container,
body.sidebar-primary .navigation .sidebar .avatar-container,
body.sidebar-info .navigation .sidebar .add-on-container,
body.sidebar-info .navigation .sidebar .avatar-container,
body.sidebar-success .navigation .sidebar .add-on-container,
body.sidebar-success .navigation .sidebar .avatar-container,
body.sidebar-warning .navigation .sidebar .add-on-container,
body.sidebar-warning .navigation .sidebar .avatar-container,
body.sidebar-danger .navigation .sidebar .add-on-container,
body.sidebar-danger .navigation .sidebar .avatar-container {
border-right: none;
border-color: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .sidebar-overlay-head,
body.sidebar-info .navigation .sidebar .sidebar-overlay-head,
body.sidebar-success .navigation .sidebar .sidebar-overlay-head,
body.sidebar-warning .navigation .sidebar .sidebar-overlay-head,
body.sidebar-danger .navigation .sidebar .sidebar-overlay-head {
border-color: rgba(255, 255, 255, 0.3);
border-width: 0 0 1px 0; }
body.sidebar-primary .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
body.sidebar-info .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
body.sidebar-success .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
body.sidebar-warning .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
body.sidebar-danger .navigation .sidebar .sidebar-overlay-head .sidebar-switch {
color: #fff; }
body.sidebar-primary .navigation .sidebar .sidebar-logo,
body.sidebar-info .navigation .sidebar .sidebar-logo,
body.sidebar-success .navigation .sidebar .sidebar-logo,
body.sidebar-warning .navigation .sidebar .sidebar-logo,
body.sidebar-danger .navigation .sidebar .sidebar-logo {
border-right: none;
border-bottom-color: rgba(255, 255, 255, 0.3);
background: white; }
body.sidebar-primary .navigation .sidebar .nav > li > a:hover,
body.sidebar-primary .navigation .sidebar .nav > li > a:focus,
body.sidebar-info .navigation .sidebar .nav > li > a:hover,
body.sidebar-info .navigation .sidebar .nav > li > a:focus,
body.sidebar-success .navigation .sidebar .nav > li > a:hover,
body.sidebar-success .navigation .sidebar .nav > li > a:focus,
body.sidebar-warning .navigation .sidebar .nav > li > a:hover,
body.sidebar-warning .navigation .sidebar .nav > li > a:focus,
body.sidebar-danger .navigation .sidebar .nav > li > a:hover,
body.sidebar-danger .navigation .sidebar .nav > li > a:focus {
background-color: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .avatar .avatar-status,
body.sidebar-info .navigation .sidebar .avatar .avatar-status,
body.sidebar-success .navigation .sidebar .avatar .avatar-status,
body.sidebar-warning .navigation .sidebar .avatar .avatar-status,
body.sidebar-danger .navigation .sidebar .avatar .avatar-status {
border-color: white; }
body.sidebar-primary .navigation .sidebar .side-menu .label.label-outline,
body.sidebar-primary .navigation .sidebar .side-menu .badge.badge-outline,
body.sidebar-info .navigation .sidebar .side-menu .label.label-outline,
body.sidebar-info .navigation .sidebar .side-menu .badge.badge-outline,
body.sidebar-success .navigation .sidebar .side-menu .label.label-outline,
body.sidebar-success .navigation .sidebar .side-menu .badge.badge-outline,
body.sidebar-warning .navigation .sidebar .side-menu .label.label-outline,
body.sidebar-warning .navigation .sidebar .side-menu .badge.badge-outline,
body.sidebar-danger .navigation .sidebar .side-menu .label.label-outline,
body.sidebar-danger .navigation .sidebar .side-menu .badge.badge-outline {
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7); }
body.sidebar-primary .navigation .sidebar .progress,
body.sidebar-info .navigation .sidebar .progress,
body.sidebar-success .navigation .sidebar .progress,
body.sidebar-warning .navigation .sidebar .progress,
body.sidebar-danger .navigation .sidebar .progress {
background: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .progress .progress-bar,
body.sidebar-info .navigation .sidebar .progress .progress-bar,
body.sidebar-success .navigation .sidebar .progress .progress-bar,
body.sidebar-warning .navigation .sidebar .progress .progress-bar,
body.sidebar-danger .navigation .sidebar .progress .progress-bar {
background-color: #fff; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li {
border-right: none; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li a {
color: rgba(255, 255, 255, 0.5); }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li > a:hover {
color: white;
background: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li.active > a {
background: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child {
color: rgba(255, 255, 255, 0.4); }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
color: white;
background: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
background: rgba(255, 255, 255, 0.3);
color: white; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child {
color: white; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
color: white;
background: rgba(255, 255, 255, 0.3); }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
background: rgba(255, 255, 255, 0.3);
color: white; }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a {
box-shadow: none; }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li {
border-color: transparent; }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a {
color: white;
box-shadow: none !important; }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
color: white;
box-shadow: none !important; }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
box-shadow: none !important;
border: none; }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background: none; }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
color: white; }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a {
background: none; }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before {
color: white;
border-color: RGBA(255, 255, 255, 0.3); }
body.sidebar-primary .main-wrap {
background: #2c97de; }
body.sidebar-primary .navigation .sidebar {
background: #2c97de; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a {
border-right: 1px solid #2c97de; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
box-shadow: 0 -1px 0 0 #2c97de inset; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2c97de inset; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
border-right: 1px solid #2c97de; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
box-shadow: 0px -1px 0px 0px #2c97de inset; }
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2c97de inset; }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
background-color: RGBA(108, 183, 229, 1); }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
background: RGBA(108, 183, 229, 1);
box-shadow: 0 -1px 0 0 #2c97de inset; }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
border-color: RGBA(108, 183, 229, 1);
background-color: RGBA(108, 183, 229, 1); }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
border-color: RGBA(108, 183, 229, 1); }
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background-color: RGBA(108, 183, 229, 1); }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
box-shadow: 0 -1px 0 0 #2c97de inset;
background: RGBA(108, 183, 229, 1); }
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
background-color: RGBA(108, 183, 229, 1);
border-color: RGBA(108, 183, 229, 1); }
body.sidebar-info .main-wrap {
background: #2dbda8; }
body.sidebar-info .navigation .sidebar {
background: #2dbda8; }
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a {
border-right: 1px solid #2dbda8; }
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
box-shadow: 0 -1px 0 0 #2dbda8 inset; }
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2dbda8 inset; }
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
border-right: 1px solid #2dbda8; }
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
box-shadow: 0px -1px 0px 0px #2dbda8 inset; }
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2dbda8 inset; }
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
background-color: #71D1C2; }
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
background: #71D1C2;
box-shadow: 0 -1px 0 0 #2dbda8 inset; }
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
border-color: #71D1C2;
background-color: #71D1C2; }
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
border-color: #71D1C2; }
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background-color: #71D1C2; }
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
box-shadow: 0 -1px 0 0 #2dbda8 inset;
background: #71D1C2; }
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
background-color: #71D1C2;
border-color: #71D1C2; }
body.sidebar-success .main-wrap {
background: #84b547; }
body.sidebar-success .navigation .sidebar {
background: #84b547; }
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a {
border-right: 1px solid #84b547; }
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
box-shadow: 0 -1px 0 0 #84b547 inset; }
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #84b547 inset; }
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
border-right: 1px solid #84b547; }
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
box-shadow: 0px -1px 0px 0px #84b547 inset; }
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #84b547 inset; }
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
background-color: #AACA82; }
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
background: #AACA82;
box-shadow: 0 -1px 0 0 #84b547 inset; }
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
border-color: #AACA82;
background-color: #AACA82; }
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
border-color: #AACA82; }
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background-color: #AACA82; }
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
box-shadow: 0 -1px 0 0 #84b547 inset;
background: #AACA82; }
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
background-color: #AACA82;
border-color: #AACA82; }
body.sidebar-warning .main-wrap {
background: #e76d3b; }
body.sidebar-warning .navigation .sidebar {
background: #e76d3b; }
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a {
border-right: 1px solid #e76d3b; }
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
box-shadow: 0 -1px 0 0 #e76d3b inset; }
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #e76d3b inset; }
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
border-right: 1px solid #e76d3b; }
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
box-shadow: 0px -1px 0px 0px #e76d3b inset; }
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #e76d3b inset; }
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
background-color: #ED9879; }
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
background: #ED9879;
box-shadow: 0 -1px 0 0 #e76d3b inset; }
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
border-color: #ED9879;
background-color: #ED9879; }
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
border-color: #ED9879; }
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background-color: #ED9879; }
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
box-shadow: 0 -1px 0 0 #e76d3b inset;
background: #ED9879; }
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
background-color: #ED9879;
border-color: #ED9879; }
body.sidebar-danger .main-wrap {
background: #cc3e4a; }
body.sidebar-danger .navigation .sidebar {
background: #cc3e4a; }
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a {
border-right: 1px solid #cc3e4a; }
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
box-shadow: 0 -1px 0 0 #cc3e4a inset; }
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #cc3e4a inset; }
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
border-right: 1px solid #cc3e4a; }
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
box-shadow: 0px -1px 0px 0px #cc3e4a inset; }
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #cc3e4a inset; }
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
background-color: #DA7881; }
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
background: #DA7881;
box-shadow: 0 -1px 0 0 #cc3e4a inset; }
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
border-color: #DA7881;
background-color: #DA7881; }
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
border-color: #DA7881; }
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background-color: #DA7881; }
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
box-shadow: 0 -1px 0 0 #cc3e4a inset;
background: #DA7881; }
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
background-color: #DA7881;
border-color: #DA7881; }
/**************************************************************
* LIGHT SIDEBAR VARIANTS *
***************************************************************/
body.sidebar-light-primary .main-wrap,
body.sidebar-light-success .main-wrap,
body.sidebar-light-info .main-wrap,
body.sidebar-light-warning .main-wrap,
body.sidebar-light-danger .main-wrap {
background: #fff; }
body.sidebar-light-primary .navigation .sidebar,
body.sidebar-light-success .navigation .sidebar,
body.sidebar-light-info .navigation .sidebar,
body.sidebar-light-warning .navigation .sidebar,
body.sidebar-light-danger .navigation .sidebar {
background: #fff; }
body.sidebar-light-primary .navigation .sidebar h1, body.sidebar-light-primary .navigation .sidebar h2, body.sidebar-light-primary .navigation .sidebar h3, body.sidebar-light-primary .navigation .sidebar h4, body.sidebar-light-primary .navigation .sidebar h5, body.sidebar-light-primary .navigation .sidebar h6,
body.sidebar-light-primary .navigation .sidebar .h1, body.sidebar-light-primary .navigation .sidebar .h2, body.sidebar-light-primary .navigation .sidebar .h3, body.sidebar-light-primary .navigation .sidebar .h4, body.sidebar-light-primary .navigation .sidebar .h5, body.sidebar-light-primary .navigation .sidebar .h6,
body.sidebar-light-success .navigation .sidebar h1,
body.sidebar-light-success .navigation .sidebar h2,
body.sidebar-light-success .navigation .sidebar h3,
body.sidebar-light-success .navigation .sidebar h4,
body.sidebar-light-success .navigation .sidebar h5,
body.sidebar-light-success .navigation .sidebar h6,
body.sidebar-light-success .navigation .sidebar .h1,
body.sidebar-light-success .navigation .sidebar .h2,
body.sidebar-light-success .navigation .sidebar .h3,
body.sidebar-light-success .navigation .sidebar .h4,
body.sidebar-light-success .navigation .sidebar .h5,
body.sidebar-light-success .navigation .sidebar .h6,
body.sidebar-light-info .navigation .sidebar h1,
body.sidebar-light-info .navigation .sidebar h2,
body.sidebar-light-info .navigation .sidebar h3,
body.sidebar-light-info .navigation .sidebar h4,
body.sidebar-light-info .navigation .sidebar h5,
body.sidebar-light-info .navigation .sidebar h6,
body.sidebar-light-info .navigation .sidebar .h1,
body.sidebar-light-info .navigation .sidebar .h2,
body.sidebar-light-info .navigation .sidebar .h3,
body.sidebar-light-info .navigation .sidebar .h4,
body.sidebar-light-info .navigation .sidebar .h5,
body.sidebar-light-info .navigation .sidebar .h6,
body.sidebar-light-warning .navigation .sidebar h1,
body.sidebar-light-warning .navigation .sidebar h2,
body.sidebar-light-warning .navigation .sidebar h3,
body.sidebar-light-warning .navigation .sidebar h4,
body.sidebar-light-warning .navigation .sidebar h5,
body.sidebar-light-warning .navigation .sidebar h6,
body.sidebar-light-warning .navigation .sidebar .h1,
body.sidebar-light-warning .navigation .sidebar .h2,
body.sidebar-light-warning .navigation .sidebar .h3,
body.sidebar-light-warning .navigation .sidebar .h4,
body.sidebar-light-warning .navigation .sidebar .h5,
body.sidebar-light-warning .navigation .sidebar .h6,
body.sidebar-light-danger .navigation .sidebar h1,
body.sidebar-light-danger .navigation .sidebar h2,
body.sidebar-light-danger .navigation .sidebar h3,
body.sidebar-light-danger .navigation .sidebar h4,
body.sidebar-light-danger .navigation .sidebar h5,
body.sidebar-light-danger .navigation .sidebar h6,
body.sidebar-light-danger .navigation .sidebar .h1,
body.sidebar-light-danger .navigation .sidebar .h2,
body.sidebar-light-danger .navigation .sidebar .h3,
body.sidebar-light-danger .navigation .sidebar .h4,
body.sidebar-light-danger .navigation .sidebar .h5,
body.sidebar-light-danger .navigation .sidebar .h6 {
color: #262626; }
body.sidebar-light-primary .navigation .sidebar .text-white,
body.sidebar-light-success .navigation .sidebar .text-white,
body.sidebar-light-info .navigation .sidebar .text-white,
body.sidebar-light-warning .navigation .sidebar .text-white,
body.sidebar-light-danger .navigation .sidebar .text-white {
color: #262626; }
body.sidebar-light-primary .navigation .sidebar .text-muted,
body.sidebar-light-success .navigation .sidebar .text-muted,
body.sidebar-light-info .navigation .sidebar .text-muted,
body.sidebar-light-warning .navigation .sidebar .text-muted,
body.sidebar-light-danger .navigation .sidebar .text-muted {
color: #ABADAD; }
body.sidebar-light-primary .navigation .sidebar .nav > li > a:hover,
body.sidebar-light-primary .navigation .sidebar .nav > li > a:focus,
body.sidebar-light-success .navigation .sidebar .nav > li > a:hover,
body.sidebar-light-success .navigation .sidebar .nav > li > a:focus,
body.sidebar-light-info .navigation .sidebar .nav > li > a:hover,
body.sidebar-light-info .navigation .sidebar .nav > li > a:focus,
body.sidebar-light-warning .navigation .sidebar .nav > li > a:hover,
body.sidebar-light-warning .navigation .sidebar .nav > li > a:focus,
body.sidebar-light-danger .navigation .sidebar .nav > li > a:hover,
body.sidebar-light-danger .navigation .sidebar .nav > li > a:focus {
background-color: whitesmoke; }
body.sidebar-light-primary .navigation .sidebar .avatar .avatar-status,
body.sidebar-light-success .navigation .sidebar .avatar .avatar-status,
body.sidebar-light-info .navigation .sidebar .avatar .avatar-status,
body.sidebar-light-warning .navigation .sidebar .avatar .avatar-status,
body.sidebar-light-danger .navigation .sidebar .avatar .avatar-status {
border-color: white; }
body.sidebar-light-primary .navigation .sidebar hr,
body.sidebar-light-success .navigation .sidebar hr,
body.sidebar-light-info .navigation .sidebar hr,
body.sidebar-light-warning .navigation .sidebar hr,
body.sidebar-light-danger .navigation .sidebar hr {
border-top-color: #e8e8e8; }
body.sidebar-light-primary .navigation .sidebar .navigation .sidebar,
body.sidebar-light-success .navigation .sidebar .navigation .sidebar,
body.sidebar-light-info .navigation .sidebar .navigation .sidebar,
body.sidebar-light-warning .navigation .sidebar .navigation .sidebar,
body.sidebar-light-danger .navigation .sidebar .navigation .sidebar {
background: #fff;
color: #ABADAD; }
body.sidebar-light-primary .navigation .sidebar .add-on-container,
body.sidebar-light-primary .navigation .sidebar .avatar-container,
body.sidebar-light-success .navigation .sidebar .add-on-container,
body.sidebar-light-success .navigation .sidebar .avatar-container,
body.sidebar-light-info .navigation .sidebar .add-on-container,
body.sidebar-light-info .navigation .sidebar .avatar-container,
body.sidebar-light-warning .navigation .sidebar .add-on-container,
body.sidebar-light-warning .navigation .sidebar .avatar-container,
body.sidebar-light-danger .navigation .sidebar .add-on-container,
body.sidebar-light-danger .navigation .sidebar .avatar-container {
border-right: none;
border-color: #e8e8e8; }
body.sidebar-light-primary .navigation .sidebar .sidebar-overlay-head,
body.sidebar-light-success .navigation .sidebar .sidebar-overlay-head,
body.sidebar-light-info .navigation .sidebar .sidebar-overlay-head,
body.sidebar-light-warning .navigation .sidebar .sidebar-overlay-head,
body.sidebar-light-danger .navigation .sidebar .sidebar-overlay-head {
border-color: #e8e8e8;
border-width: 0 0 1px 0; }
body.sidebar-light-primary .navigation .sidebar .sidebar-logo,
body.sidebar-light-success .navigation .sidebar .sidebar-logo,
body.sidebar-light-info .navigation .sidebar .sidebar-logo,
body.sidebar-light-warning .navigation .sidebar .sidebar-logo,
body.sidebar-light-danger .navigation .sidebar .sidebar-logo {
border-right: none;
border-bottom-color: #f1f1f1; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li {
border-right: none; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li a {
color: #ABADAD; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li a:hover,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li a:hover,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li a:hover,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li a:hover,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li a:hover {
color: yellow;
background: #F1F1F1; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li > a:hover,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li > a:hover {
color: #555555;
background: #F1F1F1; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li.active > a {
background: #F1F1F1;
color: #555555; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li > a {
border-right: 1px solid white; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child {
color: #929292; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
color: #555555;
background: #F1F1F1;
box-shadow: 0px -1px 0px 0px white inset; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px #2D99DC inset, 0px -1px 0px 0px white inset;
background: #F1F1F1;
color: #555555; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child {
color: #555555; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
border-right: 1px solid #f1f1f1; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
color: #555555;
background: #F1F1F1;
box-shadow: 0px -1px 0px 0px white inset; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0px 0px 0px #2D99DC inset, 0px -1px 0px 0px white inset;
background: #F1F1F1;
color: #555555; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child {
color: wheat; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a {
box-shadow: none; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
color: #555555;
background-color: #F1F1F1; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
color: #555555;
background: #F1F1F1;
box-shadow: 0px -1px 0px 0px white inset; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child {
color: #555; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
border-color: #F1F1F1;
background-color: #F1F1F1; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li {
border-color: transparent; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a {
color: #555555;
background-color: #F1F1F1;
box-shadow: none; }
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
color: #555555;
background-color: #F1F1F1;
box-shadow: none; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a {
color: khaki; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
box-shadow: 0 -1px 0 0 white inset;
background-color: #f1f1f1;
color: #555; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child {
color: #555; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
background-color: #f1f1f1;
border-color: #f1f1f1; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
box-shadow: none;
border: none; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
background: none;
box-shadow: none; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
color: #555; }
body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before {
color: #555;
border-color: #e8e8e8; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0 0 0 #2c97de inset, 0 -1px 0 0 white inset; }
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0 0 0 #2c97de inset, 0 -1px 0 0 white inset; }
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0 0 0 #84b547 inset, 0 -1px 0 0 white inset; }
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0 0 0 #84b547 inset, 0 -1px 0 0 white inset; }
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0 0 0 #2dbda8 inset, 0 -1px 0 0 white inset; }
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0 0 0 #2dbda8 inset, 0 -1px 0 0 white inset; }
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0 0 0 #e76d3b inset, 0 -1px 0 0 white inset; }
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0 0 0 #e76d3b inset, 0 -1px 0 0 white inset; }
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
box-shadow: 3px 0 0 0 #cc3e4a inset, 0 -1px 0 0 white inset; }
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
box-shadow: 3px 0 0 0 #cc3e4a inset, 0 -1px 0 0 white inset; }
/**************************************************************
* DARK SIDEBAR VARIANTS *
***************************************************************/
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px #2c97de inset; }
body.sidebar-dark-primary .navigation .sidebar .side-menu > li:hover > a {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
box-shadow: 3px 0px 0px 0px #2c97de inset; }
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-success .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-success .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-success .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-success .navigation .sidebar .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px #84b547 inset; }
body.sidebar-dark-success .navigation .sidebar .side-menu > li:hover > a {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
box-shadow: 3px 0px 0px 0px #84b547 inset; }
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-info .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-info .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-info .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-info .navigation .sidebar .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px #2dbda8 inset; }
body.sidebar-dark-info .navigation .sidebar .side-menu > li:hover > a {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
box-shadow: 3px 0px 0px 0px #2dbda8 inset; }
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px #e76d3b inset; }
body.sidebar-dark-warning .navigation .sidebar .side-menu > li:hover > a {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
box-shadow: 3px 0px 0px 0px #e76d3b inset; }
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.active > a {
box-shadow: 3px 0px 0px 0px #cc3e4a inset; }
body.sidebar-dark-danger .navigation .sidebar .side-menu > li:hover > a {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
box-shadow: 3px 0px 0px 0px #cc3e4a inset; }
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
box-shadow: 0px -1px 0px 0px #1A1A1A inset,
0px 1px 0px 0px #1A1A1A inset; }
Reference in New Issue View Git Blame Copy Permalink