.skin-blue #header { background-color: rgba(36, 148, 242, 0.8); border-color: #2494f2; color: white;} .skin-blue #header .logo { color: white; border-color: #2494f2;} .skin-blue #header .navbar-main .button-container > .item > a { color: white;} .skin-blue #header .navbar-main .button-container > .item.chat-search { border-color: #2494f2;} .skin-blue #header .navbar-main .button-container > .item.chat-search.collapse.in { border-color: #2494f2;} .skin-blue #header .navbar-main .nav-content .page-title { color: white;} .skin-green #header { background-color: rgba(46, 204, 113, 0.8); border-color: #2ecc71; color: white;} .skin-green #header .logo { color: white; border-color: #2ecc71;} .skin-green #header .navbar-main .button-container > .item > a { color: white;} .skin-green #header .navbar-main .button-container > .item.chat-search { border-color: #2ecc71;} .skin-green #header .navbar-main .button-container > .item.chat-search.collapse.in { border-color: #2ecc71;} .skin-green #header .navbar-main .nav-content .page-title { color: white;} .skin-red #header { background-color: rgba(231, 76, 60, 0.8); border-color: #e74c3c; color: white;} .skin-red #header .logo { color: white; border-color: #e74c3c;} .skin-red #header .navbar-main .button-container > .item > a { color: white;} .skin-red #header .navbar-main .button-container > .item.chat-search { border-color: #e74c3c;} .skin-red #header .navbar-main .button-container > .item.chat-search.collapse.in { border-color: #e74c3c;} .skin-red #header .navbar-main .nav-content .page-title { color: white;} .skin-purple #header { background-color: rgba(155, 89, 182, 0.8); border-color: #9b59b6; color: white;} .skin-purple #header .logo { color: white; border-color: #9b59b6;} .skin-purple #header .navbar-main .button-container > .item > a { color: white;} .skin-purple #header .navbar-main .button-container > .item.chat-search { border-color: #9b59b6;} .skin-purple #header .navbar-main .button-container > .item.chat-search.collapse.in { border-color: #9b59b6;} .skin-purple #header .navbar-main .nav-content .page-title { color: white;} .skin-dark #header { background-color: rgba(52, 73, 94, 0.8); border-color: #34495e; color: white;} .skin-dark #header .logo { color: white; border-color: #34495e;} .skin-dark #header .navbar-main .button-container > .item > a { color: white;} .skin-dark #header .navbar-main .button-container > .item.chat-search { border-color: #34495e;} .skin-dark #header .navbar-main .button-container > .item.chat-search.collapse.in { border-color: #34495e;} .skin-dark #header .navbar-main .nav-content .page-title { color: white;} @media (max-width: 767px) {  .skin-blue #header .logo {  border-bottom-color: #2494f2; }  .skin-blue #header .navbar-main {  background: rgba(36, 148, 242, 0.8);  border-bottom-color: #2494f2; }  .skin-green #header .logo {  border-bottom-color: #2ecc71; }  .skin-green #header .navbar-main {  background: rgba(46, 204, 113, 0.8);  border-bottom-color: #2ecc71; }  .skin-red #header .logo {  border-bottom-color: #e74c3c; }  .skin-red #header .navbar-main {  background: rgba(231, 76, 60, 0.8);  border-bottom-color: #e74c3c; }  .skin-purple #header .logo {  border-bottom-color: #9b59b6; }  .skin-purple #header .navbar-main {  background: rgba(155, 89, 182, 0.8);  border-bottom-color: #9b59b6; }  .skin-dark #header .logo {  border-bottom-color: #34495e; }  .skin-dark #header .navbar-main {  background: rgba(52, 73, 94, 0.8);  border-bottom-color: #34495e; } } .skin-blue .sidebar.sidebar-left { background-color: #59a9e5; color: white;} .skin-green .sidebar.sidebar-left { background-color: #27ae60; color: white;} .skin-red .sidebar.sidebar-left { background-color: #c0392b; color: white;} .skin-purple .sidebar.sidebar-left { background-color: #8e44ad; color: white;} .skin-dark .sidebar.sidebar-left { background-color: #2c3e50; color: white;}