Commit 49dbbb45 by fengshuonan

更新样式结构

parent e6566b74
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #009efb;
/* Old browsers */
background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0178bc 0%, #00bdda 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #272c33;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #009efb;
}
a.link:hover, a.link:focus {
color: #009efb !important;
}
.bg-theme {
background-color: #009efb !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #009efb;
border-color: #009efb;
}
.right-sidebar .rpanel-title {
background: #009efb;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #009efb;
}
.text-themecolor {
color: #009efb !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #009efb;
color: #009efb;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #009efb;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #009efb;
color: #ffffff;
border: 1px solid #009efb;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #009efb;
opacity: 0.7;
border: 1px solid #009efb;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
background: #272c33;
}
.mini-sidebar .sidebar-nav {
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
background: #181c22;
}
}
.sidebar-nav {
background: #272c33;
}
.sidebar-nav ul li a {
color: #798699;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #009efb;
}
.sidebar-nav ul li a.active {
color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #009efb;
color: #009efb;
}
.sidebar-nav > ul > li.active > a i {
color: #009efb;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #272c33;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #009efb;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #009efb;
}
.sidebar-nav > ul > li > a i {
color: #798699;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #009efb;
}
.user-profile .profile-text a {
color: #798699 !important;
}
.card-no-border .sidebar-footer {
background: #181c22;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900'; .preloader{width:100%;height:100%;top:0px;position:fixed;z-index:99999;background:#fff}.preloader .cssload-speeding-wheel{position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.topbar{background:#009efb;background:-moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);background:-webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);background:linear-gradient(to right, #0178bc 0%, #00bdda 100%)}.topbar .navbar-header{background:#fff;box-shadow:4px -4px 10px rgba(0,0,0,0.05)}.topbar .navbar-light .navbar-nav .nav-item>a.nav-link{color:rgba(255,255,255,0.8) !important}.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:hover,.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:focus{color:#fff !important}.logo-center .topbar .navbar-header{background:transparent;box-shadow:none}.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo{display:none}.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo{display:inline-block;color:rgba(255,255,255,0.8)}a.link:hover,a.link:focus{color:#009efb !important}.bg-theme{background-color:#009efb !important}.right-sidebar .rpanel-title{background:#009efb}.stylish-table tbody tr:hover,.stylish-table tbody tr.active{border-left:4px solid #009efb}.text-themecolor{color:#009efb !important}.profile-tab li a.nav-link.active,.customtab li a.nav-link.active{border-bottom:2px solid #009efb;color:#009efb}.profile-tab li a.nav-link:hover,.customtab li a.nav-link:hover{color:#009efb}.btn-themecolor,.btn-themecolor.disabled{background:#009efb;color:#fff;border:1px solid #009efb}.btn-themecolor:hover,.btn-themecolor.disabled:hover{background:#009efb;opacity:0.7;border:1px solid #009efb}.btn-themecolor.active,.btn-themecolor:focus,.btn-themecolor.disabled.active,.btn-themecolor.disabled:focus{background:#028ee1}.sidebar-nav{background:#fff}.sidebar-nav ul li a{color:#54667a}.sidebar-nav ul li a.active,.sidebar-nav ul li a:hover{color:#009efb}.sidebar-nav ul li a.active{color:#009efb}.sidebar-nav ul li.nav-small-cap{color:#90a4ae}.sidebar-nav>ul>li.active>a{border-left:3px solid #009efb;color:#009efb}.sidebar-nav>ul>li.active>a i{color:#009efb}.sidebar-nav>ul>li>a{border-left:3px solid #fff}.sidebar-nav>ul>li>a.active,.sidebar-nav>ul>li>a:hover{border-left:3px solid #009efb}.sidebar-nav>ul>li>a.active i,.sidebar-nav>ul>li>a:hover i{color:#009efb}.sidebar-nav>ul>li>a i{color:#a6b7bf}.sidebar-nav>ul>li>a.active{font-weight:400;background:#fff;color:#009efb}
/*Theme Colors*/ /*# sourceMappingURL=blue.css.map */
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #009efb;
/* Old browsers */
background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0178bc 0%, #00bdda 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #ffffff;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
color: #009efb !important;
}
.bg-theme {
background-color: #009efb !important;
}
.right-sidebar .rpanel-title {
background: #009efb;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #009efb;
}
.text-themecolor {
color: #009efb !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #009efb;
color: #009efb;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #009efb;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #009efb;
color: #ffffff;
border: 1px solid #009efb;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #009efb;
opacity: 0.7;
border: 1px solid #009efb;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: #fff;
}
.sidebar-nav ul li a {
color: #54667a;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #009efb;
}
.sidebar-nav ul li a.active {
color: #263238;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #009efb;
color: #009efb;
}
.sidebar-nav > ul > li.active > a i {
color: #009efb;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #009efb;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #009efb;
}
.sidebar-nav > ul > li > a i {
color: #a6b7bf;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #009efb;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.topbar .navbar-header {
background: #272c33;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: inline-block;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: none;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #009efb;
}
a.link:hover, a.link:focus {
color: #009efb !important;
}
.bg-theme {
background-color: #009efb !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #009efb;
border-color: #009efb;
}
.right-sidebar .rpanel-title {
background: #009efb;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #009efb;
}
.text-themecolor {
color: #009efb !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #009efb;
color: #009efb;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #009efb;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #009efb;
color: #ffffff;
border: 1px solid #009efb;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #009efb;
opacity: 0.7;
border: 1px solid #009efb;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
background: #272c33;
}
.mini-sidebar .sidebar-nav {
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
background: #181c22;
}
}
.sidebar-nav {
background: #272c33;
}
.sidebar-nav ul li a {
color: #798699;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #009efb;
}
.sidebar-nav ul li a.active {
color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #009efb;
color: #009efb;
}
.sidebar-nav > ul > li.active > a i {
color: #009efb;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #272c33;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #009efb;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #009efb;
}
.sidebar-nav > ul > li > a i {
color: #798699;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #009efb;
}
.user-profile .profile-text a {
color: #798699 !important;
}
.card-no-border .sidebar-footer {
background: #181c22;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
.topbar {
background: #363d4a;
}
.topbar .navbar-header {
background: #ffffff;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
color: #009efb !important;
}
.bg-theme {
background-color: #009efb !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #009efb;
border-color: #009efb;
}
.right-sidebar .rpanel-title {
background: #009efb;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #009efb;
}
.text-themecolor {
color: #009efb !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #009efb;
color: #009efb;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #009efb;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #009efb;
color: #ffffff;
border: 1px solid #009efb;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #009efb;
opacity: 0.7;
border: 1px solid #009efb;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: #fff;
}
.sidebar-nav ul li a {
color: #54667a;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #009efb;
}
.sidebar-nav ul li a.active {
color: #263238;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #009efb;
color: #009efb;
}
.sidebar-nav > ul > li.active > a i {
color: #009efb;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #009efb;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #009efb;
}
.sidebar-nav > ul > li > a i {
color: #a6b7bf;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #009efb;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #0178bc;
/* Old browsers */
background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #318f94 0%, #5ec58c 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #272c33;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #55ce63;
}
a.link:hover, a.link:focus {
color: #55ce63 !important;
}
.bg-theme {
background-color: #55ce63 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #55ce63;
border-color: #55ce63;
}
.right-sidebar .rpanel-title {
background: #55ce63;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #55ce63;
}
.text-themecolor {
color: #55ce63 !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #55ce63;
color: #55ce63;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #55ce63;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #55ce63;
color: #ffffff;
border: 1px solid #55ce63;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #55ce63;
opacity: 0.7;
border: 1px solid #55ce63;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
background: #272c33;
}
.mini-sidebar .sidebar-nav {
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
background: #181c22;
}
}
.sidebar-nav {
background: #272c33;
}
.sidebar-nav ul li a {
color: #798699;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #55ce63;
}
.sidebar-nav ul li a.active {
color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #55ce63;
color: #55ce63;
}
.sidebar-nav > ul > li.active > a i {
color: #55ce63;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #272c33;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #55ce63;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #55ce63;
}
.sidebar-nav > ul > li > a i {
color: #798699;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #55ce63;
}
.user-profile .profile-text a {
color: #798699 !important;
}
.card-no-border .sidebar-footer {
background: #181c22;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #0178bc;
/* Old browsers */
background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #318f94 0%, #5ec58c 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #ffffff;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #55ce63;
}
a.link:hover, a.link:focus {
color: #55ce63 !important;
}
.bg-theme {
background-color: #55ce63 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #55ce63;
border-color: #55ce63;
}
.right-sidebar .rpanel-title {
background: #55ce63;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #55ce63;
}
.text-themecolor {
color: #55ce63 !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #55ce63;
color: #55ce63;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #55ce63;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #55ce63;
color: #ffffff;
border: 1px solid #55ce63;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #55ce63;
opacity: 0.7;
border: 1px solid #55ce63;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: #fff;
}
.sidebar-nav ul li a {
color: #54667a;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #55ce63;
}
.sidebar-nav ul li a.active {
color: #263238;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #55ce63;
color: #55ce63;
}
.sidebar-nav > ul > li.active > a i {
color: #55ce63;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #55ce63;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #55ce63;
}
.sidebar-nav > ul > li > a i {
color: #a6b7bf;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #55ce63;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #01c0c8;
/* Old browsers */
background: -moz-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #272c33;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #01c0c8;
}
a.link:hover, a.link:focus {
color: #01c0c8 !important;
}
.bg-theme {
background-color: #01c0c8 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #01c0c8;
border-color: #01c0c8;
}
.right-sidebar .rpanel-title {
background: #01c0c8;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #01c0c8;
}
.text-themecolor {
color: #01c0c8 !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #01c0c8;
color: #01c0c8;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #01c0c8;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #01c0c8;
color: #ffffff;
border: 1px solid #01c0c8;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #01c0c8;
opacity: 0.7;
border: 1px solid #01c0c8;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
background: #272c33;
}
.mini-sidebar .sidebar-nav {
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
background: #181c22;
}
}
.sidebar-nav {
background: #272c33;
}
.sidebar-nav ul li a {
color: #798699;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #01c0c8;
}
.sidebar-nav ul li a.active {
color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #01c0c8;
color: #01c0c8;
}
.sidebar-nav > ul > li.active > a i {
color: #01c0c8;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #272c33;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #01c0c8;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #01c0c8;
}
.sidebar-nav > ul > li > a i {
color: #798699;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #01c0c8;
}
.user-profile .profile-text a {
color: #798699 !important;
}
.card-no-border .sidebar-footer {
background: #181c22;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #01c0c8;
/* Old browsers */
background: -moz-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #ffffff;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #01c0c8;
}
a.link:hover, a.link:focus {
color: #01c0c8 !important;
}
.bg-theme {
background-color: #01c0c8 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #01c0c8;
border-color: #01c0c8;
}
.right-sidebar .rpanel-title {
background: #01c0c8;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #01c0c8;
}
.text-themecolor {
color: #01c0c8 !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #01c0c8;
color: #01c0c8;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #01c0c8;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #01c0c8;
color: #ffffff;
border: 1px solid #01c0c8;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #01c0c8;
opacity: 0.7;
border: 1px solid #01c0c8;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: #fff;
}
.sidebar-nav ul li a {
color: #54667a;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #01c0c8;
}
.sidebar-nav ul li a.active {
color: #263238;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #01c0c8;
color: #01c0c8;
}
.sidebar-nav > ul > li.active > a i {
color: #01c0c8;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #01c0c8;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #01c0c8;
}
.sidebar-nav > ul > li > a i {
color: #a6b7bf;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #01c0c8;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #7460ee;
/* Old browsers */
background: -moz-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #533fd0 0%, #840fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #272c33;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #7460ee;
}
a.link:hover, a.link:focus {
color: #7460ee !important;
}
.bg-theme {
background-color: #7460ee !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #7460ee;
border-color: #7460ee;
}
.right-sidebar .rpanel-title {
background: #7460ee;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #7460ee;
}
.text-themecolor {
color: #7460ee !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #7460ee;
color: #7460ee;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #7460ee;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #7460ee;
color: #ffffff;
border: 1px solid #7460ee;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #7460ee;
opacity: 0.7;
border: 1px solid #7460ee;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
background: #272c33;
}
.mini-sidebar .sidebar-nav {
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
background: #181c22;
}
}
.sidebar-nav {
background: #272c33;
}
.sidebar-nav ul li a {
color: #798699;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #7460ee;
}
.sidebar-nav ul li a.active {
color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #7460ee;
color: #7460ee;
}
.sidebar-nav > ul > li.active > a i {
color: #7460ee;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #272c33;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #7460ee;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #7460ee;
}
.sidebar-nav > ul > li > a i {
color: #798699;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #7460ee;
}
.user-profile .profile-text a {
color: #798699 !important;
}
.card-no-border .sidebar-footer {
background: #181c22;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #7460ee;
/* Old browsers */
background: -moz-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #533fd0 0%, #840fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #ffffff;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #7460ee;
}
a.link:hover, a.link:focus {
color: #7460ee !important;
}
.bg-theme {
background-color: #7460ee !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #7460ee;
border-color: #7460ee;
}
.right-sidebar .rpanel-title {
background: #7460ee;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #7460ee;
}
.text-themecolor {
color: #7460ee !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #7460ee;
color: #7460ee;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #7460ee;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #7460ee;
color: #ffffff;
border: 1px solid #7460ee;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #7460ee;
opacity: 0.7;
border: 1px solid #7460ee;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: #fff;
}
.sidebar-nav ul li a {
color: #54667a;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #7460ee;
}
.sidebar-nav ul li a.active {
color: #263238;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #7460ee;
color: #7460ee;
}
.sidebar-nav > ul > li.active > a i {
color: #7460ee;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #7460ee;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #7460ee;
}
.sidebar-nav > ul > li > a i {
color: #a6b7bf;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #7460ee;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #f62d51;
/* Old browsers */
background: -moz-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f62d51 0%, #660fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #272c33;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #f62d51;
}
a.link:hover, a.link:focus {
color: #f62d51 !important;
}
.bg-theme {
background-color: #f62d51 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #f62d51;
border-color: #f62d51;
}
.right-sidebar .rpanel-title {
background: #f62d51;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #f62d51;
}
.text-themecolor {
color: #f62d51 !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #f62d51;
color: #f62d51;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #f62d51;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #f62d51;
color: #ffffff;
border: 1px solid #f62d51;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #f62d51;
opacity: 0.7;
border: 1px solid #f62d51;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
background: #272c33;
}
.mini-sidebar .sidebar-nav {
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
background: #181c22;
}
}
.sidebar-nav {
background: #272c33;
}
.sidebar-nav ul li a {
color: #798699;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #f62d51;
}
.sidebar-nav ul li a.active {
color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #f62d51;
color: #f62d51;
}
.sidebar-nav > ul > li.active > a i {
color: #f62d51;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #272c33;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #f62d51;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #f62d51;
}
.sidebar-nav > ul > li > a i {
color: #798699;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #f62d51;
}
.user-profile .profile-text a {
color: #798699 !important;
}
.card-no-border .sidebar-footer {
background: #181c22;
}
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.preloader .cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
/*******************
/*Top bar
*******************/
.topbar {
background: #f62d51;
/* Old browsers */
background: -moz-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f62d51 0%, #660fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topbar .navbar-header {
background: #ffffff;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: #ffffff !important;
}
.logo-center .topbar .navbar-header {
background: transparent;
box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
color: #f62d51;
}
a.link:hover, a.link:focus {
color: #f62d51 !important;
}
.bg-theme {
background-color: #f62d51 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #f62d51;
border-color: #f62d51;
}
.right-sidebar .rpanel-title {
background: #f62d51;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #f62d51;
}
.text-themecolor {
color: #f62d51 !important;
}
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #f62d51;
color: #f62d51;
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #f62d51;
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #f62d51;
color: #ffffff;
border: 1px solid #f62d51;
}
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #f62d51;
opacity: 0.7;
border: 1px solid #f62d51;
}
.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: #fff;
}
.sidebar-nav ul li a {
color: #54667a;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #f62d51;
}
.sidebar-nav ul li a.active {
color: #263238;
}
.sidebar-nav ul li.nav-small-cap {
color: #90a4ae;
}
.sidebar-nav > ul > li.active > a {
border-left: 3px solid #f62d51;
color: #f62d51;
}
.sidebar-nav > ul > li.active > a i {
color: #f62d51;
}
.sidebar-nav > ul > li > a {
border-left: 3px solid #fff;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
border-left: 3px solid #f62d51;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #f62d51;
}
.sidebar-nav > ul > li > a i {
color: #a6b7bf;
}
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #ffffff;
color: #f62d51;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment