:root{--app-bg:#ecf0f5;--app-text:#333;--form-bg:#fff;--sidebar:#222d32;--sidebar-text:#fff;--sidebar-hover:#1f292e;--sidebar-submenu:#384246;--sidebar-header:#1e282c;--grid-cell:#fff;--grid-cell-stripe:#f5f5f5;--grid-header:#f4f4f4;--grid-header-text:#333;--header:#3c8dbc;--header-dark:#367fa9;--header-text:#fff}.content-wrapper{background-color:var(--app-bg)}.content-wrapper .box,.content-wrapper .box-body,.content-wrapper .box-footer,.content-wrapper .box-header{background-color:var(--form-bg)}.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper{background-color:var(--sidebar)}.skin-blue .sidebar-menu .treeview-menu>li>a,.skin-blue .sidebar-menu>li.header,.skin-blue .sidebar-menu>li>a,.skin-blue .sidebar a,.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:var(--sidebar-text)}.skin-blue .sidebar-menu>li.header{background:var(--sidebar-header)}.skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li.menu-open>a,.skin-blue .sidebar-menu>li:hover>a{color:var(--sidebar-text);background:var(--sidebar-hover)}.skin-blue .sidebar-menu>li>.treeview-menu{background:var(--sidebar-submenu)}.skin-blue .sidebar-menu>li.active>a{border-left-color:var(--header)}.content-wrapper,.content-wrapper .box,.content-wrapper .box-body,.content-wrapper .box-header,.content-wrapper .box-title,.content-wrapper .content-header>.breadcrumb,.content-wrapper .content-header>.breadcrumb>li,.content-wrapper .content-header>.breadcrumb>li>a,.content-wrapper .content-header>h1,.content-wrapper .form-control,.content-wrapper label,.content-wrapper li,.content-wrapper p{color:var(--app-text)}.skin-blue .main-header .logo,.skin-blue .main-header .navbar{background-color:var(--header)}.skin-blue .main-header .logo:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:var(--header-dark)}.skin-blue .main-header .logo,.skin-blue .main-header .logo:hover,.skin-blue .main-header .navbar .nav>li>a,.skin-blue .main-header .navbar .sidebar-toggle{color:var(--header-text)}.btn-primary{background-color:var(--header);border-color:var(--header-dark)}.btn-primary.hover,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:var(--header-dark);border-color:var(--header-dark)}.box.box-primary{border-top-color:var(--header)}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:var(--header);border-color:var(--header-dark)}table.dataTable>thead>tr>td,table.dataTable>thead>tr>th{background-color:var(--grid-header);color:var(--grid-header-text)}table.dataTable>tbody>tr>td,table.dataTable>tbody>tr>th{background-color:var(--grid-cell);color:var(--app-text)}table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>td,table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>th{background-color:var(--grid-cell-stripe)}