From cf1cf1bdea54670b043a433d04058b2b9db7b779 Mon Sep 17 00:00:00 2001 From: Mauricio Vargas Date: Thu, 13 Jan 2022 00:46:04 -0500 Subject: [PATCH 1/5] adds custom theme to mainstream pkg --- .Rbuildignore | 1 + DESCRIPTION | 2 + R/dashboardPage.R | 19 +- R/deps.R | 8 +- .../custom-theme/app.R | 69 + .../custom-theme/custom-theme.Rproj | 13 + .../custom-theme/global.R | 5 + .../custom-theme/www/css/AdminLTE.css | 5932 +++++++++++++++++ .../custom-theme/www/css/AdminLTE.min.css | 7 + .../custom-theme/www/css/_all-skins.css | 161 + .../custom-theme/www/css/_all-skins.min.css | 1 + .../custom-theme/www/css/custom.css | 64 + .../custom-theme/www/css/custom.min.css | 1 + .../custom-theme/www/css/ion.rangeSlider.css | 264 + .../www/css/ion.rangeSlider.min.css | 1 + .../regular-theme/app.R | 63 + .../regular-theme/regular-theme.Rproj | 13 + inst/shinydashboard.min.css | 1 + man/dashboardPage.Rd | 7 +- man/shinydashboard-package.Rd | 2 + 20 files changed, 6628 insertions(+), 6 deletions(-) create mode 100644 custom-theme-vs-regular-theme/custom-theme/app.R create mode 100644 custom-theme-vs-regular-theme/custom-theme/custom-theme.Rproj create mode 100644 custom-theme-vs-regular-theme/custom-theme/global.R create mode 100755 custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.css create mode 100755 custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.min.css create mode 100755 custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.css create mode 100755 custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.min.css create mode 100755 custom-theme-vs-regular-theme/custom-theme/www/css/custom.css create mode 100755 custom-theme-vs-regular-theme/custom-theme/www/css/custom.min.css create mode 100644 custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.css create mode 100644 custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.min.css create mode 100644 custom-theme-vs-regular-theme/regular-theme/app.R create mode 100644 custom-theme-vs-regular-theme/regular-theme/regular-theme.Rproj create mode 100644 inst/shinydashboard.min.css diff --git a/.Rbuildignore b/.Rbuildignore index 0a2aa295..06d6b7bf 100644 --- a/.Rbuildignore +++ b/.Rbuildignore @@ -6,3 +6,4 @@ ^\.travis\.yml$ ^appveyor\.yml$ ^\.github$ +^custom-theme-vs-regular-theme$ diff --git a/DESCRIPTION b/DESCRIPTION index ad18e785..64503df9 100644 --- a/DESCRIPTION +++ b/DESCRIPTION @@ -4,6 +4,8 @@ Version: 0.7.2 Authors@R: c( person("Winston", "Chang", role = c("aut", "cre"), email = "winston@rstudio.com"), person("Barbara", "Borges Ribeiro", role = "aut", email = "barbara@rstudio.com"), + person("Garrick", "Aden-Buie", role = "ctb", email = "garrick@adenbuie.com"), + person("Mauricio", "Vargas Sepulveda", role = "ctb", email = "mavargas11@uc.cl"), person(family = "RStudio", role = "cph"), person(family = "Almasaeed Studio", role = c("ctb", "cph"), comment = "AdminLTE theme for Bootstrap"), person(family = "Adobe Systems Incorporated", role = c("ctb", "cph"), comment = "Source Sans Pro font") diff --git a/R/dashboardPage.R b/R/dashboardPage.R index e35c9eca..0d4e3324 100644 --- a/R/dashboardPage.R +++ b/R/dashboardPage.R @@ -9,6 +9,9 @@ #' provided, it will try to extract the title from the \code{dashboardHeader}. #' @param skin A color theme. One of \code{"blue"}, \code{"black"}, #' \code{"purple"}, \code{"green"}, \code{"red"}, or \code{"yellow"}. +#' @param theme CSS files to be used in place of the shinydashboard AdminLTE +#' theme. Typically, this will be \code{c("AdminLTE.css", "_all-skins.css")}. +#' CSS files should be placed in \code{www/}. #' #' @seealso \code{\link{dashboardHeader}}, \code{\link{dashboardSidebar}}, #' \code{\link{dashboardBody}}. @@ -29,7 +32,9 @@ #' } #' @export dashboardPage <- function(header, sidebar, body, title = NULL, - skin = c("blue", "black", "purple", "green", "red", "yellow")) { + skin = c("blue", "black", "purple", "green", "red", "yellow"), + theme = NULL + ) { tagAssert(header, type = "header", class = "main-header") tagAssert(sidebar, type = "aside", class = "main-sidebar") @@ -51,7 +56,16 @@ dashboardPage <- function(header, sidebar, body, title = NULL, title <- title %OR% extractTitle(header) + theme <- if (!is.null(theme)) { + tagList( + lapply(theme, function(css) { + tags$head(tags$link(rel="stylesheet", type="text/css", href = css)) + }) + ) + } + content <- div(class = "wrapper", + if (!is.null(theme)) theme, header, sidebar, body @@ -67,7 +81,8 @@ dashboardPage <- function(header, sidebar, body, title = NULL, # the collapsed (AdminLTE code) class = paste0("skin-", skin, if (collapsed) " sidebar-collapse"), style = "min-height: 611px;", - shiny::bootstrapPage(content, title = title) + shiny::bootstrapPage(content, title = title), + include_adminLTE_css = is.null(theme) ) ) } diff --git a/R/deps.R b/R/deps.R index 8376d43d..b8fcc565 100644 --- a/R/deps.R +++ b/R/deps.R @@ -10,14 +10,16 @@ appendDependencies <- function(x, value) { } # Add dashboard dependencies to a tag object -addDeps <- function(x) { +addDeps <- function(x, include_adminLTE_css = TRUE) { if (getOption("shiny.minified", TRUE)) { adminLTE_js <- "app.min.js" shinydashboard_js <- "shinydashboard.min.js" + shinydashboard_css <- "shinydashboard.min.css" adminLTE_css <- c("AdminLTE.min.css", "_all-skins.min.css") } else { adminLTE_js <- "app.js" shinydashboard_js <- "shinydashboard.js" + shinydashboard_css <- "shinydashboard.css" adminLTE_css <- c("AdminLTE.css", "_all-skins.css") } @@ -25,13 +27,13 @@ addDeps <- function(x) { htmlDependency("AdminLTE", "2.0.6", c(file = system.file("AdminLTE", package = "shinydashboard")), script = adminLTE_js, - stylesheet = adminLTE_css + stylesheet = if (include_adminLTE_css) adminLTE_css ), htmlDependency("shinydashboard", as.character(utils::packageVersion("shinydashboard")), c(file = system.file(package = "shinydashboard")), script = shinydashboard_js, - stylesheet = "shinydashboard.css" + stylesheet = shinydashboard_css ) ) diff --git a/custom-theme-vs-regular-theme/custom-theme/app.R b/custom-theme-vs-regular-theme/custom-theme/app.R new file mode 100644 index 00000000..0182c1e5 --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/app.R @@ -0,0 +1,69 @@ +# +# This is a Shiny web application. You can run the application by clicking +# the 'Run App' button above. +# +# Find out more about building applications with Shiny here: +# +# http://shiny.rstudio.com/ +# + +library(shiny) +library(shinydashboard) + +# Define UI for application that draws a histogram +ui <- dashboardPage( + # this setup provides almost any customization + # just a custom AdminLTE.min.css with a subset of the original AdminLTE.css + # suffices for quite complete tailoring, this is shown for completitude + skin = "blue", + theme = c("css/AdminLTE.min.css", "css/_all-skins.min.css", "css/custom.min.css", + "css/ion.rangeSlider.min.css"), + + # Application title + dashboardHeader(title = "Old Faithful Geyser Data"), + + ## Sidebar content + dashboardSidebar( + sidebarMenu( + menuItem("Tab 1", tabName = "tab1", icon = icon("th")) + ) + ), + + ## Body content + dashboardBody( + tabItems( + # First tab content + tabItem(tabName = "tab1", + fluidRow( + box( + title = "Controls", + # Sidebar with a slider input for number of bins + sliderInput("bins", "Number of bins:", min = 1, max = 50, + value = 30) + ), + + box( + # Show a plot of the generated distribution + plotOutput("plot1", height = 250) + ) + ) + ) + ) + ) +) + +# Define server logic required to draw a histogram +server <- function(input, output) { + + output$plot1 <- renderPlot({ + # generate bins based on input$bins from ui.R + x <- faithful[, 2] + bins <- seq(min(x), max(x), length.out = input$bins + 1) + + # draw the histogram with the specified number of bins + hist(x, breaks = bins, col = 'darkgray', border = 'white') + }) +} + +# Run the application +shinyApp(ui = ui, server = server) diff --git a/custom-theme-vs-regular-theme/custom-theme/custom-theme.Rproj b/custom-theme-vs-regular-theme/custom-theme/custom-theme.Rproj new file mode 100644 index 00000000..8e3c2ebc --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/custom-theme.Rproj @@ -0,0 +1,13 @@ +Version: 1.0 + +RestoreWorkspace: Default +SaveWorkspace: Default +AlwaysSaveHistory: Default + +EnableCodeIndexing: Yes +UseSpacesForTab: Yes +NumSpacesForTab: 2 +Encoding: UTF-8 + +RnwWeave: Sweave +LaTeX: pdfLaTeX diff --git a/custom-theme-vs-regular-theme/custom-theme/global.R b/custom-theme-vs-regular-theme/custom-theme/global.R new file mode 100644 index 00000000..27e1d27d --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/global.R @@ -0,0 +1,5 @@ +styles <- list( + skin_color = "blue", + css_files = c("css/AdminLTE.min.css", "css/_all-skins.min.css", "css/custom.min.css", + "css/ion.rangeSlider.min.css") +) diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.css b/custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.css new file mode 100755 index 00000000..a928580f --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.css @@ -0,0 +1,5932 @@ +/*! + * AdminLTE v2.3.8 + * Author: Almsaeed Studio + * Website: Almsaeed Studio + * License: Open source - MIT + * Please visit http://opensource.org/licenses/MIT for more information +!*/ +/* + * Core: General Layout Style + * ------------------------- + */ +html, +body { + height: 100%; +} + +.layout-boxed html, +.layout-boxed body { + height: 100%; +} + +body { + font-weight: 400; + overflow-x: hidden; + overflow-y: auto; +} + +/* Layout */ +.wrapper { + height: 100%; + position: relative; + overflow-x: hidden; + overflow-y: auto; +} + +.wrapper:before, +.wrapper:after { + content: " "; + display: table; +} + +.wrapper:after { + clear: both; +} + +.layout-boxed .wrapper { + max-width: 1250px; + margin: 0 auto; + min-height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); + position: relative; +} + +.layout-boxed { + background: url('../img/boxed-bg.jpg') repeat fixed; +} + +/* + * Content Wrapper - contains the main content + * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ``` + */ +.content-wrapper, +.right-side, +.main-footer { + -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; + -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; + -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; + margin-left: 230px; + z-index: 820; + overflow: auto +} + +.layout-top-nav .content-wrapper, +.layout-top-nav .right-side, +.layout-top-nav .main-footer { + margin-left: 0; +} + +@media (max-width: 767px) { + + .content-wrapper, + .right-side, + .main-footer { + margin-left: 0; + } +} + +@media (min-width: 768px) { + + .sidebar-collapse .content-wrapper, + .sidebar-collapse .right-side, + .sidebar-collapse .main-footer { + margin-left: 0; + } +} + +@media (max-width: 767px) { + + .sidebar-open .content-wrapper, + .sidebar-open .right-side, + .sidebar-open .main-footer { + -webkit-transform: translate(230px, 0); + -ms-transform: translate(230px, 0); + -o-transform: translate(230px, 0); + transform: translate(230px, 0); + } +} + +.content-wrapper, +.right-side { + min-height: 250px; + background-color: #f2f2f2; + z-index: 800; +} + +.main-footer { + background: #fff; + padding: 15px; + color: #444; + #border-top: 1px solid #d9d9d9; +} + +/* Fixed layout */ +.fixed .main-header, +.fixed .main-sidebar, +.fixed .left-side { + position: fixed; +} + +.fixed .main-header { + top: 0; + right: 0; + left: 0; +} + +.fixed .content-wrapper, +.fixed .right-side { + padding-top: 50px; +} + +@media (max-width: 767px) { + + .fixed .content-wrapper, + .fixed .right-side { + padding-top: 100px; + } +} + +.fixed.layout-boxed .wrapper { + max-width: 100%; +} + +body.hold-transition .content-wrapper, +body.hold-transition .right-side, +body.hold-transition .main-footer, +body.hold-transition .main-sidebar, +body.hold-transition .left-side, +body.hold-transition .main-header .navbar, +body.hold-transition .main-header .logo { + /* Fix for IE */ + -webkit-transition: none; + -o-transition: none; + transition: none; +} + +/* Content */ +.content { + min-height: 250px; + padding: 15px; + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} + +/* General Links */ +a { + color: #2e6d65; +} + +a:hover, +a:active, +a:focus { + outline: none; + text-decoration: none; + color: #474747; +} + +/* Page Header */ +.page-header { + margin: 10px 0 20px 0; + font-size: 22px; +} + +.page-header>small { + color: #666; + display: block; + margin-top: 5px; +} + +/* + * Component: Main Header + * ---------------------- + */ +.main-header { + position: relative; + max-height: 100px; + z-index: 1030; +} + +.main-header .navbar { + -webkit-transition: margin-left 0.3s ease-in-out; + -o-transition: margin-left 0.3s ease-in-out; + transition: margin-left 0.3s ease-in-out; + margin-bottom: 0; + margin-left: 230px; + border: none; + min-height: 50px; + border-radius: 0; +} + +.layout-top-nav .main-header .navbar { + margin-left: 0; +} + +.main-header #navbar-search-input.form-control { + background: rgba(255, 255, 255, 0.2); + border-color: transparent; +} + +.main-header #navbar-search-input.form-control:focus, +.main-header #navbar-search-input.form-control:active { + border-color: rgba(0, 0, 0, 0.1); + background: rgba(255, 255, 255, 0.9); +} + +.main-header #navbar-search-input.form-control::-moz-placeholder { + color: #ccc; + opacity: 1; +} + +.main-header #navbar-search-input.form-control:-ms-input-placeholder { + color: #ccc; +} + +.main-header #navbar-search-input.form-control::-webkit-input-placeholder { + color: #ccc; +} + +.main-header .navbar-custom-menu, +.main-header .navbar-right { + float: right; +} + +@media (max-width: 991px) { + + .main-header .navbar-custom-menu a, + .main-header .navbar-right a { + color: inherit; + background: transparent; + } +} + +@media (max-width: 767px) { + .main-header .navbar-right { + float: none; + } + + .navbar-collapse .main-header .navbar-right { + margin: 7.5px -15px; + } + + .main-header .navbar-right>li { + color: inherit; + border: 0; + } +} + +.main-header .sidebar-toggle { + float: left; + background-color: transparent; + background-image: none; + padding: 15px 15px; + font-family: fontAwesome, 'Font Awesome 5 Free'; +} + +.main-header .sidebar-toggle:before { + content: "\f0c9"; +} + +.main-header .sidebar-toggle:hover { + color: #fff; +} + +.main-header .sidebar-toggle:focus, +.main-header .sidebar-toggle:active { + background: transparent; +} + +.main-header .sidebar-toggle .icon-bar { + display: none; +} + +.main-header .navbar .nav>li.user>a>.fa, +.main-header .navbar .nav>li.user>a>.glyphicon, +.main-header .navbar .nav>li.user>a>.ion { + margin-right: 5px; +} + +.main-header .navbar .nav>li>a>.label { + position: absolute; + top: 9px; + right: 7px; + text-align: center; + font-size: 9px; + padding: 2px 3px; + line-height: .9; +} + +.main-header .logo { + -webkit-transition: width 0.3s ease-in-out; + -o-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; + display: block; + float: left; + height: 50px; + font-size: 20px; + line-height: 50px; + text-align: center; + width: 230px; + padding: 0 15px; + overflow: hidden; +} + +.main-header .logo .logo-lg { + display: block; +} + +.main-header .logo .logo-mini { + display: none; +} + +.main-header .navbar-brand { + color: #fff; +} + +.content-header { + position: relative; + padding: 15px 15px 0 15px; +} + +.content-header>h1 { + margin: 0; + font-size: 24px; +} + +.content-header>h1>small { + font-size: 15px; + display: inline-block; + padding-left: 4px; + font-weight: 300; +} + +.content-header>.breadcrumb { + float: right; + background: transparent; + margin-top: 0; + margin-bottom: 0; + font-size: 12px; + padding: 7px 5px; + position: absolute; + top: 15px; + right: 10px; + border-radius: 2px; +} + +.content-header>.breadcrumb>li>a { + color: #444; + text-decoration: none; + display: inline-block; +} + +.content-header>.breadcrumb>li>a>.fa, +.content-header>.breadcrumb>li>a>.glyphicon, +.content-header>.breadcrumb>li>a>.ion { + margin-right: 5px; +} + +.content-header>.breadcrumb>li+li:before { + content: '>\00a0'; +} + +@media (max-width: 991px) { + .content-header>.breadcrumb { + position: relative; + margin-top: 5px; + top: 0; + right: 0; + float: none; + background: #d9d9d9; + padding-left: 10px; + } + + .content-header>.breadcrumb li:before { + color: #222222; + } +} + +.navbar-toggle { + color: #fff; + border: 0; + margin: 0; + padding: 15px 15px; +} + +@media (max-width: 991px) { + .navbar-custom-menu .navbar-nav>li { + float: left; + } + + .navbar-custom-menu .navbar-nav { + margin: 0; + float: left; + } + + .navbar-custom-menu .navbar-nav>li>a { + padding-top: 15px; + padding-bottom: 15px; + line-height: 20px; + } +} + +@media (max-width: 767px) { + .main-header { + position: relative; + } + + .main-header .logo, + .main-header .navbar { + width: 100%; + float: none; + } + + .main-header .navbar { + margin: 0; + } + + .main-header .navbar-custom-menu { + float: right; + } +} + +@media (max-width: 991px) { + .navbar-collapse.pull-left { + float: none !important; + } + + .navbar-collapse.pull-left+.navbar-custom-menu { + display: block; + position: absolute; + top: 0; + right: 40px; + } +} + +/* + * Component: Sidebar + * ------------------ + */ +.main-sidebar, +.left-side { + position: absolute; + top: 0; + left: 0; + padding-top: 50px; + min-height: 100%; + width: 230px; + z-index: 810; + -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; + -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; + -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; +} + +@media (max-width: 767px) { + + .main-sidebar, + .left-side { + padding-top: 100px; + } +} + +@media (max-width: 767px) { + + .main-sidebar, + .left-side { + -webkit-transform: translate(-230px, 0); + -ms-transform: translate(-230px, 0); + -o-transform: translate(-230px, 0); + transform: translate(-230px, 0); + } +} + +@media (min-width: 768px) { + + .sidebar-collapse .main-sidebar, + .sidebar-collapse .left-side { + -webkit-transform: translate(-230px, 0); + -ms-transform: translate(-230px, 0); + -o-transform: translate(-230px, 0); + transform: translate(-230px, 0); + } +} + +@media (max-width: 767px) { + + .sidebar-open .main-sidebar, + .sidebar-open .left-side { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + } +} + +.sidebar { + padding-bottom: 10px; +} + +.sidebar-form input:focus { + border-color: transparent; +} + +.user-panel { + position: relative; + width: 100%; + padding: 10px; + overflow: hidden; +} + +.user-panel:before, +.user-panel:after { + content: " "; + display: table; +} + +.user-panel:after { + clear: both; +} + +.user-panel>.image>img { + width: 100%; + max-width: 45px; + height: auto; +} + +.user-panel>.info { + padding: 5px 5px 5px 15px; + line-height: 1; + position: absolute; + left: 55px; +} + +.user-panel>.info>p { + font-weight: 600; + margin-bottom: 9px; +} + +.user-panel>.info>a { + text-decoration: none; + padding-right: 5px; + margin-top: 3px; + font-size: 11px; +} + +.user-panel>.info>a>.fa, +.user-panel>.info>a>.ion, +.user-panel>.info>a>.glyphicon { + margin-right: 3px; +} + +.sidebar-menu { + list-style: none; + margin: 0; + padding: 0; +} + +.sidebar-menu>li { + position: relative; + margin: 0; + padding: 0; +} + +.sidebar-menu>li>a { + padding: 12px 5px 12px 15px; + display: block; +} + +.sidebar-menu>li>a>.fa, +.sidebar-menu>li>a>.glyphicon, +.sidebar-menu>li>a>.ion { + width: 20px; +} + +.sidebar-menu>li .label, +.sidebar-menu>li .badge { + margin-right: 5px; +} + +.sidebar-menu>li .badge { + margin-top: 3px; +} + +.sidebar-menu li.header { + padding: 10px 25px 10px 15px; + font-size: 12px; +} + +.sidebar-menu li>a>.fa-angle-left, +.sidebar-menu li>a>.pull-right-container>.fa-angle-left { + width: auto; + height: auto; + padding: 0; + margin-right: 10px; +} + +.sidebar-menu li>a>.fa-angle-left { + position: absolute; + top: 50%; + right: 10px; + margin-top: -8px; +} + +.sidebar-menu li.active>a>.fa-angle-left, +.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +.sidebar-menu li.active>.treeview-menu { + display: block; +} + +.sidebar-menu .treeview-menu { + display: none; + list-style: none; + padding: 0; + margin: 0; + padding-left: 5px; +} + +.sidebar-menu .treeview-menu .treeview-menu { + padding-left: 20px; +} + +.sidebar-menu .treeview-menu>li { + margin: 0; +} + +.sidebar-menu .treeview-menu>li>a { + padding: 5px 5px 5px 15px; + display: block; + font-size: 14px; +} + +.sidebar-menu .treeview-menu>li>a>.fa, +.sidebar-menu .treeview-menu>li>a>.glyphicon, +.sidebar-menu .treeview-menu>li>a>.ion { + width: 20px; +} + +.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left, +.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down, +.sidebar-menu .treeview-menu>li>a>.fa-angle-left, +.sidebar-menu .treeview-menu>li>a>.fa-angle-down { + width: auto; +} + +/* + * Component: Sidebar Mini + */ +@media (min-width: 768px) { + + .sidebar-mini.sidebar-collapse .content-wrapper, + .sidebar-mini.sidebar-collapse .right-side, + .sidebar-mini.sidebar-collapse .main-footer { + margin-left: 50px !important; + z-index: 840; + } + + .sidebar-mini.sidebar-collapse .main-sidebar { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + width: 50px !important; + z-index: 850; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li { + position: relative; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li>a { + margin-right: 0; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span { + border-top-right-radius: 4px; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span { + border-bottom-right-radius: 4px; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu { + padding-top: 5px; + padding-bottom: 5px; + border-bottom-right-radius: 4px; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), + .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { + display: block !important; + position: absolute; + width: 180px; + left: 50px; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span { + top: 0; + margin-left: -3px; + padding: 12px 5px 12px 20px; + background-color: inherit; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container { + position: relative !important; + float: right; + width: auto !important; + left: 180px !important; + top: -22px !important; + z-index: 900; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) { + display: none; + } + + .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { + top: 44px; + margin-left: 0; + } + + .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, + .sidebar-mini.sidebar-collapse .sidebar-form, + .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, + .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, + .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, + .sidebar-mini.sidebar-collapse .sidebar-menu li.header { + display: none !important; + -webkit-transform: translateZ(0); + } + + .sidebar-mini.sidebar-collapse .main-header .logo { + width: 50px; + } + + .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini { + display: block; + margin-left: -15px; + margin-right: -15px; + font-size: 18px; + } + + .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg { + display: none; + } + + .sidebar-mini.sidebar-collapse .main-header .navbar { + margin-left: 50px; + } +} + +.sidebar-menu, +.main-sidebar .user-panel, +.sidebar-menu>li.header { + white-space: nowrap; + overflow: hidden; +} + +.sidebar-menu:hover { + overflow: visible; +} + +.sidebar-form, +.sidebar-menu>li.header { + overflow: hidden; + text-overflow: clip; +} + +.sidebar-menu li>a { + position: relative; +} + +.sidebar-menu li>a>.pull-right-container { + position: absolute; + right: 10px; + top: 50%; + margin-top: -7px; +} + +/* + * Component: Control sidebar. By default, this is the right sidebar. + */ +.control-sidebar-bg { + position: fixed; + z-index: 1000; + bottom: 0; +} + +.control-sidebar-bg, +.control-sidebar { + top: 0; + right: -230px; + width: 230px; + -webkit-transition: right 0.3s ease-in-out; + -o-transition: right 0.3s ease-in-out; + transition: right 0.3s ease-in-out; +} + +.control-sidebar { + position: absolute; + padding-top: 50px; + z-index: 1010; +} + +@media (max-width: 768px) { + .control-sidebar { + padding-top: 100px; + } +} + +.control-sidebar>.tab-content { + padding: 10px 15px; +} + +.control-sidebar.control-sidebar-open, +.control-sidebar.control-sidebar-open+.control-sidebar-bg { + right: 0; +} + +.control-sidebar-open .control-sidebar-bg, +.control-sidebar-open .control-sidebar { + right: 0; +} + +@media (min-width: 768px) { + + .control-sidebar-open .content-wrapper, + .control-sidebar-open .right-side, + .control-sidebar-open .main-footer { + margin-right: 230px; + } +} + +.nav-tabs.control-sidebar-tabs>li:first-of-type>a, +.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover, +.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus { + border-left-width: 0; +} + +.nav-tabs.control-sidebar-tabs>li>a { + border-radius: 0; +} + +.nav-tabs.control-sidebar-tabs>li>a, +.nav-tabs.control-sidebar-tabs>li>a:hover { + border-top: none; + border-right: none; + border-left: 1px solid transparent; + border-bottom: 1px solid transparent; +} + +.nav-tabs.control-sidebar-tabs>li>a .icon { + font-size: 16px; +} + +.nav-tabs.control-sidebar-tabs>li.active>a, +.nav-tabs.control-sidebar-tabs>li.active>a:hover, +.nav-tabs.control-sidebar-tabs>li.active>a:focus, +.nav-tabs.control-sidebar-tabs>li.active>a:active { + border-top: none; + border-right: none; + border-bottom: none; +} + +@media (max-width: 768px) { + .nav-tabs.control-sidebar-tabs { + display: table; + } + + .nav-tabs.control-sidebar-tabs>li { + display: table-cell; + } +} + +.control-sidebar-heading { + font-weight: 400; + font-size: 16px; + padding: 10px 0; + margin-bottom: 10px; +} + +.control-sidebar-subheading { + display: block; + font-weight: 400; + font-size: 14px; +} + +.control-sidebar-menu { + list-style: none; + padding: 0; + margin: 0 -15px; +} + +.control-sidebar-menu>li>a { + display: block; + padding: 10px 15px; +} + +.control-sidebar-menu>li>a:before, +.control-sidebar-menu>li>a:after { + content: " "; + display: table; +} + +.control-sidebar-menu>li>a:after { + clear: both; +} + +.control-sidebar-menu>li>a>.control-sidebar-subheading { + margin-top: 0; +} + +.control-sidebar-menu .menu-icon { + float: left; + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + line-height: 35px; +} + +.control-sidebar-menu .menu-info { + margin-left: 45px; + margin-top: 3px; +} + +.control-sidebar-menu .menu-info>.control-sidebar-subheading { + margin: 0; +} + +.control-sidebar-menu .menu-info>p { + margin: 0; + font-size: 11px; +} + +.control-sidebar-menu .progress { + margin: 0; +} + +.control-sidebar-dark { + color: #a7adba; +} + +.control-sidebar-dark, +.control-sidebar-dark+.control-sidebar-bg { + background: #343d46; +} + +.control-sidebar-dark .nav-tabs.control-sidebar-tabs { + border-bottom: #2d353d; +} + +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a { + background: #293037; + color: #a7adba; +} + +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus { + border-left-color: #252b32; + border-bottom-color: #252b32; +} + +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active { + background: #2d353d; +} + +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover { + color: #fff; +} + +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, +.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active { + background: #343d46; + color: #fff; +} + +.control-sidebar-dark .control-sidebar-heading, +.control-sidebar-dark .control-sidebar-subheading { + color: #fff; +} + +.control-sidebar-dark .control-sidebar-menu>li>a:hover { + background: #303840; +} + +.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p { + color: #a7adba; +} + +.control-sidebar-light { + color: #657583; +} + +.control-sidebar-light, +.control-sidebar-light+.control-sidebar-bg { + background: #ffffff; + border-left: 1px solid #d9d9d9; +} + +.control-sidebar-light .nav-tabs.control-sidebar-tabs { + border-bottom: #d9d9d9; +} + +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a { + background: #eaedf1; + color: #4f5b66; +} + +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus { + border-left-color: #d9d9d9; + border-bottom-color: #d9d9d9; +} + +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active { + background: #f0f2f5; +} + +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus, +.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active { + background: #ffffff; + color: #111; +} + +.control-sidebar-light .control-sidebar-heading, +.control-sidebar-light .control-sidebar-subheading { + color: #111; +} + +.control-sidebar-light .control-sidebar-menu { + margin-left: -14px; +} + +.control-sidebar-light .control-sidebar-menu>li>a:hover { + background: #d9d9d9; +} + +.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p { + color: #657583; +} + +/* + * Component: Dropdown menus + * ------------------------- + */ +/*Dropdowns in general*/ +.dropdown-menu { + box-shadow: none; + border-color: #eee; +} + +.dropdown-menu>li>a { + color: #777; +} + +.dropdown-menu>li>a>.glyphicon, +.dropdown-menu>li>a>.fa, +.dropdown-menu>li>a>.ion { + margin-right: 10px; +} + +.dropdown-menu>li>a:hover { + background-color: #626262; + color: #333; +} + +.dropdown-menu>.divider { + background-color: #eee; +} + +.navbar-nav>.notifications-menu>.dropdown-menu, +.navbar-nav>.messages-menu>.dropdown-menu, +.navbar-nav>.tasks-menu>.dropdown-menu { + width: 280px; + padding: 0 0 0 0; + margin: 0; + top: 100%; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li, +.navbar-nav>.messages-menu>.dropdown-menu>li, +.navbar-nav>.tasks-menu>.dropdown-menu>li { + position: relative; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li.header, +.navbar-nav>.messages-menu>.dropdown-menu>li.header, +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #ffffff; + padding: 7px 10px; + border-bottom: 1px solid #f4f4f4; + color: #444444; + font-size: 14px; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, +.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, +.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + font-size: 12px; + background-color: #fff; + padding: 7px 10px; + border-bottom: 1px solid #eeeeee; + color: #444 !important; + text-align: center; +} + +@media (max-width: 991px) { + + .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, + .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, + .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { + background: #fff !important; + color: #444 !important; + } +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover, +.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover, +.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover { + text-decoration: none; + font-weight: normal; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, +.navbar-nav>.messages-menu>.dropdown-menu>li .menu, +.navbar-nav>.tasks-menu>.dropdown-menu>li .menu { + max-height: 200px; + margin: 0; + padding: 0; + list-style: none; + overflow-x: hidden; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, +.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { + display: block; + white-space: nowrap; + /* Prevent text from breaking */ + border-bottom: 1px solid #f4f4f4; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, +.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover { + background: #f4f4f4; + text-decoration: none; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a { + color: #444444; + overflow: hidden; + text-overflow: ellipsis; + padding: 10px; +} + +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon, +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa, +.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion { + width: 20px; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a { + margin: 0; + padding: 10px 10px; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img { + margin: auto 10px auto auto; + width: 40px; + height: 40px; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 { + padding: 0; + margin: 0 0 0 45px; + color: #444444; + font-size: 15px; + position: relative; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small { + color: #999999; + font-size: 10px; + position: absolute; + top: 0; + right: 0; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p { + margin: 0 0 0 45px; + font-size: 12px; + color: #888888; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before, +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after { + content: " "; + display: table; +} + +.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after { + clear: both; +} + +.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { + padding: 10px; +} + +.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 { + font-size: 14px; + padding: 0; + margin: 0 0 10px 0; + color: #666666; +} + +.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress { + padding: 0; + margin: 0; +} + +.navbar-nav>.user-menu>.dropdown-menu { + border-top-right-radius: 0; + border-top-left-radius: 0; + padding: 1px 0 0 0; + border-top-width: 0; + width: 280px; +} + +.navbar-nav>.user-menu>.dropdown-menu, +.navbar-nav>.user-menu>.dropdown-menu>.user-body { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.navbar-nav>.user-menu>.dropdown-menu>li.user-header { + height: 175px; + padding: 10px; + text-align: center; +} + +.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img { + z-index: 5; + height: 90px; + width: 90px; + border: 3px solid; + border-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} + +.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p { + z-index: 5; + color: #fff; + color: rgba(255, 255, 255, 0.8); + font-size: 17px; + margin-top: 10px; +} + +.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small { + display: block; + font-size: 12px; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-body { + padding: 15px; + border-bottom: 1px solid #f4f4f4; + border-top: 1px solid #dddddd; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-body:before, +.navbar-nav>.user-menu>.dropdown-menu>.user-body:after { + content: " "; + display: table; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-body:after { + clear: both; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-body a { + color: #444 !important; +} + +@media (max-width: 991px) { + .navbar-nav>.user-menu>.dropdown-menu>.user-body a { + background: #fff !important; + color: #444 !important; + } +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-footer { + background-color: #f9f9f9; + padding: 10px; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before, +.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after { + content: " "; + display: table; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after { + clear: both; +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default { + color: #666666; +} + +@media (max-width: 991px) { + .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover { + background-color: #f9f9f9; + } +} + +.navbar-nav>.user-menu .user-image { + float: left; + width: 25px; + height: 25px; + border-radius: 50%; + margin-right: 10px; + margin-top: -2px; +} + +@media (max-width: 767px) { + .navbar-nav>.user-menu .user-image { + float: none; + margin-right: 0; + margin-top: -8px; + line-height: 10px; + } +} + +/* Add fade animation to dropdown menus by appending + the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ +.open:not(.dropup)>.animated-dropdown-menu { + backface-visibility: visible !important; + -webkit-animation: flipInX 0.7s both; + -o-animation: flipInX 0.7s both; + animation: flipInX 0.7s both; +} + +@keyframes flipInX { + 0% { + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transition-timing-function: ease-in; + } + + 60% { + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + transform: perspective(400px); + } +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + } +} + +/* Fix dropdown menu in navbars */ +.navbar-custom-menu>.navbar-nav>li { + position: relative; +} + +.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { + position: absolute; + right: 0; + left: auto; +} + +@media (max-width: 991px) { + .navbar-custom-menu>.navbar-nav { + float: right; + } + + .navbar-custom-menu>.navbar-nav>li { + position: static; + } + + .navbar-custom-menu>.navbar-nav>li>.dropdown-menu { + position: absolute; + right: 5%; + left: auto; + border: 1px solid #ddd; + background: #fff; + } +} + +/* + * Component: Form + * --------------- + */ +.form-control { + border-radius: 0; + box-shadow: none; + border-color: #d9d9d9; +} + +.form-control:focus { + border-color: #6699cc; + box-shadow: none; +} + +.form-control::-moz-placeholder, +.form-control:-ms-input-placeholder, +.form-control::-webkit-input-placeholder { + color: #bbb; + opacity: 1; +} + +.form-control:not(select) { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.form-group.has-success label { + color: #99c794; +} + +.form-group.has-success .form-control, +.form-group.has-success .input-group-addon { + border-color: #99c794; + box-shadow: none; +} + +.form-group.has-success .help-block { + color: #99c794; +} + +.form-group.has-warning label { + color: #fac863; +} + +.form-group.has-warning .form-control, +.form-group.has-warning .input-group-addon { + border-color: #fac863; + box-shadow: none; +} + +.form-group.has-warning .help-block { + color: #fac863; +} + +.form-group.has-error label { + color: #ec5f67; +} + +.form-group.has-error .form-control, +.form-group.has-error .input-group-addon { + border-color: #ec5f67; + box-shadow: none; +} + +.form-group.has-error .help-block { + color: #ec5f67; +} + +/* Input group */ +.input-group .input-group-addon { + border-radius: 0; + border-color: #d9d9d9; + background-color: #fff; +} + +/* button groups */ +.btn-group-vertical .btn.btn-flat:first-of-type, +.btn-group-vertical .btn.btn-flat:last-of-type { + border-radius: 0; +} + +.icheck>label { + padding-left: 0; +} + +/* support Font Awesome icons in form-control */ +.form-control-feedback.fa { + line-height: 34px; +} + +.input-lg+.form-control-feedback.fa, +.input-group-lg+.form-control-feedback.fa, +.form-group-lg .form-control+.form-control-feedback.fa { + line-height: 46px; +} + +.input-sm+.form-control-feedback.fa, +.input-group-sm+.form-control-feedback.fa, +.form-group-sm .form-control+.form-control-feedback.fa { + line-height: 30px; +} + +/* + * Component: Progress Bar + * ----------------------- + */ +.progress, +.progress>.progress-bar { + -webkit-box-shadow: none; + box-shadow: none; +} + +.progress, +.progress>.progress-bar, +.progress .progress-bar, +.progress>.progress-bar .progress-bar { + border-radius: 1px; +} + +/* size variation */ +.progress.sm, +.progress-sm { + height: 10px; +} + +.progress.sm, +.progress-sm, +.progress.sm .progress-bar, +.progress-sm .progress-bar { + border-radius: 1px; +} + +.progress.xs, +.progress-xs { + height: 7px; +} + +.progress.xs, +.progress-xs, +.progress.xs .progress-bar, +.progress-xs .progress-bar { + border-radius: 1px; +} + +.progress.xxs, +.progress-xxs { + height: 3px; +} + +.progress.xxs, +.progress-xxs, +.progress.xxs .progress-bar, +.progress-xxs .progress-bar { + border-radius: 1px; +} + +/* Vertical bars */ +.progress.vertical { + position: relative; + width: 30px; + height: 200px; + display: inline-block; + margin-right: 10px; +} + +.progress.vertical>.progress-bar { + width: 100%; + position: absolute; + bottom: 0; +} + +.progress.vertical.sm, +.progress.vertical.progress-sm { + width: 20px; +} + +.progress.vertical.xs, +.progress.vertical.progress-xs { + width: 10px; +} + +.progress.vertical.xxs, +.progress.vertical.progress-xxs { + width: 3px; +} + +.progress-group .progress-text { + font-weight: 600; +} + +.progress-group .progress-number { + float: right; +} + +/* Remove margins from progress bars when put in a table */ +.table tr>td .progress { + margin: 0; +} + +.progress-bar-light-blue, +.progress-bar-primary { + background-color: #6699cc; +} + +.progress-striped .progress-bar-light-blue, +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-green, +.progress-bar-success { + background-color: #99c794; +} + +.progress-striped .progress-bar-green, +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-aqua, +.progress-bar-info { + background-color: #a3c1e0; +} + +.progress-striped .progress-bar-aqua, +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-yellow, +.progress-bar-warning { + background-color: #fac863; +} + +.progress-striped .progress-bar-yellow, +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-red, +.progress-bar-danger { + background-color: #ec5f67; +} + +.progress-striped .progress-bar-red, +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +/* + * Component: Small Box + * -------------------- + */ +.small-box { + border-radius: 2px; + position: relative; + display: block; + margin-bottom: 20px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} + +.small-box>.inner { + padding: 10px; +} + +.small-box>.small-box-footer { + position: relative; + text-align: center; + padding: 3px 0; + color: #fff; + color: rgba(255, 255, 255, 0.8); + display: block; + z-index: 10; + background: rgba(0, 0, 0, 0.1); + text-decoration: none; +} + +.small-box>.small-box-footer:hover { + color: #fff; + background: rgba(0, 0, 0, 0.15); +} + +.small-box h3 { + font-size: 38px; + font-weight: bold; + margin: 0 0 10px 0; + white-space: nowrap; + padding: 0; +} + +.small-box p { + font-size: 15px; +} + +.small-box p>small { + display: block; + color: #f9f9f9; + font-size: 13px; + margin-top: 5px; +} + +.small-box h3, +.small-box p { + z-index: 5; +} + +.small-box .icon { + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; + position: absolute; + top: -10px; + right: 10px; + z-index: 0; + font-size: 90px; + color: rgba(0, 0, 0, 0.15); +} + +.small-box:hover { + text-decoration: none; + color: #f9f9f9; +} + +.small-box:hover .icon { + font-size: 95px; +} + +@media (max-width: 767px) { + .small-box { + text-align: center; + } + + .small-box .icon { + display: none; + } + + .small-box p { + font-size: 12px; + } +} + +/* + * Component: Box + * -------------- + */ +.box { + position: relative; + border-radius: 3px; + background: #ffffff; + border-top: 3px solid #d2d6de; + margin-bottom: 20px; + width: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} + +.box.box-primary { + border-top-color: #6699cc; +} + +.box.box-info { + border-top-color: #a3c1e0; +} + +.box.box-danger { + border-top-color: #ec5f67; +} + +.box.box-warning { + border-top-color: #fac863; +} + +.box.box-success { + border-top-color: #99c794; +} + +.box.box-default { + border-top-color: #d9d9d9; +} + +.box.collapsed-box .box-body, +.box.collapsed-box .box-footer { + display: none; +} + +.box .nav-stacked>li { + border-bottom: 1px solid #f4f4f4; + margin: 0; +} + +.box .nav-stacked>li:last-of-type { + border-bottom: none; +} + +.box.height-control .box-body { + max-height: 300px; + overflow: auto; +} + +.box .border-right { + border-right: 1px solid #f4f4f4; +} + +.box .border-left { + border-left: 1px solid #f4f4f4; +} + +.box.box-solid { + border-top: 0; +} + +.box.box-solid>.box-header .btn.btn-default { + background: transparent; +} + +.box.box-solid>.box-header .btn:hover, +.box.box-solid>.box-header a:hover { + background: rgba(0, 0, 0, 0.1); +} + +.box.box-solid.box-default { + border: 1px solid #555555; +} + +.box.box-solid.box-default>.box-header { + color: #444444; + background: #555555; + background-color: #555555; +} + +.box.box-solid.box-default>.box-header a, +.box.box-solid.box-default>.box-header .btn { + color: #444444; +} + +.box.box-solid.box-primary { + border: 1px solid #6699cc; +} + +.box.box-solid.box-primary>.box-header { + color: #ffffff; + background: #6699cc; + background-color: #6699cc; +} + +.box.box-solid.box-primary>.box-header a, +.box.box-solid.box-primary>.box-header .btn { + color: #ffffff; +} + +.box.box-solid.box-info { + border: 1px solid #a3c1e0; +} + +.box.box-solid.box-info>.box-header { + color: #ffffff; + background: #a3c1e0; + background-color: #a3c1e0; +} + +.box.box-solid.box-info>.box-header a, +.box.box-solid.box-info>.box-header .btn { + color: #ffffff; +} + +.box.box-solid.box-danger { + border: 1px solid #ec5f67; +} + +.box.box-solid.box-danger>.box-header { + color: #ffffff; + background: #ec5f67; + background-color: #ec5f67; +} + +.box.box-solid.box-danger>.box-header a, +.box.box-solid.box-danger>.box-header .btn { + color: #ffffff; +} + +.box.box-solid.box-warning { + border: 1px solid #fac863; +} + +.box.box-solid.box-warning>.box-header { + color: #ffffff; + background: #fac863; + background-color: #fac863; +} + +.box.box-solid.box-warning>.box-header a, +.box.box-solid.box-warning>.box-header .btn { + color: #ffffff; +} + +.box.box-solid.box-success { + border: 1px solid #99c794; +} + +.box.box-solid.box-success>.box-header { + color: #ffffff; + background: #99c794; + background-color: #99c794; +} + +.box.box-solid.box-success>.box-header a, +.box.box-solid.box-success>.box-header .btn { + color: #ffffff; +} + +.box.box-solid>.box-header>.box-tools .btn { + border: 0; + box-shadow: none; +} + +.box.box-solid[class*='bg']>.box-header { + color: #fff; +} + +.box .box-group>.box { + margin-bottom: 5px; +} + +.box .knob-label { + text-align: center; + color: #333; + font-weight: 100; + font-size: 12px; + margin-bottom: 0.3em; +} + +.box>.overlay, +.overlay-wrapper>.overlay, +.box>.loading-img, +.overlay-wrapper>.loading-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.box .overlay, +.overlay-wrapper .overlay { + z-index: 50; + background: rgba(255, 255, 255, 0.7); + border-radius: 3px; +} + +.box .overlay>.fa, +.overlay-wrapper .overlay>.fa { + position: absolute; + top: 50%; + left: 50%; + margin-left: -15px; + margin-top: -15px; + color: #000; + font-size: 30px; +} + +.box .overlay.dark, +.overlay-wrapper .overlay.dark { + background: rgba(0, 0, 0, 0.5); +} + +.box-header:before, +.box-body:before, +.box-footer:before, +.box-header:after, +.box-body:after, +.box-footer:after { + content: " "; + display: table; +} + +.box-header:after, +.box-body:after, +.box-footer:after { + clear: both; +} + +.box-header { + color: #444; + display: block; + padding: 10px; + position: relative; +} + +.box-header.with-border { + border-bottom: 1px solid #f4f4f4; +} + +.collapsed-box .box-header.with-border { + border-bottom: none; +} + +.box-header>.fa, +.box-header>.glyphicon, +.box-header>.ion, +.box-header .box-title { + display: inline-block; + font-size: 18px; + margin: 0; + line-height: 1; +} + +.box-header>.fa, +.box-header>.glyphicon, +.box-header>.ion { + margin-right: 5px; +} + +.box-header>.box-tools { + position: absolute; + right: 10px; + top: 5px; +} + +.box-header>.box-tools [data-toggle="tooltip"] { + position: relative; +} + +.box-header>.box-tools.pull-right .dropdown-menu { + right: 0; + left: auto; +} + +.box-header>.box-tools .dropdown-menu>li>a { + color: #444 !important; +} + +.btn-box-tool { + padding: 5px; + font-size: 12px; + background: transparent; + color: #97a0b3; +} + +.open .btn-box-tool, +.btn-box-tool:hover { + color: #606c84; +} + +.btn-box-tool.btn:active { + box-shadow: none; +} + +.box-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + padding: 10px; +} + +.no-header .box-body { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.box-body>.table { + margin-bottom: 0; +} + +.box-body .fc { + margin-top: 5px; +} + +.box-body .full-width-chart { + margin: -19px; +} + +.box-body.no-padding .full-width-chart { + margin: -9px; +} + +.box-body .box-pane { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 3px; +} + +.box-body .box-pane-right { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 0; +} + +.box-footer { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 1px solid #f4f4f4; + padding: 10px; + background-color: #ffffff; +} + +.chart-legend { + margin: 10px 0; +} + +@media (max-width: 991px) { + .chart-legend>li { + float: left; + margin-right: 10px; + } +} + +.box-comments { + background: #f7f7f7; +} + +.box-comments .box-comment { + padding: 8px 0; + border-bottom: 1px solid #eee; +} + +.box-comments .box-comment:before, +.box-comments .box-comment:after { + content: " "; + display: table; +} + +.box-comments .box-comment:after { + clear: both; +} + +.box-comments .box-comment:last-of-type { + border-bottom: 0; +} + +.box-comments .box-comment:first-of-type { + padding-top: 0; +} + +.box-comments .box-comment img { + float: left; +} + +.box-comments .comment-text { + margin-left: 40px; + color: #555; +} + +.box-comments .username { + color: #444; + display: block; + font-weight: 600; +} + +.box-comments .text-muted { + font-weight: 400; + font-size: 12px; +} + +/* Widget: TODO LIST */ +.todo-list { + margin: 0; + padding: 0; + list-style: none; + overflow: auto; +} + +.todo-list>li { + border-radius: 2px; + padding: 10px; + background: #f4f4f4; + margin-bottom: 2px; + border-left: 2px solid #e6e7e8; + color: #444; +} + +.todo-list>li:last-of-type { + margin-bottom: 0; +} + +.todo-list>li>input[type='checkbox'] { + margin: 0 10px 0 5px; +} + +.todo-list>li .text { + display: inline-block; + margin-left: 5px; + font-weight: 600; +} + +.todo-list>li .label { + margin-left: 10px; + font-size: 9px; +} + +.todo-list>li .tools { + display: none; + float: right; + color: #ec5f67; +} + +.todo-list>li .tools>.fa, +.todo-list>li .tools>.glyphicon, +.todo-list>li .tools>.ion { + margin-right: 5px; + cursor: pointer; +} + +.todo-list>li:hover .tools { + display: inline-block; +} + +.todo-list>li.done { + color: #999; +} + +.todo-list>li.done .text { + text-decoration: line-through; + font-weight: 500; +} + +.todo-list>li.done .label { + background: #d9d9d9 !important; +} + +.todo-list .danger { + border-left-color: #ec5f67; +} + +.todo-list .warning { + border-left-color: #fac863; +} + +.todo-list .info { + border-left-color: #a3c1e0; +} + +.todo-list .success { + border-left-color: #99c794; +} + +.todo-list .primary { + border-left-color: #6699cc; +} + +.todo-list .handle { + display: inline-block; + cursor: move; + margin: 0 5px; +} + +/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ +.chat { + padding: 5px 20px 5px 10px; +} + +.chat .item { + margin-bottom: 10px; +} + +.chat .item:before, +.chat .item:after { + content: " "; + display: table; +} + +.chat .item:after { + clear: both; +} + +.chat .item>img { + width: 40px; + height: 40px; + border: 2px solid transparent; + border-radius: 50%; +} + +.chat .item>.online { + border: 2px solid #99c794; +} + +.chat .item>.offline { + border: 2px solid #ec5f67; +} + +.chat .item>.message { + margin-left: 55px; + margin-top: -40px; +} + +.chat .item>.message>.name { + display: block; + font-weight: 600; +} + +.chat .item>.attachment { + border-radius: 3px; + background: #f4f4f4; + margin-left: 65px; + margin-right: 15px; + padding: 10px; +} + +.chat .item>.attachment>h4 { + margin: 0 0 5px 0; + font-weight: 600; + font-size: 14px; +} + +.chat .item>.attachment>p, +.chat .item>.attachment>.filename { + font-weight: 600; + font-size: 13px; + font-style: italic; + margin: 0; +} + +.chat .item>.attachment:before, +.chat .item>.attachment:after { + content: " "; + display: table; +} + +.chat .item>.attachment:after { + clear: both; +} + +.box-input { + max-width: 200px; +} + +.modal .panel-body { + color: #444; +} + +/* + * Component: Info Box + * ------------------- + */ +.info-box { + display: block; + min-height: 90px; + background: #fff; + width: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 2px; + margin-bottom: 15px; +} + +.info-box small { + font-size: 14px; +} + +.info-box .progress { + background: rgba(0, 0, 0, 0.2); + margin: 5px -10px 5px -10px; + height: 2px; +} + +.info-box .progress, +.info-box .progress .progress-bar { + border-radius: 0; +} + +.info-box .progress .progress-bar { + background: #fff; +} + +.info-box-icon { + border-top-left-radius: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 2px; + display: block; + float: left; + height: 90px; + width: 90px; + text-align: center; + font-size: 45px; + line-height: 90px; + background: rgba(0, 0, 0, 0.2); +} + +.info-box-icon>img { + max-width: 100%; +} + +.info-box-content { + padding: 5px 10px; + margin-left: 90px; +} + +.info-box-number { + display: block; + font-weight: bold; + font-size: 18px; +} + +.progress-description, +.info-box-text { + display: block; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.info-box-text { + text-transform: uppercase; +} + +.info-box-more { + display: block; +} + +.progress-description { + margin: 0; +} + +/* + * Component: Timeline + * ------------------- + */ +.timeline { + position: relative; + margin: 0 0 30px 0; + padding: 0; + list-style: none; +} + +.timeline:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + width: 4px; + background: #ddd; + left: 31px; + margin: 0; + border-radius: 2px; +} + +.timeline>li { + position: relative; + margin-right: 10px; + margin-bottom: 15px; +} + +.timeline>li:before, +.timeline>li:after { + content: " "; + display: table; +} + +.timeline>li:after { + clear: both; +} + +.timeline>li>.timeline-item { + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 3px; + margin-top: 0; + background: #fff; + color: #444; + margin-left: 60px; + margin-right: 15px; + padding: 0; + position: relative; +} + +.timeline>li>.timeline-item>.time { + color: #999; + float: right; + padding: 10px; + font-size: 12px; +} + +.timeline>li>.timeline-item>.timeline-header { + margin: 0; + color: #555; + border-bottom: 1px solid #f4f4f4; + padding: 10px; + font-size: 16px; + line-height: 1.1; +} + +.timeline>li>.timeline-item>.timeline-header>a { + font-weight: 600; +} + +.timeline>li>.timeline-item>.timeline-body, +.timeline>li>.timeline-item>.timeline-footer { + padding: 10px; +} + +.timeline>li>.fa, +.timeline>li>.glyphicon, +.timeline>li>.ion { + width: 30px; + height: 30px; + font-size: 15px; + line-height: 30px; + position: absolute; + color: #666; + background: #d9d9d9; + border-radius: 50%; + text-align: center; + left: 18px; + top: 0; +} + +.timeline>.time-label>span { + font-weight: 600; + padding: 5px; + display: inline-block; + background-color: #fff; + border-radius: 4px; +} + +.timeline-inverse>li>.timeline-item { + background: #f0f0f0; + border: 1px solid #ddd; + -webkit-box-shadow: none; + box-shadow: none; +} + +.timeline-inverse>li>.timeline-item>.timeline-header { + border-bottom-color: #ddd; +} + +/* + * Component: Button + * ----------------- + */ +.btn { + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid transparent; +} + +.btn.uppercase { + text-transform: uppercase; +} + +.btn.btn-flat { + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-width: 1px; +} + +.btn:active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn:focus { + outline: none; +} + +.btn.btn-file { + position: relative; + overflow: hidden; +} + +.btn.btn-file>input[type='file'] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + opacity: 0; + filter: alpha(opacity=0); + outline: none; + background: white; + cursor: inherit; + display: block; +} + +.btn-default { + background-color: #f4f4f4; + color: #444; + border-color: #ddd; +} + +.btn-default:hover, +.btn-default:active, +.btn-default.hover { + background-color: #e7e7e7; +} + +.btn-primary { + background-color: #6699cc; + border-color: #538cc6; +} + +.btn-primary:hover, +.btn-primary:active, +.btn-primary.hover { + background-color: #538cc6; +} + +.btn-success { + background-color: #99c794; + border-color: #89be83; +} + +.btn-success:hover, +.btn-success:active, +.btn-success.hover { + background-color: #89be83; +} + +.btn-info { + background-color: #a3c1e0; + border-color: #90b4da; +} + +.btn-info:hover, +.btn-info:active, +.btn-info.hover { + background-color: #90b4da; +} + +.btn-danger { + background-color: #ec5f67; + border-color: #e94851; +} + +.btn-danger:hover, +.btn-danger:active, +.btn-danger.hover { + background-color: #e94851; +} + +.btn-warning { + background-color: #fac863; + border-color: #f9bf4a; +} + +.btn-warning:hover, +.btn-warning:active, +.btn-warning.hover { + background-color: #f9bf4a; +} + +.btn-outline { + border: 1px solid #fff; + background: transparent; + color: #fff; +} + +.btn-outline:hover, +.btn-outline:focus, +.btn-outline:active { + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} + +.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn[class*='bg-']:hover { + -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); +} + +.btn-app { + border-radius: 3px; + position: relative; + padding: 15px 5px; + margin: 0 0 10px 10px; + min-width: 80px; + height: 60px; + text-align: center; + color: #666; + border: 1px solid #ddd; + background-color: #f4f4f4; + font-size: 12px; +} + +.btn-app>.fa, +.btn-app>.glyphicon, +.btn-app>.ion { + font-size: 20px; + display: block; +} + +.btn-app:hover { + background: #f4f4f4; + color: #444; + border-color: #aaa; +} + +.btn-app:active, +.btn-app:focus { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn-app>.badge { + position: absolute; + top: -3px; + right: -10px; + font-size: 10px; + font-weight: 400; +} + +/* + * Component: Callout + * ------------------ + */ +.callout { + border-radius: 3px; + margin: 0 0 20px 0; + padding: 15px 30px 15px 15px; + border-left: 5px solid #eee; +} + +.callout a { + color: #fff; + text-decoration: underline; +} + +.callout a:hover { + color: #eee; +} + +.callout h4 { + margin-top: 0; + font-weight: 600; +} + +.callout p:last-child { + margin-bottom: 0; +} + +.callout code, +.callout .highlight { + background-color: #fff; +} + +.callout.callout-danger { + border-color: #e7313c; +} + +.callout.callout-warning { + border-color: #f8b732; +} + +.callout.callout-info { + border-color: #7da7d3; +} + +.callout.callout-success { + border-color: #79b573; +} + +/* + * Component: alert + * ---------------- + */ +.alert { + border-radius: 3px; +} + +.alert h4 { + font-weight: 600; +} + +.alert .icon { + margin-right: 10px; +} + +.alert .close { + color: #000; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.alert .close:hover { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.alert a { + color: #fff; + text-decoration: underline; +} + +.alert-success { + border-color: #89be83; +} + +.alert-danger, +.alert-error { + border-color: #e94851; +} + +.alert-warning { + border-color: #f9bf4a; +} + +.alert-info { + border-color: #90b4da; +} + +/* + * Component: Nav + * -------------- + */ +.nav>li>a:hover, +.nav>li>a:active, +.nav>li>a:focus { + color: #444; + background: #f7f7f7; +} + +/* NAV PILLS */ +.nav-pills>li>a { + border-radius: 0; + border-top: 3px solid transparent; + color: #444; +} + +.nav-pills>li>a>.fa, +.nav-pills>li>a>.glyphicon, +.nav-pills>li>a>.ion { + margin-right: 5px; +} + +.nav-pills>li.active>a, +.nav-pills>li.active>a:hover, +.nav-pills>li.active>a:focus { + border-top-color: #6699cc; +} + +.nav-pills>li.active>a { + font-weight: 600; +} + +/* NAV STACKED */ +.nav-stacked>li>a { + border-radius: 0; + border-top: 0; + border-left: 3px solid transparent; + color: #444; +} + +.nav-stacked>li.active>a, +.nav-stacked>li.active>a:hover { + background: transparent; + color: #444; + border-top: 0; + border-left-color: #6699cc; +} + +.nav-stacked>li.header { + border-bottom: 1px solid #ddd; + color: #777; + margin-bottom: 10px; + padding: 5px 10px; + text-transform: uppercase; +} + +/* NAV TABS */ +.nav-tabs-custom { + margin-bottom: 20px; + background: #fff; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 3px; +} + +.nav-tabs-custom>.nav-tabs { + margin: 0; + border-bottom-color: #f4f4f4; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.nav-tabs-custom>.nav-tabs>li { + border-top: 3px solid transparent; + margin-bottom: -2px; + margin-right: 5px; +} + +.nav-tabs-custom>.nav-tabs>li>a { + color: #444; + border-radius: 0; +} + +.nav-tabs-custom>.nav-tabs>li>a.text-muted { + color: #999; +} + +.nav-tabs-custom>.nav-tabs>li>a, +.nav-tabs-custom>.nav-tabs>li>a:hover { + background: transparent; + margin: 0; +} + +.nav-tabs-custom>.nav-tabs>li>a:hover { + color: #999; +} + +.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, +.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, +.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active { + border-color: transparent; +} + +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: #6699cc; +} + +.nav-tabs-custom>.nav-tabs>li.active>a, +.nav-tabs-custom>.nav-tabs>li.active:hover>a { + background-color: #fff; + color: #444; +} + +.nav-tabs-custom>.nav-tabs>li.active>a { + border-top-color: transparent; + border-left-color: #f4f4f4; + border-right-color: #f4f4f4; +} + +.nav-tabs-custom>.nav-tabs>li:first-of-type { + margin-left: 0; +} + +.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a { + border-left-color: transparent; +} + +.nav-tabs-custom>.nav-tabs.pull-right { + float: none !important; +} + +.nav-tabs-custom>.nav-tabs.pull-right>li { + float: right; +} + +.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type { + margin-right: 0; +} + +.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a { + border-left-width: 1px; +} + +.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a { + border-left-color: #f4f4f4; + border-right-color: transparent; +} + +.nav-tabs-custom>.nav-tabs>li.header { + line-height: 35px; + padding: 0 10px; + font-size: 20px; + color: #444; +} + +.nav-tabs-custom>.nav-tabs>li.header>.fa, +.nav-tabs-custom>.nav-tabs>li.header>.glyphicon, +.nav-tabs-custom>.nav-tabs>li.header>.ion { + margin-right: 5px; +} + +.nav-tabs-custom>.tab-content { + background: #fff; + padding: 10px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.nav-tabs-custom .dropdown.open>a:active, +.nav-tabs-custom .dropdown.open>a:focus { + background: transparent; + color: #999; +} + +.nav-tabs-custom.tab-primary>.nav-tabs>li.active { + border-top-color: #6699cc; +} + +.nav-tabs-custom.tab-info>.nav-tabs>li.active { + border-top-color: #a3c1e0; +} + +.nav-tabs-custom.tab-danger>.nav-tabs>li.active { + border-top-color: #ec5f67; +} + +.nav-tabs-custom.tab-warning>.nav-tabs>li.active { + border-top-color: #fac863; +} + +.nav-tabs-custom.tab-success>.nav-tabs>li.active { + border-top-color: #99c794; +} + +.nav-tabs-custom.tab-default>.nav-tabs>li.active { + border-top-color: #d9d9d9; +} + +/* PAGINATION */ +.pagination>li>a { + background: #f2f2f2; + color: #666; +} + +.pagination.pagination-flat>li>a { + border-radius: 0 !important; +} + +/* + * Component: Products List + * ------------------------ + */ +.products-list { + list-style: none; + margin: 0; + padding: 0; +} + +.products-list>.item { + border-radius: 3px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + padding: 10px 0; + background: #fff; +} + +.products-list>.item:before, +.products-list>.item:after { + content: " "; + display: table; +} + +.products-list>.item:after { + clear: both; +} + +.products-list .product-img { + float: left; +} + +.products-list .product-img img { + width: 50px; + height: 50px; +} + +.products-list .product-info { + margin-left: 60px; +} + +.products-list .product-title { + font-weight: 600; +} + +.products-list .product-description { + display: block; + color: #999; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.product-list-in-box>.item { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + border-bottom: 1px solid #f4f4f4; +} + +.product-list-in-box>.item:last-of-type { + border-bottom-width: 0; +} + +/* + * Component: Table + * ---------------- + */ +.table>thead>tr>th, +.table>tbody>tr>th, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>tbody>tr>td, +.table>tfoot>tr>td { + border-top: 1px solid #f4f4f4; +} + +.table>thead>tr>th { + border-bottom: 2px solid #f4f4f4; +} + +.table tr td .progress { + margin-top: 5px; +} + +.table-bordered { + border: 1px solid #f4f4f4; +} + +.table-bordered>thead>tr>th, +.table-bordered>tbody>tr>th, +.table-bordered>tfoot>tr>th, +.table-bordered>thead>tr>td, +.table-bordered>tbody>tr>td, +.table-bordered>tfoot>tr>td { + border: 1px solid #f4f4f4; +} + +.table-bordered>thead>tr>th, +.table-bordered>thead>tr>td { + border-bottom-width: 2px; +} + +.table.no-border, +.table.no-border td, +.table.no-border th { + border: 0; +} + +/* .text-center in tables */ +table.text-center, +table.text-center td, +table.text-center th { + text-align: center; +} + +.table.align th { + text-align: left; +} + +.table.align td { + text-align: right; +} + +/* + * Component: Label + * ---------------- + */ +.label-default { + background-color: #d9d9d9; + color: #444; +} + +/* + * Component: Direct Chat + * ---------------------- + */ +.direct-chat .box-body { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + position: relative; + overflow-x: hidden; + padding: 0; +} + +.direct-chat.chat-pane-open .direct-chat-contacts { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} + +.direct-chat-messages { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + padding: 10px; + height: 250px; + overflow: auto; +} + +.direct-chat-msg, +.direct-chat-text { + display: block; +} + +.direct-chat-msg { + margin-bottom: 10px; +} + +.direct-chat-msg:before, +.direct-chat-msg:after { + content: " "; + display: table; +} + +.direct-chat-msg:after { + clear: both; +} + +.direct-chat-messages, +.direct-chat-contacts { + -webkit-transition: -webkit-transform 0.5s ease-in-out; + -moz-transition: -moz-transform 0.5s ease-in-out; + -o-transition: -o-transform 0.5s ease-in-out; + transition: transform 0.5s ease-in-out; +} + +.direct-chat-text { + border-radius: 5px; + position: relative; + padding: 5px 10px; + background: #d9d9d9; + border: 1px solid #d9d9d9; + margin: 5px 0 0 50px; + color: #444444; +} + +.direct-chat-text:after, +.direct-chat-text:before { + position: absolute; + right: 100%; + top: 15px; + border: solid transparent; + border-right-color: #d9d9d9; + content: ' '; + height: 0; + width: 0; + pointer-events: none; +} + +.direct-chat-text:after { + border-width: 5px; + margin-top: -5px; +} + +.direct-chat-text:before { + border-width: 6px; + margin-top: -6px; +} + +.right .direct-chat-text { + margin-right: 50px; + margin-left: 0; +} + +.right .direct-chat-text:after, +.right .direct-chat-text:before { + right: auto; + left: 100%; + border-right-color: transparent; + border-left-color: #d9d9d9; +} + +.direct-chat-img { + border-radius: 50%; + float: left; + width: 40px; + height: 40px; +} + +.right .direct-chat-img { + float: right; +} + +.direct-chat-info { + display: block; + margin-bottom: 2px; + font-size: 12px; +} + +.direct-chat-name { + font-weight: 600; +} + +.direct-chat-timestamp { + color: #999; +} + +.direct-chat-contacts-open .direct-chat-contacts { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} + +.direct-chat-contacts { + -webkit-transform: translate(101%, 0); + -ms-transform: translate(101%, 0); + -o-transform: translate(101%, 0); + transform: translate(101%, 0); + position: absolute; + top: 0; + bottom: 0; + height: 250px; + width: 100%; + background: #222d32; + color: #fff; + overflow: auto; +} + +.contacts-list>li { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + padding: 10px; + margin: 0; +} + +.contacts-list>li:before, +.contacts-list>li:after { + content: " "; + display: table; +} + +.contacts-list>li:after { + clear: both; +} + +.contacts-list>li:last-of-type { + border-bottom: none; +} + +.contacts-list-img { + border-radius: 50%; + width: 40px; + float: left; +} + +.contacts-list-info { + margin-left: 45px; + color: #fff; +} + +.contacts-list-name, +.contacts-list-status { + display: block; +} + +.contacts-list-name { + font-weight: 600; +} + +.contacts-list-status { + font-size: 12px; +} + +.contacts-list-date { + color: #aaa; + font-weight: normal; +} + +.contacts-list-msg { + color: #999; +} + +.direct-chat-danger .right>.direct-chat-text { + background: #ec5f67; + border-color: #ec5f67; + color: #ffffff; +} + +.direct-chat-danger .right>.direct-chat-text:after, +.direct-chat-danger .right>.direct-chat-text:before { + border-left-color: #ec5f67; +} + +.direct-chat-primary .right>.direct-chat-text { + background: #6699cc; + border-color: #6699cc; + color: #ffffff; +} + +.direct-chat-primary .right>.direct-chat-text:after, +.direct-chat-primary .right>.direct-chat-text:before { + border-left-color: #6699cc; +} + +.direct-chat-warning .right>.direct-chat-text { + background: #fac863; + border-color: #fac863; + color: #ffffff; +} + +.direct-chat-warning .right>.direct-chat-text:after, +.direct-chat-warning .right>.direct-chat-text:before { + border-left-color: #fac863; +} + +.direct-chat-info .right>.direct-chat-text { + background: #a3c1e0; + border-color: #a3c1e0; + color: #ffffff; +} + +.direct-chat-info .right>.direct-chat-text:after, +.direct-chat-info .right>.direct-chat-text:before { + border-left-color: #a3c1e0; +} + +.direct-chat-success .right>.direct-chat-text { + background: #99c794; + border-color: #99c794; + color: #ffffff; +} + +.direct-chat-success .right>.direct-chat-text:after, +.direct-chat-success .right>.direct-chat-text:before { + border-left-color: #99c794; +} + +/* + * Component: Users List + * --------------------- + */ +.users-list>li { + width: 25%; + float: left; + padding: 10px; + text-align: center; +} + +.users-list>li img { + border-radius: 50%; + max-width: 100%; + height: auto; +} + +.users-list>li>a:hover, +.users-list>li>a:hover .users-list-name { + color: #999; +} + +.users-list-name, +.users-list-date { + display: block; +} + +.users-list-name { + font-weight: 600; + color: #444; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.users-list-date { + color: #999; + font-size: 12px; +} + +/* + * Component: Carousel + * ------------------- + */ +.carousel-control.left, +.carousel-control.right { + background-image: none; +} + +.carousel-control>.fa { + font-size: 40px; + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + margin-top: -20px; +} + +/* + * Component: modal + * ---------------- + */ +.modal { + background: rgba(0, 0, 0, 0.3); +} + +.modal-content { + border-radius: 0; + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); + border: 0; +} + +@media (min-width: 768px) { + .modal-content { + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); + } +} + +.modal-header { + border-bottom-color: #f4f4f4; +} + +.modal-footer { + border-top-color: #f4f4f4; +} + +.modal-primary .modal-header, +.modal-primary .modal-footer { + border-color: #407fbf; +} + +.modal-warning .modal-header, +.modal-warning .modal-footer { + border-color: #f8b732; +} + +.modal-info .modal-header, +.modal-info .modal-footer { + border-color: #7da7d3; +} + +.modal-success .modal-header, +.modal-success .modal-footer { + border-color: #79b573; +} + +.modal-danger .modal-header, +.modal-danger .modal-footer { + border-color: #e7313c; +} + +/* + * Component: Social Widgets + * ------------------------- + */ +.box-widget { + border: none; + position: relative; +} + +.widget-user .widget-user-header { + padding: 20px; + height: 120px; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.widget-user .widget-user-username { + margin-top: 0; + margin-bottom: 5px; + font-size: 25px; + font-weight: 300; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); +} + +.widget-user .widget-user-desc { + margin-top: 0; +} + +.widget-user .widget-user-image { + position: absolute; + top: 65px; + left: 50%; + margin-left: -45px; +} + +.widget-user .widget-user-image>img { + width: 90px; + height: auto; + border: 3px solid #fff; +} + +.widget-user .box-footer { + padding-top: 30px; +} + +.widget-user-2 .widget-user-header { + padding: 20px; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.widget-user-2 .widget-user-username { + margin-top: 5px; + margin-bottom: 5px; + font-size: 25px; + font-weight: 300; +} + +.widget-user-2 .widget-user-desc { + margin-top: 0; +} + +.widget-user-2 .widget-user-username, +.widget-user-2 .widget-user-desc { + margin-left: 75px; +} + +.widget-user-2 .widget-user-image>img { + width: 65px; + height: auto; + float: left; +} + +/* + * Page: Mailbox + * ------------- + */ +.mailbox-messages>.table { + margin: 0; +} + +.mailbox-controls { + padding: 5px; +} + +.mailbox-controls.with-border { + border-bottom: 1px solid #f4f4f4; +} + +.mailbox-read-info { + border-bottom: 1px solid #f4f4f4; + padding: 10px; +} + +.mailbox-read-info h3 { + font-size: 20px; + margin: 0; +} + +.mailbox-read-info h5 { + margin: 0; + padding: 5px 0 0 0; +} + +.mailbox-read-time { + color: #999; + font-size: 13px; +} + +.mailbox-read-message { + padding: 10px; +} + +.mailbox-attachments li { + float: left; + width: 200px; + border: 1px solid #eee; + margin-bottom: 10px; + margin-right: 10px; +} + +.mailbox-attachment-name { + font-weight: bold; + color: #666; +} + +.mailbox-attachment-icon, +.mailbox-attachment-info, +.mailbox-attachment-size { + display: block; +} + +.mailbox-attachment-info { + padding: 10px; + background: #f4f4f4; +} + +.mailbox-attachment-size { + color: #999; + font-size: 12px; +} + +.mailbox-attachment-icon { + text-align: center; + font-size: 65px; + color: #666; + padding: 20px 10px; +} + +.mailbox-attachment-icon.has-img { + padding: 0; +} + +.mailbox-attachment-icon.has-img>img { + max-width: 100%; + height: auto; +} + +/* + * Page: Lock Screen + * ----------------- + */ +/* ADD THIS CLASS TO THE TAG */ +.lockscreen { + background: #d9d9d9; +} + +.lockscreen-logo { + font-size: 35px; + text-align: center; + margin-bottom: 25px; + font-weight: 300; +} + +.lockscreen-logo a { + color: #444; +} + +.lockscreen-wrapper { + max-width: 400px; + margin: 0 auto; + margin-top: 10%; +} + +/* User name [optional] */ +.lockscreen .lockscreen-name { + text-align: center; + font-weight: 600; +} + +/* Will contain the image and the sign in form */ +.lockscreen-item { + border-radius: 4px; + padding: 0; + background: #fff; + position: relative; + margin: 10px auto 30px auto; + width: 290px; +} + +/* User image */ +.lockscreen-image { + border-radius: 50%; + position: absolute; + left: -10px; + top: -25px; + background: #fff; + padding: 5px; + z-index: 10; +} + +.lockscreen-image>img { + border-radius: 50%; + width: 70px; + height: 70px; +} + +/* Contains the password input and the login button */ +.lockscreen-credentials { + margin-left: 70px; +} + +.lockscreen-credentials .form-control { + border: 0; +} + +.lockscreen-credentials .btn { + background-color: #fff; + border: 0; + padding: 0 10px; +} + +.lockscreen-footer { + margin-top: 10px; +} + +/* + * Page: Login & Register + * ---------------------- + */ +.login-logo, +.register-logo { + font-size: 35px; + text-align: center; + margin-bottom: 25px; + font-weight: 300; +} + +.login-logo a, +.register-logo a { + color: #444; +} + +.login-page, +.register-page { + background: #d9d9d9; +} + +.login-box, +.register-box { + width: 360px; + margin: 7% auto; +} + +@media (max-width: 768px) { + + .login-box, + .register-box { + width: 90%; + margin-top: 20px; + } +} + +.login-box-body, +.register-box-body { + background: #fff; + padding: 20px; + border-top: 0; + color: #666; +} + +.login-box-body .form-control-feedback, +.register-box-body .form-control-feedback { + color: #777; +} + +.login-box-msg, +.register-box-msg { + margin: 0; + text-align: center; + padding: 0 20px 20px 20px; +} + +.social-auth-links { + margin: 10px 0; +} + +/* + * Page: 400 and 500 error pages + * ------------------------------ + */ +.error-page { + width: 600px; + margin: 20px auto 0 auto; +} + +@media (max-width: 991px) { + .error-page { + width: 100%; + } +} + +.error-page>.headline { + float: left; + font-size: 100px; + font-weight: 300; +} + +@media (max-width: 991px) { + .error-page>.headline { + float: none; + text-align: center; + } +} + +.error-page>.error-content { + margin-left: 190px; + display: block; +} + +@media (max-width: 991px) { + .error-page>.error-content { + margin-left: 0; + } +} + +.error-page>.error-content>h3 { + font-weight: 300; + font-size: 25px; +} + +@media (max-width: 991px) { + .error-page>.error-content>h3 { + text-align: center; + } +} + +/* + * Page: Invoice + * ------------- + */ +.invoice { + position: relative; + background: #fff; + border: 1px solid #f4f4f4; + padding: 20px; + margin: 10px 25px; +} + +.invoice-title { + margin-top: 0; +} + +/* + * Page: Profile + * ------------- + */ +.profile-user-img { + margin: 0 auto; + width: 100px; + padding: 3px; + border: 3px solid #d9d9d9; +} + +.profile-username { + font-size: 21px; + margin-top: 5px; +} + +.post { + border-bottom: 1px solid #d9d9d9; + margin-bottom: 15px; + padding-bottom: 15px; + color: #666; +} + +.post:last-of-type { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; +} + +.post .user-block { + margin-bottom: 15px; +} + +/* + * Social Buttons for Bootstrap + * + * Copyright 2013-2015 Panayiotis Lipiridis + * Licensed under the MIT License + * + * https://github.com/lipis/bootstrap-social + */ +.btn-social { + position: relative; + padding-left: 44px; + text-align: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.btn-social> :first-child { + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 32px; + line-height: 34px; + font-size: 1.6em; + text-align: center; + border-right: 1px solid rgba(0, 0, 0, 0.2); +} + +.btn-social.btn-lg { + padding-left: 61px; +} + +.btn-social.btn-lg> :first-child { + line-height: 45px; + width: 45px; + font-size: 1.8em; +} + +.btn-social.btn-sm { + padding-left: 38px; +} + +.btn-social.btn-sm> :first-child { + line-height: 28px; + width: 28px; + font-size: 1.4em; +} + +.btn-social.btn-xs { + padding-left: 30px; +} + +.btn-social.btn-xs> :first-child { + line-height: 20px; + width: 20px; + font-size: 1.2em; +} + +.btn-social-icon { + position: relative; + padding-left: 44px; + text-align: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + height: 34px; + width: 34px; + padding: 0; +} + +.btn-social-icon> :first-child { + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 32px; + line-height: 34px; + font-size: 1.6em; + text-align: center; + border-right: 1px solid rgba(0, 0, 0, 0.2); +} + +.btn-social-icon.btn-lg { + padding-left: 61px; +} + +.btn-social-icon.btn-lg> :first-child { + line-height: 45px; + width: 45px; + font-size: 1.8em; +} + +.btn-social-icon.btn-sm { + padding-left: 38px; +} + +.btn-social-icon.btn-sm> :first-child { + line-height: 28px; + width: 28px; + font-size: 1.4em; +} + +.btn-social-icon.btn-xs { + padding-left: 30px; +} + +.btn-social-icon.btn-xs> :first-child { + line-height: 20px; + width: 20px; + font-size: 1.2em; +} + +.btn-social-icon> :first-child { + border: none; + text-align: center; + width: 100%; +} + +.btn-social-icon.btn-lg { + height: 45px; + width: 45px; + padding-left: 0; + padding-right: 0; +} + +.btn-social-icon.btn-sm { + height: 30px; + width: 30px; + padding-left: 0; + padding-right: 0; +} + +.btn-social-icon.btn-xs { + height: 22px; + width: 22px; + padding-left: 0; + padding-right: 0; +} + +.btn-adn { + color: #ffffff; + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-adn:focus, +.btn-adn.focus { + color: #ffffff; + background-color: #ce563f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-adn:hover { + color: #ffffff; + background-color: #ce563f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-adn:active, +.btn-adn.active, +.open>.dropdown-toggle.btn-adn { + color: #ffffff; + background-color: #ce563f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-adn:active, +.btn-adn.active, +.open>.dropdown-toggle.btn-adn { + background-image: none; +} + +.btn-adn .badge { + color: #d87a68; + background-color: #ffffff; +} + +.btn-bitbucket { + color: #ffffff; + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-bitbucket:focus, +.btn-bitbucket.focus { + color: #ffffff; + background-color: #163758; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-bitbucket:hover { + color: #ffffff; + background-color: #163758; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-bitbucket:active, +.btn-bitbucket.active, +.open>.dropdown-toggle.btn-bitbucket { + color: #ffffff; + background-color: #163758; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-bitbucket:active, +.btn-bitbucket.active, +.open>.dropdown-toggle.btn-bitbucket { + background-image: none; +} + +.btn-bitbucket .badge { + color: #205081; + background-color: #ffffff; +} + +.btn-dropbox { + color: #ffffff; + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-dropbox:focus, +.btn-dropbox.focus { + color: #ffffff; + background-color: #0d6aad; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-dropbox:hover { + color: #ffffff; + background-color: #0d6aad; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-dropbox:active, +.btn-dropbox.active, +.open>.dropdown-toggle.btn-dropbox { + color: #ffffff; + background-color: #0d6aad; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-dropbox:active, +.btn-dropbox.active, +.open>.dropdown-toggle.btn-dropbox { + background-image: none; +} + +.btn-dropbox .badge { + color: #1087dd; + background-color: #ffffff; +} + +.btn-facebook { + color: #ffffff; + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-facebook:focus, +.btn-facebook.focus { + color: #ffffff; + background-color: #2d4373; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-facebook:hover { + color: #ffffff; + background-color: #2d4373; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-facebook:active, +.btn-facebook.active, +.open>.dropdown-toggle.btn-facebook { + color: #ffffff; + background-color: #2d4373; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-facebook:active, +.btn-facebook.active, +.open>.dropdown-toggle.btn-facebook { + background-image: none; +} + +.btn-facebook .badge { + color: #3b5998; + background-color: #ffffff; +} + +.btn-flickr { + color: #ffffff; + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-flickr:focus, +.btn-flickr.focus { + color: #ffffff; + background-color: #cc006a; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-flickr:hover { + color: #ffffff; + background-color: #cc006a; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-flickr:active, +.btn-flickr.active, +.open>.dropdown-toggle.btn-flickr { + color: #ffffff; + background-color: #cc006a; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-flickr:active, +.btn-flickr.active, +.open>.dropdown-toggle.btn-flickr { + background-image: none; +} + +.btn-flickr .badge { + color: #ff0084; + background-color: #ffffff; +} + +.btn-foursquare { + color: #ffffff; + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-foursquare:focus, +.btn-foursquare.focus { + color: #ffffff; + background-color: #f71752; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-foursquare:hover { + color: #ffffff; + background-color: #f71752; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-foursquare:active, +.btn-foursquare.active, +.open>.dropdown-toggle.btn-foursquare { + color: #ffffff; + background-color: #f71752; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-foursquare:active, +.btn-foursquare.active, +.open>.dropdown-toggle.btn-foursquare { + background-image: none; +} + +.btn-foursquare .badge { + color: #f94877; + background-color: #ffffff; +} + +.btn-github { + color: #ffffff; + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-github:focus, +.btn-github.focus { + color: #ffffff; + background-color: #2b2b2b; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-github:hover { + color: #ffffff; + background-color: #2b2b2b; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-github:active, +.btn-github.active, +.open>.dropdown-toggle.btn-github { + color: #ffffff; + background-color: #2b2b2b; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-github:active, +.btn-github.active, +.open>.dropdown-toggle.btn-github { + background-image: none; +} + +.btn-github .badge { + color: #444444; + background-color: #ffffff; +} + +.btn-google { + color: #ffffff; + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-google:focus, +.btn-google.focus { + color: #ffffff; + background-color: #c23321; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-google:hover { + color: #ffffff; + background-color: #c23321; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-google:active, +.btn-google.active, +.open>.dropdown-toggle.btn-google { + color: #ffffff; + background-color: #c23321; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-google:active, +.btn-google.active, +.open>.dropdown-toggle.btn-google { + background-image: none; +} + +.btn-google .badge { + color: #dd4b39; + background-color: #ffffff; +} + +.btn-instagram { + color: #ffffff; + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-instagram:focus, +.btn-instagram.focus { + color: #ffffff; + background-color: #305777; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-instagram:hover { + color: #ffffff; + background-color: #305777; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-instagram:active, +.btn-instagram.active, +.open>.dropdown-toggle.btn-instagram { + color: #ffffff; + background-color: #305777; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-instagram:active, +.btn-instagram.active, +.open>.dropdown-toggle.btn-instagram { + background-image: none; +} + +.btn-instagram .badge { + color: #3f729b; + background-color: #ffffff; +} + +.btn-linkedin { + color: #ffffff; + background-color: #3b8c82; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-linkedin:focus, +.btn-linkedin.focus { + color: #ffffff; + background-color: #005983; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-linkedin:hover { + color: #ffffff; + background-color: #005983; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-linkedin:active, +.btn-linkedin.active, +.open>.dropdown-toggle.btn-linkedin { + color: #ffffff; + background-color: #005983; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-linkedin:active, +.btn-linkedin.active, +.open>.dropdown-toggle.btn-linkedin { + background-image: none; +} + +.btn-linkedin .badge { + color: #3b8c82; + background-color: #ffffff; +} + +.btn-microsoft { + color: #ffffff; + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-microsoft:focus, +.btn-microsoft.focus { + color: #ffffff; + background-color: #125acd; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-microsoft:hover { + color: #ffffff; + background-color: #125acd; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-microsoft:active, +.btn-microsoft.active, +.open>.dropdown-toggle.btn-microsoft { + color: #ffffff; + background-color: #125acd; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-microsoft:active, +.btn-microsoft.active, +.open>.dropdown-toggle.btn-microsoft { + background-image: none; +} + +.btn-microsoft .badge { + color: #2672ec; + background-color: #ffffff; +} + +.btn-openid { + color: #ffffff; + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-openid:focus, +.btn-openid.focus { + color: #ffffff; + background-color: #da7908; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-openid:hover { + color: #ffffff; + background-color: #da7908; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-openid:active, +.btn-openid.active, +.open>.dropdown-toggle.btn-openid { + color: #ffffff; + background-color: #da7908; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-openid:active, +.btn-openid.active, +.open>.dropdown-toggle.btn-openid { + background-image: none; +} + +.btn-openid .badge { + color: #f7931e; + background-color: #ffffff; +} + +.btn-pinterest { + color: #ffffff; + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-pinterest:focus, +.btn-pinterest.focus { + color: #ffffff; + background-color: #9f191f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-pinterest:hover { + color: #ffffff; + background-color: #9f191f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-pinterest:active, +.btn-pinterest.active, +.open>.dropdown-toggle.btn-pinterest { + color: #ffffff; + background-color: #9f191f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-pinterest:active, +.btn-pinterest.active, +.open>.dropdown-toggle.btn-pinterest { + background-image: none; +} + +.btn-pinterest .badge { + color: #cb2027; + background-color: #ffffff; +} + +.btn-reddit { + color: #000000; + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-reddit:focus, +.btn-reddit.focus { + color: #000000; + background-color: #bcddff; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-reddit:hover { + color: #000000; + background-color: #bcddff; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-reddit:active, +.btn-reddit.active, +.open>.dropdown-toggle.btn-reddit { + color: #000000; + background-color: #bcddff; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-reddit:active, +.btn-reddit.active, +.open>.dropdown-toggle.btn-reddit { + background-image: none; +} + +.btn-reddit .badge { + color: #eff7ff; + background-color: #000000; +} + +.btn-soundcloud { + color: #ffffff; + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-soundcloud:focus, +.btn-soundcloud.focus { + color: #ffffff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-soundcloud:hover { + color: #ffffff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-soundcloud:active, +.btn-soundcloud.active, +.open>.dropdown-toggle.btn-soundcloud { + color: #ffffff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-soundcloud:active, +.btn-soundcloud.active, +.open>.dropdown-toggle.btn-soundcloud { + background-image: none; +} + +.btn-soundcloud .badge { + color: #ff5500; + background-color: #ffffff; +} + +.btn-tumblr { + color: #ffffff; + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-tumblr:focus, +.btn-tumblr.focus { + color: #ffffff; + background-color: #1c2d3f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-tumblr:hover { + color: #ffffff; + background-color: #1c2d3f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-tumblr:active, +.btn-tumblr.active, +.open>.dropdown-toggle.btn-tumblr { + color: #ffffff; + background-color: #1c2d3f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-tumblr:active, +.btn-tumblr.active, +.open>.dropdown-toggle.btn-tumblr { + background-image: none; +} + +.btn-tumblr .badge { + color: #2c4762; + background-color: #ffffff; +} + +.btn-twitter { + color: #ffffff; + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-twitter:focus, +.btn-twitter.focus { + color: #ffffff; + background-color: #2795e9; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-twitter:hover { + color: #ffffff; + background-color: #2795e9; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-twitter:active, +.btn-twitter.active, +.open>.dropdown-toggle.btn-twitter { + color: #ffffff; + background-color: #2795e9; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-twitter:active, +.btn-twitter.active, +.open>.dropdown-toggle.btn-twitter { + background-image: none; +} + +.btn-twitter .badge { + color: #55acee; + background-color: #ffffff; +} + +.btn-vimeo { + color: #ffffff; + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vimeo:focus, +.btn-vimeo.focus { + color: #ffffff; + background-color: #1295bf; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vimeo:hover { + color: #ffffff; + background-color: #1295bf; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vimeo:active, +.btn-vimeo.active, +.open>.dropdown-toggle.btn-vimeo { + color: #ffffff; + background-color: #1295bf; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vimeo:active, +.btn-vimeo.active, +.open>.dropdown-toggle.btn-vimeo { + background-image: none; +} + +.btn-vimeo .badge { + color: #1ab7ea; + background-color: #ffffff; +} + +.btn-vk { + color: #ffffff; + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vk:focus, +.btn-vk.focus { + color: #ffffff; + background-color: #466482; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vk:hover { + color: #ffffff; + background-color: #466482; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vk:active, +.btn-vk.active, +.open>.dropdown-toggle.btn-vk { + color: #ffffff; + background-color: #466482; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-vk:active, +.btn-vk.active, +.open>.dropdown-toggle.btn-vk { + background-image: none; +} + +.btn-vk .badge { + color: #587ea3; + background-color: #ffffff; +} + +.btn-yahoo { + color: #ffffff; + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-yahoo:focus, +.btn-yahoo.focus { + color: #ffffff; + background-color: #500a6f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-yahoo:hover { + color: #ffffff; + background-color: #500a6f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-yahoo:active, +.btn-yahoo.active, +.open>.dropdown-toggle.btn-yahoo { + color: #ffffff; + background-color: #500a6f; + border-color: rgba(0, 0, 0, 0.2); +} + +.btn-yahoo:active, +.btn-yahoo.active, +.open>.dropdown-toggle.btn-yahoo { + background-image: none; +} + +.btn-yahoo .badge { + color: #720e9e; + background-color: #ffffff; +} + +/* + * Plugin: Full Calendar + * --------------------- + */ +.fc-button { + background: #f4f4f4; + background-image: none; + color: #444; + border-color: #ddd; + border-bottom-color: #ddd; +} + +.fc-button:hover, +.fc-button:active, +.fc-button.hover { + background-color: #e9e9e9; +} + +.fc-header-title h2 { + font-size: 15px; + line-height: 1.6em; + color: #666; + margin-left: 10px; +} + +.fc-header-right { + padding-right: 10px; +} + +.fc-header-left { + padding-left: 10px; +} + +.fc-widget-header { + background: #f2f2f2; +} + +.fc-grid { + width: 100%; + border: 0; +} + +.fc-widget-header:first-of-type, +.fc-widget-content:first-of-type { + border-left: 0; + border-right: 0; +} + +.fc-widget-header:last-of-type, +.fc-widget-content:last-of-type { + border-right: 0; +} + +.fc-toolbar { + padding: 10px; + margin: 0; +} + +.fc-day-number { + font-size: 20px; + font-weight: 300; + padding-right: 10px; +} + +.fc-color-picker { + list-style: none; + margin: 0; + padding: 0; +} + +.fc-color-picker>li { + float: left; + font-size: 30px; + margin-right: 5px; + line-height: 30px; +} + +.fc-color-picker>li .fa { + -webkit-transition: -webkit-transform linear 0.3s; + -moz-transition: -moz-transform linear 0.3s; + -o-transition: -o-transform linear 0.3s; + transition: transform linear 0.3s; +} + +.fc-color-picker>li .fa:hover { + -webkit-transform: rotate(30deg); + -ms-transform: rotate(30deg); + -o-transform: rotate(30deg); + transform: rotate(30deg); +} + +#add-new-event { + -webkit-transition: all linear 0.3s; + -o-transition: all linear 0.3s; + transition: all linear 0.3s; +} + +.external-event { + padding: 5px 10px; + font-weight: bold; + margin-bottom: 4px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 3px; + cursor: move; +} + +.external-event:hover { + box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); +} + +/* + * Plugin: Select2 + * --------------- + */ +.select2-container--default.select2-container--focus, +.select2-selection.select2-container--focus, +.select2-container--default:focus, +.select2-selection:focus, +.select2-container--default:active, +.select2-selection:active { + outline: none; +} + +.select2-container--default .select2-selection--single, +.select2-selection .select2-selection--single { + border: 1px solid #d9d9d9; + border-radius: 0; + padding: 6px 12px; + height: 34px; +} + +.select2-container--default.select2-container--open { + border-color: #6699cc; +} + +.select2-dropdown { + border: 1px solid #d9d9d9; + border-radius: 0; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #6699cc; + color: white; +} + +.select2-results__option { + padding: 6px 12px; + user-select: none; + -webkit-user-select: none; +} + +.select2-container .select2-selection--single .select2-selection__rendered { + padding-left: 0; + padding-right: 0; + height: auto; + margin-top: -4px; +} + +.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { + padding-right: 6px; + padding-left: 20px; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + height: 28px; + right: 3px; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow b { + margin-top: 0; +} + +.select2-dropdown .select2-search__field, +.select2-search--inline .select2-search__field { + border: 1px solid #d9d9d9; +} + +.select2-dropdown .select2-search__field:focus, +.select2-search--inline .select2-search__field:focus { + outline: none; + border: 1px solid #6699cc; +} + +.select2-container--default .select2-results__option[aria-disabled=true] { + color: #999; +} + +.select2-container--default .select2-results__option[aria-selected=true] { + background-color: #ddd; +} + +.select2-container--default .select2-results__option[aria-selected=true], +.select2-container--default .select2-results__option[aria-selected=true]:hover { + color: #444; +} + +.select2-container--default .select2-selection--multiple { + border: 1px solid #d9d9d9; + border-radius: 0; +} + +.select2-container--default .select2-selection--multiple:focus { + border-color: #6699cc; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #d9d9d9; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6699cc; + border-color: #538cc6; + padding: 1px 10px; + color: #fff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + margin-right: 5px; + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container .select2-selection--single .select2-selection__rendered { + padding-right: 10px; +} + +/* + * General: Miscellaneous + * ---------------------- + */ +.pad { + padding: 10px; +} + +.margin { + margin: 10px; +} + +.margin-bottom { + margin-bottom: 20px; +} + +.margin-bottom-none { + margin-bottom: 0; +} + +.margin-r-5 { + margin-right: 5px; +} + +.inline { + display: inline; +} + +.description-block { + display: block; + margin: 10px 0; + text-align: center; +} + +.description-block.margin-bottom { + margin-bottom: 25px; +} + +.description-block>.description-header { + margin: 0; + padding: 0; + font-weight: 600; + font-size: 16px; +} + +.description-block>.description-text { + text-transform: uppercase; +} + +.bg-red, +.bg-yellow, +.bg-aqua, +.bg-blue, +.bg-light-blue, +.bg-green, +.bg-navy, +.bg-teal, +.bg-olive, +.bg-lime, +.bg-orange, +.bg-fuchsia, +.bg-purple, +.bg-maroon, +.bg-black, +.bg-red-active, +.bg-yellow-active, +.bg-aqua-active, +.bg-blue-active, +.bg-light-blue-active, +.bg-green-active, +.bg-navy-active, +.bg-teal-active, +.bg-olive-active, +.bg-lime-active, +.bg-orange-active, +.bg-fuchsia-active, +.bg-purple-active, +.bg-maroon-active, +.bg-black-active, +.callout.callout-danger, +.callout.callout-warning, +.callout.callout-info, +.callout.callout-success, +.alert-success, +.alert-danger, +.alert-error, +.alert-warning, +.alert-info, +.label-danger, +.label-info, +.label-warning, +.label-primary, +.label-success, +.modal-primary .modal-body, +.modal-primary .modal-header, +.modal-primary .modal-footer, +.modal-warning .modal-body, +.modal-warning .modal-header, +.modal-warning .modal-footer, +.modal-info .modal-body, +.modal-info .modal-header, +.modal-info .modal-footer, +.modal-success .modal-body, +.modal-success .modal-header, +.modal-success .modal-footer, +.modal-danger .modal-body, +.modal-danger .modal-header, +.modal-danger .modal-footer { + color: #fff !important; +} + +.bg-gray { + color: #000; + background-color: #d9d9d9 !important; +} + +.bg-gray-light { + background-color: #f7f7f7; +} + +.bg-black { + background-color: #1b2b34 !important; +} + +.bg-red, +.callout.callout-danger, +.alert-danger, +.alert-error, +.label-danger, +.modal-danger .modal-body { + background-color: #ec5f67 !important; +} + +.bg-yellow, +.callout.callout-warning, +.alert-warning, +.label-warning, +.modal-warning .modal-body { + background-color: #fac863 !important; +} + +.bg-aqua, +.callout.callout-info, +.alert-info, +.label-info, +.modal-info .modal-body { + background-color: #a3c1e0 !important; +} + +.bg-blue { + background-color: #4080bf !important; +} + +.bg-light-blue, +.label-primary, +.modal-primary .modal-body { + background-color: #6699cc !important; +} + +.bg-green, +.callout.callout-success, +.alert-success, +.label-success, +.modal-success .modal-body { + background-color: #99c794 !important; +} + +.bg-navy { + background-color: #343d46 !important; +} + +.bg-teal { + background-color: #5fb3b3 !important; +} + +.bg-olive { + background-color: #588b8b !important; +} + +.bg-lime { + background-color: #b0d4b0 !important; +} + +.bg-orange { + background-color: #f99157 !important; +} + +.bg-fuchsia { + background-color: #aa62aa !important; +} + +.bg-purple { + background-color: #c594c5 !important; +} + +.bg-maroon { + background-color: #ab7967 !important; +} + +.bg-valueboxgreen1 { + color: #333 !important; + background-color: #dfffef !important; +} + +.bg-valueboxgreen2 { + color: #333 !important; + background-color: #dcffee !important; +} + +.bg-valueboxred1 { + color: #333 !important; + background-color: #ffeeda !important; +} + +.bg-valueboxred2 { + color: #333 !important; + background-color: #ffedd6 !important; +} + +.small-box .icon-large { + color: rgba(0, 0, 0, 0.05); +} + +.bg-gray-active { + color: #000; + background-color: #3c3c3c !important; +} + +.bg-black-active { + background-color: #0a0f12 !important; +} + +.bg-red-active, +.modal-danger .modal-header, +.modal-danger .modal-footer { + background-color: #e9444d !important; +} + +.bg-yellow-active, +.modal-warning .modal-header, +.modal-warning .modal-footer { + background-color: #f9be45 !important; +} + +.bg-aqua-active, +.modal-info .modal-header, +.modal-info .modal-footer { + background-color: #8cb2d8 !important; +} + +.bg-blue-active { + background-color: #336699 !important; +} + +.bg-light-blue-active, +.modal-primary .modal-header, +.modal-primary .modal-footer { + background-color: #4f8ac4 !important; +} + +.bg-green-active, +.modal-success .modal-header, +.modal-success .modal-footer { + background-color: #89be83 !important; +} + +.bg-navy-active { + background-color: #303840 !important; +} + +.bg-teal-active { + background-color: #50a8a8 !important; +} + +.bg-olive-active { + background-color: #4e7b7b !important; +} + +.bg-lime-active { + background-color: #9fcb9f !important; +} + +.bg-orange-active { + background-color: #f8813e !important; +} + +.bg-fuchsia-active { + background-color: #9d559d !important; +} + +.bg-purple-active { + background-color: #bc83bc !important; +} + +.bg-maroon-active { + background-color: #a6705d !important; +} + +[class^="bg-"].disabled { + opacity: 0.65; + filter: alpha(opacity=65); +} + +.text-red { + color: #ec5f67 !important; +} + +.text-yellow { + color: #fac863 !important; +} + +.text-aqua { + color: #a3c1e0 !important; +} + +.text-blue { + color: #4080bf !important; +} + +.text-black { + color: #1b2b34 !important; +} + +.text-light-blue { + color: #6699cc !important; +} + +.text-green { + color: #99c794 !important; +} + +.text-gray { + color: #d9d9d9 !important; +} + +.text-navy { + color: #343d46 !important; +} + +.text-teal { + color: #5fb3b3 !important; +} + +.text-olive { + color: #588b8b !important; +} + +.text-lime { + color: #b0d4b0 !important; +} + +.text-orange { + color: #f99157 !important; +} + +.text-fuchsia { + color: #aa62aa !important; +} + +.text-purple { + color: #c594c5 !important; +} + +.text-maroon { + color: #ab7967 !important; +} + +.link-muted { + color: #090909; +} + +.link-muted:hover, +.link-muted:focus { + color: #000000; +} + +.link-black { + color: #666; +} + +.link-black:hover, +.link-black:focus { + color: #999; +} + +.hide { + display: none !important; +} + +.no-border { + border: 0 !important; +} + +.no-padding { + padding: 0 !important; +} + +.no-margin { + margin: 0 !important; +} + +.no-shadow { + box-shadow: none !important; +} + +.list-unstyled, +.chart-legend, +.contacts-list, +.users-list, +.mailbox-attachments { + list-style: none; + margin: 0; + padding: 0; +} + +.list-group-unbordered>.list-group-item { + border-left: 0; + border-right: 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; +} + +.flat { + border-radius: 0 !important; +} + +.text-bold, +.text-bold.table td, +.text-bold.table th { + font-weight: 700; +} + +.text-sm { + font-size: 12px; +} + +.jqstooltip { + padding: 5px !important; + width: auto !important; + height: auto !important; +} + +.bg-teal-gradient { + background: #5fb3b3 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fb3b3), color-stop(1, #96cdcd)) !important; + background: -ms-linear-gradient(bottom, #5fb3b3, #96cdcd) !important; + background: -moz-linear-gradient(center bottom, #5fb3b3 0%, #96cdcd 100%) !important; + background: -o-linear-gradient(#96cdcd, #5fb3b3) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96cdcd', endColorstr='#5fb3b3', GradientType=0) !important; + color: #fff; +} + +.bg-light-blue-gradient { + background: #6699cc !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6699cc), color-stop(1, #94b8db)) !important; + background: -ms-linear-gradient(bottom, #6699cc, #94b8db) !important; + background: -moz-linear-gradient(center bottom, #6699cc 0%, #94b8db 100%) !important; + background: -o-linear-gradient(#94b8db, #6699cc) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94b8db', endColorstr='#6699cc', GradientType=0) !important; + color: #fff; +} + +.bg-blue-gradient { + background: #4080bf !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4080bf), color-stop(1, #5b92c8)) !important; + background: -ms-linear-gradient(bottom, #4080bf, #5b92c8) !important; + background: -moz-linear-gradient(center bottom, #4080bf 0%, #5b92c8 100%) !important; + background: -o-linear-gradient(#5b92c8, #4080bf) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b92c8', endColorstr='#4080bf', GradientType=0) !important; + color: #fff; +} + +.bg-aqua-gradient { + background: #a3c1e0 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a3c1e0), color-stop(1, #bed3e9)) !important; + background: -ms-linear-gradient(bottom, #a3c1e0, #bed3e9) !important; + background: -moz-linear-gradient(center bottom, #a3c1e0 0%, #bed3e9 100%) !important; + background: -o-linear-gradient(#bed3e9, #a3c1e0) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed3e9', endColorstr='#a3c1e0', GradientType=0) !important; + color: #fff; +} + +.bg-yellow-gradient { + background: #fac863 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fac863), color-stop(1, #fde4b2)) !important; + background: -ms-linear-gradient(bottom, #fac863, #fde4b2) !important; + background: -moz-linear-gradient(center bottom, #fac863 0%, #fde4b2 100%) !important; + background: -o-linear-gradient(#fde4b2, #fac863) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde4b2', endColorstr='#fac863', GradientType=0) !important; + color: #fff; +} + +.bg-purple-gradient { + background: #c594c5 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c594c5), color-stop(1, #e2c9e2)) !important; + background: -ms-linear-gradient(bottom, #c594c5, #e2c9e2) !important; + background: -moz-linear-gradient(center bottom, #c594c5 0%, #e2c9e2 100%) !important; + background: -o-linear-gradient(#e2c9e2, #c594c5) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2c9e2', endColorstr='#c594c5', GradientType=0) !important; + color: #fff; +} + +.bg-green-gradient { + background: #99c794 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #99c794), color-stop(1, #afd3ab)) !important; + background: -ms-linear-gradient(bottom, #99c794, #afd3ab) !important; + background: -moz-linear-gradient(center bottom, #99c794 0%, #afd3ab 100%) !important; + background: -o-linear-gradient(#afd3ab, #99c794) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afd3ab', endColorstr='#99c794', GradientType=0) !important; + color: #fff; +} + +.bg-red-gradient { + background: #ec5f67 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ec5f67), color-stop(1, #f18d92)) !important; + background: -ms-linear-gradient(bottom, #ec5f67, #f18d92) !important; + background: -moz-linear-gradient(center bottom, #ec5f67 0%, #f18d92 100%) !important; + background: -o-linear-gradient(#f18d92, #ec5f67) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18d92', endColorstr='#ec5f67', GradientType=0) !important; + color: #fff; +} + +.bg-black-gradient { + background: #1b2b34 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1b2b34), color-stop(1, #2c4756)) !important; + background: -ms-linear-gradient(bottom, #1b2b34, #2c4756) !important; + background: -moz-linear-gradient(center bottom, #1b2b34 0%, #2c4756 100%) !important; + background: -o-linear-gradient(#2c4756, #1b2b34) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4756', endColorstr='#1b2b34', GradientType=0) !important; + color: #fff; +} + +.bg-maroon-gradient { + background: #ab7967 !important; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ab7967), color-stop(1, #bd9688)) !important; + background: -ms-linear-gradient(bottom, #ab7967, #bd9688) !important; + background: -moz-linear-gradient(center bottom, #ab7967 0%, #bd9688 100%) !important; + background: -o-linear-gradient(#bd9688, #ab7967) !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd9688', endColorstr='#ab7967', GradientType=0) !important; + color: #fff; +} + +.description-block .description-icon { + font-size: 16px; +} + +.no-pad-top { + padding-top: 0; +} + +.position-static { + position: static !important; +} + +.list-header { + font-size: 15px; + padding: 10px 4px; + font-weight: bold; + color: #666; +} + +.list-seperator { + height: 1px; + background: #f4f4f4; + margin: 15px 0 9px 0; +} + +.list-link>a { + padding: 4px; + color: #777; +} + +.list-link>a:hover { + color: #222; +} + +.font-light { + font-weight: 300; +} + +.user-block:before, +.user-block:after { + content: " "; + display: table; +} + +.user-block:after { + clear: both; +} + +.user-block img { + width: 40px; + height: 40px; + float: left; +} + +.user-block .username, +.user-block .description, +.user-block .comment { + display: block; + margin-left: 50px; +} + +.user-block .username { + font-size: 16px; + font-weight: 600; +} + +.user-block .description { + color: #999; + font-size: 13px; +} + +.user-block.user-block-sm .username, +.user-block.user-block-sm .description, +.user-block.user-block-sm .comment { + margin-left: 40px; +} + +.user-block.user-block-sm .username { + font-size: 14px; +} + +.img-sm, +.img-md, +.img-lg, +.box-comments .box-comment img, +.user-block.user-block-sm img { + float: left; +} + +.img-sm, +.box-comments .box-comment img, +.user-block.user-block-sm img { + width: 30px !important; + height: 30px !important; +} + +.img-sm+.img-push { + margin-left: 40px; +} + +.img-md { + width: 60px; + height: 60px; +} + +.img-md+.img-push { + margin-left: 70px; +} + +.img-lg { + width: 100px; + height: 100px; +} + +.img-lg+.img-push { + margin-left: 110px; +} + +.img-bordered { + border: 3px solid #d9d9d9; + padding: 3px; +} + +.img-bordered-sm { + border: 2px solid #d9d9d9; + padding: 2px; +} + +.attachment-block { + border: 1px solid #f4f4f4; + padding: 5px; + margin-bottom: 10px; + background: #f7f7f7; +} + +.attachment-block .attachment-img { + max-width: 100px; + max-height: 100px; + height: auto; + float: left; +} + +.attachment-block .attachment-pushed { + margin-left: 110px; +} + +.attachment-block .attachment-heading { + margin: 0; +} + +.attachment-block .attachment-text { + color: #555; +} + +.connectedSortable { + min-height: 100px; +} + +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.sort-highlight { + background: #f4f4f4; + border: 1px dashed #ddd; + margin-bottom: 10px; +} + +.full-opacity-hover { + opacity: 0.65; + filter: alpha(opacity=65); +} + +.full-opacity-hover:hover { + opacity: 1; + filter: alpha(opacity=100); +} + +.chart { + position: relative; + overflow: hidden; + width: 100%; +} + +.chart svg, +.chart canvas { + width: 100% !important; +} + +/* + * Misc: print + * ----------- + */ +@media print { + + .no-print, + .main-sidebar, + .left-side, + .main-header, + .content-header { + display: none !important; + } + + .content-wrapper, + .right-side, + .main-footer { + margin-left: 0 !important; + min-height: 0 !important; + -webkit-transform: translate(0, 0) !important; + -ms-transform: translate(0, 0) !important; + -o-transform: translate(0, 0) !important; + transform: translate(0, 0) !important; + } + + .fixed .content-wrapper, + .fixed .right-side { + padding-top: 0 !important; + } + + .invoice { + width: 100%; + border: 0; + margin: 0; + padding: 0; + } + + .invoice-col { + float: left; + width: 33.3333333%; + } + + .table-responsive { + overflow: auto; + } + + .table-responsive>.table tr th, + .table-responsive>.table tr td { + white-space: normal !important; + } +} diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.min.css b/custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.min.css new file mode 100755 index 00000000..347cbf2f --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/AdminLTE.min.css @@ -0,0 +1,7 @@ +/*! + * AdminLTE v2.3.8 + * Author: Almsaeed Studio + * Website: Almsaeed Studio + * License: Open source - MIT + * Please visit http://opensource.org/licenses/MIT for more information +!*/html,body{height:100%}.layout-boxed html,.layout-boxed body{height:100%}body{font-weight:400;overflow-x:hidden;overflow-y:auto}.wrapper{height:100%;position:relative;overflow-x:hidden;overflow-y:auto}.wrapper:before,.wrapper:after{content:" ";display:table}.wrapper:after{clear:both}.layout-boxed .wrapper{max-width:1250px;margin:0 auto;min-height:100%;box-shadow:0 0 8px rgba(0,0,0,0.5);position:relative}.layout-boxed{background:url('../img/boxed-bg.jpg') repeat fixed}.content-wrapper,.right-side,.main-footer{-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;transition:transform .3s ease-in-out,margin .3s ease-in-out;margin-left:230px;z-index:820;overflow:auto}.layout-top-nav .content-wrapper,.layout-top-nav .right-side,.layout-top-nav .main-footer{margin-left:0}@media(max-width:767px){.content-wrapper,.right-side,.main-footer{margin-left:0}}@media(min-width:768px){.sidebar-collapse .content-wrapper,.sidebar-collapse .right-side,.sidebar-collapse .main-footer{margin-left:0}}@media(max-width:767px){.sidebar-open .content-wrapper,.sidebar-open .right-side,.sidebar-open .main-footer{-webkit-transform:translate(230px,0);-ms-transform:translate(230px,0);-o-transform:translate(230px,0);transform:translate(230px,0)}}.content-wrapper,.right-side{min-height:250px;background-color:#f2f2f2;z-index:800}.main-footer{background:#fff;padding:15px;color:#444;#border-top:1px solid #d9d9d9}.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed}.fixed .main-header{top:0;right:0;left:0}.fixed .content-wrapper,.fixed .right-side{padding-top:50px}@media(max-width:767px){.fixed .content-wrapper,.fixed .right-side{padding-top:100px}}.fixed.layout-boxed .wrapper{max-width:100%}body.hold-transition .content-wrapper,body.hold-transition .right-side,body.hold-transition .main-footer,body.hold-transition .main-sidebar,body.hold-transition .left-side,body.hold-transition .main-header .navbar,body.hold-transition .main-header .logo{-webkit-transition:none;-o-transition:none;transition:none}.content{min-height:250px;padding:15px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}a{color:#2e6d65}a:hover,a:active,a:focus{outline:0;text-decoration:none;color:#474747}.page-header{margin:10px 0 20px 0;font-size:22px}.page-header>small{color:#666;display:block;margin-top:5px}.main-header{position:relative;max-height:100px;z-index:1030}.main-header .navbar{-webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:230px;border:0;min-height:50px;border-radius:0}.layout-top-nav .main-header .navbar{margin-left:0}.main-header #navbar-search-input.form-control{background:rgba(255,255,255,0.2);border-color:transparent}.main-header #navbar-search-input.form-control:focus,.main-header #navbar-search-input.form-control:active{border-color:rgba(0,0,0,0.1);background:rgba(255,255,255,0.9)}.main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}.main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}.main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}@media(max-width:991px){.main-header .navbar-custom-menu a,.main-header .navbar-right a{color:inherit;background:transparent}}@media(max-width:767px){.main-header .navbar-right{float:none}.navbar-collapse .main-header .navbar-right{margin:7.5px -15px}.main-header .navbar-right>li{color:inherit;border:0}}.main-header .sidebar-toggle{float:left;background-color:transparent;background-image:none;padding:15px 15px;font-family:fontAwesome,'Font Awesome 5 Free'}.main-header .sidebar-toggle:before{content:"\f0c9"}.main-header .sidebar-toggle:hover{color:#fff}.main-header .sidebar-toggle:focus,.main-header .sidebar-toggle:active{background:transparent}.main-header .sidebar-toggle .icon-bar{display:none}.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}.main-header .navbar .nav>li>a>.label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9}.main-header .logo{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;float:left;height:50px;font-size:20px;line-height:50px;text-align:center;width:230px;padding:0 15px;overflow:hidden}.main-header .logo .logo-lg{display:block}.main-header .logo .logo-mini{display:none}.main-header .navbar-brand{color:#fff}.content-header{position:relative;padding:15px 15px 0 15px}.content-header>h1{margin:0;font-size:24px}.content-header>h1>small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}.content-header>.breadcrumb{float:right;background:transparent;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;border-radius:2px}.content-header>.breadcrumb>li>a{color:#444;text-decoration:none;display:inline-block}.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}.content-header>.breadcrumb>li+li:before{content:'>\00a0'}@media(max-width:991px){.content-header>.breadcrumb{position:relative;margin-top:5px;top:0;right:0;float:none;background:#d9d9d9;padding-left:10px}.content-header>.breadcrumb li:before{color:#222}}.navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px}@media(max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left}.navbar-custom-menu .navbar-nav{margin:0;float:left}.navbar-custom-menu .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;line-height:20px}}@media(max-width:767px){.main-header{position:relative}.main-header .logo,.main-header .navbar{width:100%;float:none}.main-header .navbar{margin:0}.main-header .navbar-custom-menu{float:right}}@media(max-width:991px){.navbar-collapse.pull-left{float:none!important}.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}}.main-sidebar,.left-side{position:absolute;top:0;left:0;padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}@media(max-width:767px){.main-sidebar,.left-side{padding-top:100px}}@media(max-width:767px){.main-sidebar,.left-side{-webkit-transform:translate(-230px,0);-ms-transform:translate(-230px,0);-o-transform:translate(-230px,0);transform:translate(-230px,0)}}@media(min-width:768px){.sidebar-collapse .main-sidebar,.sidebar-collapse .left-side{-webkit-transform:translate(-230px,0);-ms-transform:translate(-230px,0);-o-transform:translate(-230px,0);transform:translate(-230px,0)}}@media(max-width:767px){.sidebar-open .main-sidebar,.sidebar-open .left-side{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}.sidebar{padding-bottom:10px}.sidebar-form input:focus{border-color:transparent}.user-panel{position:relative;width:100%;padding:10px;overflow:hidden}.user-panel:before,.user-panel:after{content:" ";display:table}.user-panel:after{clear:both}.user-panel>.image>img{width:100%;max-width:45px;height:auto}.user-panel>.info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:55px}.user-panel>.info>p{font-weight:600;margin-bottom:9px}.user-panel>.info>a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px}.user-panel>.info>a>.fa,.user-panel>.info>a>.ion,.user-panel>.info>a>.glyphicon{margin-right:3px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu>li{position:relative;margin:0;padding:0}.sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:20px}.sidebar-menu>li .label,.sidebar-menu>li .badge{margin-right:5px}.sidebar-menu>li .badge{margin-top:3px}.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px}.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px}.sidebar-menu li>a>.fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px}.sidebar-menu li.active>a>.fa-angle-left,.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.sidebar-menu li.active>.treeview-menu{display:block}.sidebar-menu .treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px}.sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}.sidebar-menu .treeview-menu>li{margin:0}.sidebar-menu .treeview-menu>li>a{padding:5px 5px 5px 15px;display:block;font-size:14px}.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px}.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down,.sidebar-menu .treeview-menu>li>a>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.fa-angle-down{width:auto}@media(min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px!important;z-index:840}.sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);width:50px!important;z-index:850}.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:block!important;position:absolute;width:180px;left:50px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{position:relative!important;float:right;width:auto!important;left:180px!important;top:-22px!important;z-index:900}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:44px;margin-left:0}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none!important;-webkit-transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{display:none}.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}}.sidebar-menu,.main-sidebar .user-panel,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu:hover{overflow:visible}.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}.sidebar-menu li>a{position:relative}.sidebar-menu li>a>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.control-sidebar-bg{position:fixed;z-index:1000;bottom:0}.control-sidebar-bg,.control-sidebar{top:0;right:-230px;width:230px;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out}.control-sidebar{position:absolute;padding-top:50px;z-index:1010}@media(max-width:768px){.control-sidebar{padding-top:100px}}.control-sidebar>.tab-content{padding:10px 15px}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}.control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar{right:0}@media(min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{margin-right:230px}}.nav-tabs.control-sidebar-tabs>li:first-of-type>a,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus{border-left-width:0}.nav-tabs.control-sidebar-tabs>li>a{border-radius:0}.nav-tabs.control-sidebar-tabs>li>a,.nav-tabs.control-sidebar-tabs>li>a:hover{border-top:0;border-right:0;border-left:1px solid transparent;border-bottom:1px solid transparent}.nav-tabs.control-sidebar-tabs>li>a .icon{font-size:16px}.nav-tabs.control-sidebar-tabs>li.active>a,.nav-tabs.control-sidebar-tabs>li.active>a:hover,.nav-tabs.control-sidebar-tabs>li.active>a:focus,.nav-tabs.control-sidebar-tabs>li.active>a:active{border-top:0;border-right:0;border-bottom:0}@media(max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}.nav-tabs.control-sidebar-tabs>li{display:table-cell}}.control-sidebar-heading{font-weight:400;font-size:16px;padding:10px 0;margin-bottom:10px}.control-sidebar-subheading{display:block;font-weight:400;font-size:14px}.control-sidebar-menu{list-style:none;padding:0;margin:0 -15px}.control-sidebar-menu>li>a{display:block;padding:10px 15px}.control-sidebar-menu>li>a:before,.control-sidebar-menu>li>a:after{content:" ";display:table}.control-sidebar-menu>li>a:after{clear:both}.control-sidebar-menu>li>a>.control-sidebar-subheading{margin-top:0}.control-sidebar-menu .menu-icon{float:left;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px}.control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}.control-sidebar-menu .menu-info>.control-sidebar-subheading{margin:0}.control-sidebar-menu .menu-info>p{margin:0;font-size:11px}.control-sidebar-menu .progress{margin:0}.control-sidebar-dark{color:#a7adba}.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#343d46}.control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#2d353d}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a{background:#293037;color:#a7adba}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus{border-left-color:#252b32;border-bottom-color:#252b32}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active{background:#2d353d}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{color:#fff}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active{background:#343d46;color:#fff}.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff}.control-sidebar-dark .control-sidebar-menu>li>a:hover{background:#303840}.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p{color:#a7adba}.control-sidebar-light{color:#657583}.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#fff;border-left:1px solid #d9d9d9}.control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d9d9d9}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a{background:#eaedf1;color:#4f5b66}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus{border-left-color:#d9d9d9;border-bottom-color:#d9d9d9}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active{background:#f0f2f5}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active{background:#fff;color:#111}.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}.control-sidebar-light .control-sidebar-menu{margin-left:-14px}.control-sidebar-light .control-sidebar-menu>li>a:hover{background:#d9d9d9}.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p{color:#657583}.dropdown-menu{box-shadow:none;border-color:#eee}.dropdown-menu>li>a{color:#777}.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.ion{margin-right:10px}.dropdown-menu>li>a:hover{background-color:#626262;color:#333}.dropdown-menu>.divider{background-color:#eee}.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{width:280px;padding:0;margin:0;top:100%}.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{position:relative}.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#fff;padding:7px 10px;border-bottom:1px solid #f4f4f4;color:#444;font-size:14px}.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px;background-color:#fff;padding:7px 10px;border-bottom:1px solid #eee;color:#444!important;text-align:center}@media(max-width:991px){.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background:#fff!important;color:#444!important}}.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{text-decoration:none;font-weight:normal}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{max-height:200px;margin:0;padding:0;list-style:none;overflow-x:hidden}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{display:block;white-space:nowrap;border-bottom:1px solid #f4f4f4}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{color:#444;overflow:hidden;text-overflow:ellipsis;padding:10px}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{width:20px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{margin:0;padding:10px 10px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{margin:auto 10px auto auto;width:40px;height:40px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{padding:0;margin:0 0 0 45px;color:#444;font-size:15px;position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{color:#999;font-size:10px;position:absolute;top:0;right:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{margin:0 0 0 45px;font-size:12px;color:#888}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{content:" ";display:table}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{clear:both}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{padding:10px}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{font-size:14px;padding:0;margin:0 0 10px 0;color:#666}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{padding:0;margin:0}.navbar-nav>.user-menu>.dropdown-menu{border-top-right-radius:0;border-top-left-radius:0;padding:1px 0 0 0;border-top-width:0;width:280px}.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{z-index:5;height:90px;width:90px;border:3px solid;border-color:transparent;border-color:rgba(255,255,255,0.2)}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{z-index:5;color:#fff;color:rgba(255,255,255,0.8);font-size:17px;margin-top:10px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{display:block;font-size:12px}.navbar-nav>.user-menu>.dropdown-menu>.user-body{padding:15px;border-bottom:1px solid #f4f4f4;border-top:1px solid #ddd}.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:#444!important}@media(max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-body a{background:#fff!important;color:#444!important}}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f9f9f9;padding:10px}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#666}@media(max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav>.user-menu .user-image{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px}@media(max-width:767px){.navbar-nav>.user-menu .user-image{float:none;margin-right:0;margin-top:-8px;line-height:10px}}.open:not(.dropup)>.animated-dropdown-menu{backface-visibility:visible!important;-webkit-animation:flipInX .7s both;-o-animation:flipInX .7s both;animation:flipInX .7s both}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px)}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px)}}.navbar-custom-menu>.navbar-nav>li{position:relative}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:0;left:auto}@media(max-width:991px){.navbar-custom-menu>.navbar-nav{float:right}.navbar-custom-menu>.navbar-nav>li{position:static}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:5%;left:auto;border:1px solid #ddd;background:#fff}}.form-control{border-radius:0;box-shadow:none;border-color:#d9d9d9}.form-control:focus{border-color:#69c;box-shadow:none}.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}.form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group.has-success label{color:#99c794}.form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#99c794;box-shadow:none}.form-group.has-success .help-block{color:#99c794}.form-group.has-warning label{color:#fac863}.form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#fac863;box-shadow:none}.form-group.has-warning .help-block{color:#fac863}.form-group.has-error label{color:#ec5f67}.form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#ec5f67;box-shadow:none}.form-group.has-error .help-block{color:#ec5f67}.input-group .input-group-addon{border-radius:0;border-color:#d9d9d9;background-color:#fff}.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}.icheck>label{padding-left:0}.form-control-feedback.fa{line-height:34px}.input-lg+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fa,.form-group-lg .form-control+.form-control-feedback.fa{line-height:46px}.input-sm+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fa,.form-group-sm .form-control+.form-control-feedback.fa{line-height:30px}.progress,.progress>.progress-bar{-webkit-box-shadow:none;box-shadow:none}.progress,.progress>.progress-bar,.progress .progress-bar,.progress>.progress-bar .progress-bar{border-radius:1px}.progress.sm,.progress-sm{height:10px}.progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px}.progress.xs,.progress-xs{height:7px}.progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px}.progress.xxs,.progress-xxs{height:3px}.progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px}.progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px}.progress.vertical>.progress-bar{width:100%;position:absolute;bottom:0}.progress.vertical.sm,.progress.vertical.progress-sm{width:20px}.progress.vertical.xs,.progress.vertical.progress-xs{width:10px}.progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px}.progress-group .progress-text{font-weight:600}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#69c}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-green,.progress-bar-success{background-color:#99c794}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#a3c1e0}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-yellow,.progress-bar-warning{background-color:#fac863}.progress-striped .progress-bar-yellow,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-red,.progress-bar-danger{background-color:#ec5f67}.progress-striped .progress-bar-red,.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.small-box>.inner{padding:10px}.small-box>.small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}.small-box>.small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}.small-box h3{font-size:38px;font-weight:bold;margin:0 0 10px 0;white-space:nowrap;padding:0}.small-box p{font-size:15px}.small-box p>small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}.small-box h3,.small-box p{z-index:5}.small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:-10px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15)}.small-box:hover{text-decoration:none;color:#f9f9f9}.small-box:hover .icon{font-size:95px}@media(max-width:767px){.small-box{text-align:center}.small-box .icon{display:none}.small-box p{font-size:12px}}.box{position:relative;border-radius:3px;background:#fff;border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.box.box-primary{border-top-color:#69c}.box.box-info{border-top-color:#a3c1e0}.box.box-danger{border-top-color:#ec5f67}.box.box-warning{border-top-color:#fac863}.box.box-success{border-top-color:#99c794}.box.box-default{border-top-color:#d9d9d9}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}.box .nav-stacked>li:last-of-type{border-bottom:0}.box.height-control .box-body{max-height:300px;overflow:auto}.box .border-right{border-right:1px solid #f4f4f4}.box .border-left{border-left:1px solid #f4f4f4}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,0.1)}.box.box-solid.box-default{border:1px solid #555}.box.box-solid.box-default>.box-header{color:#444;background:#555;background-color:#555}.box.box-solid.box-default>.box-header a,.box.box-solid.box-default>.box-header .btn{color:#444}.box.box-solid.box-primary{border:1px solid #69c}.box.box-solid.box-primary>.box-header{color:#fff;background:#69c;background-color:#69c}.box.box-solid.box-primary>.box-header a,.box.box-solid.box-primary>.box-header .btn{color:#fff}.box.box-solid.box-info{border:1px solid #a3c1e0}.box.box-solid.box-info>.box-header{color:#fff;background:#a3c1e0;background-color:#a3c1e0}.box.box-solid.box-info>.box-header a,.box.box-solid.box-info>.box-header .btn{color:#fff}.box.box-solid.box-danger{border:1px solid #ec5f67}.box.box-solid.box-danger>.box-header{color:#fff;background:#ec5f67;background-color:#ec5f67}.box.box-solid.box-danger>.box-header a,.box.box-solid.box-danger>.box-header .btn{color:#fff}.box.box-solid.box-warning{border:1px solid #fac863}.box.box-solid.box-warning>.box-header{color:#fff;background:#fac863;background-color:#fac863}.box.box-solid.box-warning>.box-header a,.box.box-solid.box-warning>.box-header .btn{color:#fff}.box.box-solid.box-success{border:1px solid #99c794}.box.box-solid.box-success>.box-header{color:#fff;background:#99c794;background-color:#99c794}.box.box-solid.box-success>.box-header a,.box.box-solid.box-success>.box-header .btn{color:#fff}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*='bg']>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:.3em}.box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img{position:absolute;top:0;left:0;width:100%;height:100%}.box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,0.7);border-radius:3px}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,0.5)}.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{content:" ";display:table}.box-header:after,.box-body:after,.box-footer:after{clear:both}.box-header{color:#444;display:block;padding:10px;position:relative}.box-header.with-border{border-bottom:1px solid #f4f4f4}.collapsed-box .box-header.with-border{border-bottom:0}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title{display:inline-block;font-size:18px;margin:0;line-height:1}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}.box-header>.box-tools{position:absolute;right:10px;top:5px}.box-header>.box-tools [data-toggle="tooltip"]{position:relative}.box-header>.box-tools.pull-right .dropdown-menu{right:0;left:auto}.box-header>.box-tools .dropdown-menu>li>a{color:#444!important}.btn-box-tool{padding:5px;font-size:12px;background:transparent;color:#97a0b3}.open .btn-box-tool,.btn-box-tool:hover{color:#606c84}.btn-box-tool.btn:active{box-shadow:none}.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}.no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px}.box-body>.table{margin-bottom:0}.box-body .fc{margin-top:5px}.box-body .full-width-chart{margin:-19px}.box-body.no-padding .full-width-chart{margin:-9px}.box-body .box-pane{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px}.box-body .box-pane-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0}.box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px;background-color:#fff}.chart-legend{margin:10px 0}@media(max-width:991px){.chart-legend>li{float:left;margin-right:10px}}.box-comments{background:#f7f7f7}.box-comments .box-comment{padding:8px 0;border-bottom:1px solid #eee}.box-comments .box-comment:before,.box-comments .box-comment:after{content:" ";display:table}.box-comments .box-comment:after{clear:both}.box-comments .box-comment:last-of-type{border-bottom:0}.box-comments .box-comment:first-of-type{padding-top:0}.box-comments .box-comment img{float:left}.box-comments .comment-text{margin-left:40px;color:#555}.box-comments .username{color:#444;display:block;font-weight:600}.box-comments .text-muted{font-weight:400;font-size:12px}.todo-list{margin:0;padding:0;list-style:none;overflow:auto}.todo-list>li{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:2px;border-left:2px solid #e6e7e8;color:#444}.todo-list>li:last-of-type{margin-bottom:0}.todo-list>li>input[type='checkbox']{margin:0 10px 0 5px}.todo-list>li .text{display:inline-block;margin-left:5px;font-weight:600}.todo-list>li .label{margin-left:10px;font-size:9px}.todo-list>li .tools{display:none;float:right;color:#ec5f67}.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion{margin-right:5px;cursor:pointer}.todo-list>li:hover .tools{display:inline-block}.todo-list>li.done{color:#999}.todo-list>li.done .text{text-decoration:line-through;font-weight:500}.todo-list>li.done .label{background:#d9d9d9!important}.todo-list .danger{border-left-color:#ec5f67}.todo-list .warning{border-left-color:#fac863}.todo-list .info{border-left-color:#a3c1e0}.todo-list .success{border-left-color:#99c794}.todo-list .primary{border-left-color:#69c}.todo-list .handle{display:inline-block;cursor:move;margin:0 5px}.chat{padding:5px 20px 5px 10px}.chat .item{margin-bottom:10px}.chat .item:before,.chat .item:after{content:" ";display:table}.chat .item:after{clear:both}.chat .item>img{width:40px;height:40px;border:2px solid transparent;border-radius:50%}.chat .item>.online{border:2px solid #99c794}.chat .item>.offline{border:2px solid #ec5f67}.chat .item>.message{margin-left:55px;margin-top:-40px}.chat .item>.message>.name{display:block;font-weight:600}.chat .item>.attachment{border-radius:3px;background:#f4f4f4;margin-left:65px;margin-right:15px;padding:10px}.chat .item>.attachment>h4{margin:0 0 5px 0;font-weight:600;font-size:14px}.chat .item>.attachment>p,.chat .item>.attachment>.filename{font-weight:600;font-size:13px;font-style:italic;margin:0}.chat .item>.attachment:before,.chat .item>.attachment:after{content:" ";display:table}.chat .item>.attachment:after{clear:both}.box-input{max-width:200px}.modal .panel-body{color:#444}.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,0.2)}.info-box-icon>img{max-width:100%}.info-box-content{padding:5px 10px;margin-left:90px}.info-box-number{display:block;font-weight:bold;font-size:18px}.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none}.timeline:before{content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px}.timeline>li{position:relative;margin-right:10px;margin-bottom:15px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-item{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:60px;margin-right:15px;padding:0;position:relative}.timeline>li>.timeline-item>.time{color:#999;float:right;padding:10px;font-size:12px}.timeline>li>.timeline-item>.timeline-header{margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:16px;line-height:1.1}.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px}.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d9d9d9;border-radius:50%;text-align:center;left:18px;top:0}.timeline>.time-label>span{font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px}.timeline-inverse>li>.timeline-item{background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none}.timeline-inverse>li>.timeline-item>.timeline-header{border-bottom-color:#ddd}.btn{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;border:1px solid transparent}.btn.uppercase{text-transform:uppercase}.btn.btn-flat{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:1px}.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:focus{outline:0}.btn.btn-file{position:relative;overflow:hidden}.btn.btn-file>input[type='file']{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;filter:alpha(opacity=0);outline:0;background:white;cursor:inherit;display:block}.btn-default{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#e7e7e7}.btn-primary{background-color:#69c;border-color:#538cc6}.btn-primary:hover,.btn-primary:active,.btn-primary.hover{background-color:#538cc6}.btn-success{background-color:#99c794;border-color:#89be83}.btn-success:hover,.btn-success:active,.btn-success.hover{background-color:#89be83}.btn-info{background-color:#a3c1e0;border-color:#90b4da}.btn-info:hover,.btn-info:active,.btn-info.hover{background-color:#90b4da}.btn-danger{background-color:#ec5f67;border-color:#e94851}.btn-danger:hover,.btn-danger:active,.btn-danger.hover{background-color:#e94851}.btn-warning{background-color:#fac863;border-color:#f9bf4a}.btn-warning:hover,.btn-warning:active,.btn-warning.hover{background-color:#f9bf4a}.btn-outline{border:1px solid #fff;background:transparent;color:#fff}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7)}.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn[class*='bg-']:hover{-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.2);box-shadow:inset 0 0 100px rgba(0,0,0,0.2)}.btn-app{border-radius:3px;position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;text-align:center;color:#666;border:1px solid #ddd;background-color:#f4f4f4;font-size:12px}.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{font-size:20px;display:block}.btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa}.btn-app:active,.btn-app:focus{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-app>.badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}.callout{border-radius:3px;margin:0 0 20px 0;padding:15px 30px 15px 15px;border-left:5px solid #eee}.callout a{color:#fff;text-decoration:underline}.callout a:hover{color:#eee}.callout h4{margin-top:0;font-weight:600}.callout p:last-child{margin-bottom:0}.callout code,.callout .highlight{background-color:#fff}.callout.callout-danger{border-color:#e7313c}.callout.callout-warning{border-color:#f8b732}.callout.callout-info{border-color:#7da7d3}.callout.callout-success{border-color:#79b573}.alert{border-radius:3px}.alert h4{font-weight:600}.alert .icon{margin-right:10px}.alert .close{color:#000;opacity:.2;filter:alpha(opacity=20)}.alert .close:hover{opacity:.5;filter:alpha(opacity=50)}.alert a{color:#fff;text-decoration:underline}.alert-success{border-color:#89be83}.alert-danger,.alert-error{border-color:#e94851}.alert-warning{border-color:#f9bf4a}.alert-info{border-color:#90b4da}.nav>li>a:hover,.nav>li>a:active,.nav>li>a:focus{color:#444;background:#f7f7f7}.nav-pills>li>a{border-radius:0;border-top:3px solid transparent;color:#444}.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{margin-right:5px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{border-top-color:#69c}.nav-pills>li.active>a{font-weight:600}.nav-stacked>li>a{border-radius:0;border-top:0;border-left:3px solid transparent;color:#444}.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover{background:transparent;color:#444;border-top:0;border-left-color:#69c}.nav-stacked>li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.nav-tabs-custom{margin-bottom:20px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px}.nav-tabs-custom>.nav-tabs{margin:0;border-bottom-color:#f4f4f4;border-top-right-radius:3px;border-top-left-radius:3px}.nav-tabs-custom>.nav-tabs>li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}.nav-tabs-custom>.nav-tabs>li>a{color:#444;border-radius:0}.nav-tabs-custom>.nav-tabs>li>a.text-muted{color:#999}.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{background:transparent;margin:0}.nav-tabs-custom>.nav-tabs>li>a:hover{color:#999}.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active{border-color:transparent}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:#69c}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li.active:hover>a{background-color:#fff;color:#444}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:transparent;border-left-color:#f4f4f4;border-right-color:#f4f4f4}.nav-tabs-custom>.nav-tabs>li:first-of-type{margin-left:0}.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{border-left-color:transparent}.nav-tabs-custom>.nav-tabs.pull-right{float:none!important}.nav-tabs-custom>.nav-tabs.pull-right>li{float:right}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{margin-right:0}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{border-left-width:1px}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{border-left-color:#f4f4f4;border-right-color:transparent}.nav-tabs-custom>.nav-tabs>li.header{line-height:35px;padding:0 10px;font-size:20px;color:#444}.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{margin-right:5px}.nav-tabs-custom>.tab-content{background:#fff;padding:10px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{background:transparent;color:#999}.nav-tabs-custom.tab-primary>.nav-tabs>li.active{border-top-color:#69c}.nav-tabs-custom.tab-info>.nav-tabs>li.active{border-top-color:#a3c1e0}.nav-tabs-custom.tab-danger>.nav-tabs>li.active{border-top-color:#ec5f67}.nav-tabs-custom.tab-warning>.nav-tabs>li.active{border-top-color:#fac863}.nav-tabs-custom.tab-success>.nav-tabs>li.active{border-top-color:#99c794}.nav-tabs-custom.tab-default>.nav-tabs>li.active{border-top-color:#d9d9d9}.pagination>li>a{background:#f2f2f2;color:#666}.pagination.pagination-flat>li>a{border-radius:0!important}.products-list{list-style:none;margin:0;padding:0}.products-list>.item{border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:10px 0;background:#fff}.products-list>.item:before,.products-list>.item:after{content:" ";display:table}.products-list>.item:after{clear:both}.products-list .product-img{float:left}.products-list .product-img img{width:50px;height:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{display:block;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-list-in-box>.item{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border-bottom:1px solid #f4f4f4}.product-list-in-box>.item:last-of-type{border-bottom-width:0}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:1px solid #f4f4f4}.table>thead>tr>th{border-bottom:2px solid #f4f4f4}.table tr td .progress{margin-top:5px}.table-bordered{border:1px solid #f4f4f4}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #f4f4f4}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table.no-border,.table.no-border td,.table.no-border th{border:0}table.text-center,table.text-center td,table.text-center th{text-align:center}.table.align th{text-align:left}.table.align td{text-align:right}.label-default{background-color:#d9d9d9;color:#444}.direct-chat .box-body{border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow-x:hidden;padding:0}.direct-chat.chat-pane-open .direct-chat-contacts{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.direct-chat-messages{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);padding:10px;height:250px;overflow:auto}.direct-chat-msg,.direct-chat-text{display:block}.direct-chat-msg{margin-bottom:10px}.direct-chat-msg:before,.direct-chat-msg:after{content:" ";display:table}.direct-chat-msg:after{clear:both}.direct-chat-messages,.direct-chat-contacts{-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:transform .5s ease-in-out}.direct-chat-text{border-radius:5px;position:relative;padding:5px 10px;background:#d9d9d9;border:1px solid #d9d9d9;margin:5px 0 0 50px;color:#444}.direct-chat-text:after,.direct-chat-text:before{position:absolute;right:100%;top:15px;border:solid transparent;border-right-color:#d9d9d9;content:' ';height:0;width:0;pointer-events:none}.direct-chat-text:after{border-width:5px;margin-top:-5px}.direct-chat-text:before{border-width:6px;margin-top:-6px}.right .direct-chat-text{margin-right:50px;margin-left:0}.right .direct-chat-text:after,.right .direct-chat-text:before{right:auto;left:100%;border-right-color:transparent;border-left-color:#d9d9d9}.direct-chat-img{border-radius:50%;float:left;width:40px;height:40px}.right .direct-chat-img{float:right}.direct-chat-info{display:block;margin-bottom:2px;font-size:12px}.direct-chat-name{font-weight:600}.direct-chat-timestamp{color:#999}.direct-chat-contacts-open .direct-chat-contacts{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.direct-chat-contacts{-webkit-transform:translate(101%,0);-ms-transform:translate(101%,0);-o-transform:translate(101%,0);transform:translate(101%,0);position:absolute;top:0;bottom:0;height:250px;width:100%;background:#222d32;color:#fff;overflow:auto}.contacts-list>li{border-bottom:1px solid rgba(0,0,0,0.2);padding:10px;margin:0}.contacts-list>li:before,.contacts-list>li:after{content:" ";display:table}.contacts-list>li:after{clear:both}.contacts-list>li:last-of-type{border-bottom:0}.contacts-list-img{border-radius:50%;width:40px;float:left}.contacts-list-info{margin-left:45px;color:#fff}.contacts-list-name,.contacts-list-status{display:block}.contacts-list-name{font-weight:600}.contacts-list-status{font-size:12px}.contacts-list-date{color:#aaa;font-weight:normal}.contacts-list-msg{color:#999}.direct-chat-danger .right>.direct-chat-text{background:#ec5f67;border-color:#ec5f67;color:#fff}.direct-chat-danger .right>.direct-chat-text:after,.direct-chat-danger .right>.direct-chat-text:before{border-left-color:#ec5f67}.direct-chat-primary .right>.direct-chat-text{background:#69c;border-color:#69c;color:#fff}.direct-chat-primary .right>.direct-chat-text:after,.direct-chat-primary .right>.direct-chat-text:before{border-left-color:#69c}.direct-chat-warning .right>.direct-chat-text{background:#fac863;border-color:#fac863;color:#fff}.direct-chat-warning .right>.direct-chat-text:after,.direct-chat-warning .right>.direct-chat-text:before{border-left-color:#fac863}.direct-chat-info .right>.direct-chat-text{background:#a3c1e0;border-color:#a3c1e0;color:#fff}.direct-chat-info .right>.direct-chat-text:after,.direct-chat-info .right>.direct-chat-text:before{border-left-color:#a3c1e0}.direct-chat-success .right>.direct-chat-text{background:#99c794;border-color:#99c794;color:#fff}.direct-chat-success .right>.direct-chat-text:after,.direct-chat-success .right>.direct-chat-text:before{border-left-color:#99c794}.users-list>li{width:25%;float:left;padding:10px;text-align:center}.users-list>li img{border-radius:50%;max-width:100%;height:auto}.users-list>li>a:hover,.users-list>li>a:hover .users-list-name{color:#999}.users-list-name,.users-list-date{display:block}.users-list-name{font-weight:600;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.users-list-date{color:#999;font-size:12px}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.modal{background:rgba(0,0,0,0.3)}.modal-content{border-radius:0;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125);border:0}@media(min-width:768px){.modal-content{-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125)}}.modal-header{border-bottom-color:#f4f4f4}.modal-footer{border-top-color:#f4f4f4}.modal-primary .modal-header,.modal-primary .modal-footer{border-color:#407fbf}.modal-warning .modal-header,.modal-warning .modal-footer{border-color:#f8b732}.modal-info .modal-header,.modal-info .modal-footer{border-color:#7da7d3}.modal-success .modal-header,.modal-success .modal-footer{border-color:#79b573}.modal-danger .modal-header,.modal-danger .modal-footer{border-color:#e7313c}.box-widget{border:0;position:relative}.widget-user .widget-user-header{padding:20px;height:120px;border-top-right-radius:3px;border-top-left-radius:3px}.widget-user .widget-user-username{margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;text-shadow:0 1px 1px rgba(0,0,0,0.2)}.widget-user .widget-user-desc{margin-top:0}.widget-user .widget-user-image{position:absolute;top:65px;left:50%;margin-left:-45px}.widget-user .widget-user-image>img{width:90px;height:auto;border:3px solid #fff}.widget-user .box-footer{padding-top:30px}.widget-user-2 .widget-user-header{padding:20px;border-top-right-radius:3px;border-top-left-radius:3px}.widget-user-2 .widget-user-username{margin-top:5px;margin-bottom:5px;font-size:25px;font-weight:300}.widget-user-2 .widget-user-desc{margin-top:0}.widget-user-2 .widget-user-username,.widget-user-2 .widget-user-desc{margin-left:75px}.widget-user-2 .widget-user-image>img{width:65px;height:auto;float:left}.mailbox-messages>.table{margin:0}.mailbox-controls{padding:5px}.mailbox-controls.with-border{border-bottom:1px solid #f4f4f4}.mailbox-read-info{border-bottom:1px solid #f4f4f4;padding:10px}.mailbox-read-info h3{font-size:20px;margin:0}.mailbox-read-info h5{margin:0;padding:5px 0 0 0}.mailbox-read-time{color:#999;font-size:13px}.mailbox-read-message{padding:10px}.mailbox-attachments li{float:left;width:200px;border:1px solid #eee;margin-bottom:10px;margin-right:10px}.mailbox-attachment-name{font-weight:bold;color:#666}.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}.mailbox-attachment-info{padding:10px;background:#f4f4f4}.mailbox-attachment-size{color:#999;font-size:12px}.mailbox-attachment-icon{text-align:center;font-size:65px;color:#666;padding:20px 10px}.mailbox-attachment-icon.has-img{padding:0}.mailbox-attachment-icon.has-img>img{max-width:100%;height:auto}.lockscreen{background:#d9d9d9}.lockscreen-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}.lockscreen-logo a{color:#444}.lockscreen-wrapper{max-width:400px;margin:0 auto;margin-top:10%}.lockscreen .lockscreen-name{text-align:center;font-weight:600}.lockscreen-item{border-radius:4px;padding:0;background:#fff;position:relative;margin:10px auto 30px auto;width:290px}.lockscreen-image{border-radius:50%;position:absolute;left:-10px;top:-25px;background:#fff;padding:5px;z-index:10}.lockscreen-image>img{border-radius:50%;width:70px;height:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .form-control{border:0}.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}.lockscreen-footer{margin-top:10px}.login-logo,.register-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}.login-logo a,.register-logo a{color:#444}.login-page,.register-page{background:#d9d9d9}.login-box,.register-box{width:360px;margin:7% auto}@media(max-width:768px){.login-box,.register-box{width:90%;margin-top:20px}}.login-box-body,.register-box-body{background:#fff;padding:20px;border-top:0;color:#666}.login-box-body .form-control-feedback,.register-box-body .form-control-feedback{color:#777}.login-box-msg,.register-box-msg{margin:0;text-align:center;padding:0 20px 20px 20px}.social-auth-links{margin:10px 0}.error-page{width:600px;margin:20px auto 0 auto}@media(max-width:991px){.error-page{width:100%}}.error-page>.headline{float:left;font-size:100px;font-weight:300}@media(max-width:991px){.error-page>.headline{float:none;text-align:center}}.error-page>.error-content{margin-left:190px;display:block}@media(max-width:991px){.error-page>.error-content{margin-left:0}}.error-page>.error-content>h3{font-weight:300;font-size:25px}@media(max-width:991px){.error-page>.error-content>h3{text-align:center}}.invoice{position:relative;background:#fff;border:1px solid #f4f4f4;padding:20px;margin:10px 25px}.invoice-title{margin-top:0}.profile-user-img{margin:0 auto;width:100px;padding:3px;border:3px solid #d9d9d9}.profile-username{font-size:21px;margin-top:5px}.post{border-bottom:1px solid #d9d9d9;margin-bottom:15px;padding-bottom:15px;color:#666}.post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.post .user-block{margin-bottom:15px}.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}.btn-social-icon>:first-child{border:0;text-align:center;width:100%}.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}.btn-adn .badge{color:#d87a68;background-color:#fff}.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:focus,.btn-bitbucket.focus{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}.btn-bitbucket .badge{color:#205081;background-color:#fff}.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:focus,.btn-dropbox.focus{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}.btn-dropbox .badge{color:#1087dd;background-color:#fff}.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}.btn-facebook .badge{color:#3b5998;background-color:#fff}.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:focus,.btn-flickr.focus{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}.btn-flickr .badge{color:#ff0084;background-color:#fff}.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:focus,.btn-foursquare.focus{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}.btn-foursquare .badge{color:#f94877;background-color:#fff}.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:focus,.btn-github.focus{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:hover{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}.btn-github .badge{color:#444;background-color:#fff}.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}.btn-google .badge{color:#dd4b39;background-color:#fff}.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}.btn-instagram .badge{color:#3f729b;background-color:#fff}.btn-linkedin{color:#fff;background-color:#3b8c82;border-color:rgba(0,0,0,0.2)}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}.btn-linkedin .badge{color:#3b8c82;background-color:#fff}.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}.btn-microsoft .badge{color:#2672ec;background-color:#fff}.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:focus,.btn-openid.focus{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:hover{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}.btn-openid .badge{color:#f7931e;background-color:#fff}.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}.btn-pinterest .badge{color:#cb2027;background-color:#fff}.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:focus,.btn-reddit.focus{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}.btn-reddit .badge{color:#eff7ff;background-color:#000}.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:focus,.btn-soundcloud.focus{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}.btn-soundcloud .badge{color:#f50;background-color:#fff}.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:focus,.btn-tumblr.focus{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}.btn-tumblr .badge{color:#2c4762;background-color:#fff}.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}.btn-twitter .badge{color:#55acee;background-color:#fff}.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:focus,.btn-vimeo.focus{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:focus,.btn-vk.focus{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:hover{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}.btn-vk .badge{color:#587ea3;background-color:#fff}.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:focus,.btn-yahoo.focus{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}.btn-yahoo .badge{color:#720e9e;background-color:#fff}.fc-button{background:#f4f4f4;background-image:none;color:#444;border-color:#ddd;border-bottom-color:#ddd}.fc-button:hover,.fc-button:active,.fc-button.hover{background-color:#e9e9e9}.fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#f2f2f2}.fc-grid{width:100%;border:0}.fc-widget-header:first-of-type,.fc-widget-content:first-of-type{border-left:0;border-right:0}.fc-widget-header:last-of-type,.fc-widget-content:last-of-type{border-right:0}.fc-toolbar{padding:10px;margin:0}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;margin-right:5px;line-height:30px}.fc-color-picker>li .fa{-webkit-transition:-webkit-transform linear .3s;-moz-transition:-moz-transform linear .3s;-o-transition:-o-transform linear .3s;transition:transform linear .3s}.fc-color-picker>li .fa:hover{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}#add-new-event{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.external-event{padding:5px 10px;font-weight:bold;margin-bottom:4px;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;cursor:move}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,0.2)}.select2-container--default.select2-container--focus,.select2-selection.select2-container--focus,.select2-container--default:focus,.select2-selection:focus,.select2-container--default:active,.select2-selection:active{outline:0}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d9d9d9;border-radius:0;padding:6px 12px;height:34px}.select2-container--default.select2-container--open{border-color:#69c}.select2-dropdown{border:1px solid #d9d9d9;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#69c;color:white}.select2-results__option{padding:6px 12px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0;height:auto;margin-top:-4px}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d9d9d9}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:0;border:1px solid #69c}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d9d9d9;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#69c}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d9d9d9}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#69c;border-color:#538cc6;padding:1px 10px;color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255,255,255,0.7)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block>.description-header{margin:0;padding:0;font-weight:600;font-size:16px}.description-block>.description-text{text-transform:uppercase}.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,.bg-light-blue-active,.bg-green-active,.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active,.callout.callout-danger,.callout.callout-warning,.callout.callout-info,.callout.callout-success,.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info,.label-danger,.label-info,.label-warning,.label-primary,.label-success,.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,.modal-danger .modal-footer{color:#fff!important}.bg-gray{color:#000;background-color:#d9d9d9!important}.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#1b2b34!important}.bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body{background-color:#ec5f67!important}.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#fac863!important}.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#a3c1e0!important}.bg-blue{background-color:#4080bf!important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#69c!important}.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body{background-color:#99c794!important}.bg-navy{background-color:#343d46!important}.bg-teal{background-color:#5fb3b3!important}.bg-olive{background-color:#588b8b!important}.bg-lime{background-color:#b0d4b0!important}.bg-orange{background-color:#f99157!important}.bg-fuchsia{background-color:#aa62aa!important}.bg-purple{background-color:#c594c5!important}.bg-maroon{background-color:#ab7967!important}.bg-valueboxgreen1{color:#333!important;background-color:#dfffef!important}.bg-valueboxgreen2{color:#333!important;background-color:#dcffee!important}.bg-valueboxred1{color:#333!important;background-color:#ffeeda!important}.bg-valueboxred2{color:#333!important;background-color:#ffedd6!important}.small-box .icon-large{color:rgba(0,0,0,0.05)}.bg-gray-active{color:#000;background-color:#3c3c3c!important}.bg-black-active{background-color:#0a0f12!important}.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#e9444d!important}.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#f9be45!important}.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#8cb2d8!important}.bg-blue-active{background-color:#369!important}.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#4f8ac4!important}.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#89be83!important}.bg-navy-active{background-color:#303840!important}.bg-teal-active{background-color:#50a8a8!important}.bg-olive-active{background-color:#4e7b7b!important}.bg-lime-active{background-color:#9fcb9f!important}.bg-orange-active{background-color:#f8813e!important}.bg-fuchsia-active{background-color:#9d559d!important}.bg-purple-active{background-color:#bc83bc!important}.bg-maroon-active{background-color:#a6705d!important}[class^="bg-"].disabled{opacity:.65;filter:alpha(opacity=65)}.text-red{color:#ec5f67!important}.text-yellow{color:#fac863!important}.text-aqua{color:#a3c1e0!important}.text-blue{color:#4080bf!important}.text-black{color:#1b2b34!important}.text-light-blue{color:#69c!important}.text-green{color:#99c794!important}.text-gray{color:#d9d9d9!important}.text-navy{color:#343d46!important}.text-teal{color:#5fb3b3!important}.text-olive{color:#588b8b!important}.text-lime{color:#b0d4b0!important}.text-orange{color:#f99157!important}.text-fuchsia{color:#aa62aa!important}.text-purple{color:#c594c5!important}.text-maroon{color:#ab7967!important}.link-muted{color:#090909}.link-muted:hover,.link-muted:focus{color:#000}.link-black{color:#666}.link-black:hover,.link-black:focus{color:#999}.hide{display:none!important}.no-border{border:0!important}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-shadow{box-shadow:none!important}.list-unstyled,.chart-legend,.contacts-list,.users-list,.mailbox-attachments{list-style:none;margin:0;padding:0}.list-group-unbordered>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.flat{border-radius:0!important}.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}.text-sm{font-size:12px}.jqstooltip{padding:5px!important;width:auto!important;height:auto!important}.bg-teal-gradient{background:#5fb3b3!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#5fb3b3),color-stop(1,#96cdcd))!important;background:-ms-linear-gradient(bottom,#5fb3b3,#96cdcd)!important;background:-moz-linear-gradient(center bottom,#5fb3b3 0,#96cdcd 100%)!important;background:-o-linear-gradient(#96cdcd,#5fb3b3)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96cdcd',endColorstr='#5fb3b3',GradientType=0)!important;color:#fff}.bg-light-blue-gradient{background:#69c!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#69c),color-stop(1,#94b8db))!important;background:-ms-linear-gradient(bottom,#69c,#94b8db)!important;background:-moz-linear-gradient(center bottom,#69c 0,#94b8db 100%)!important;background:-o-linear-gradient(#94b8db,#69c)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94b8db',endColorstr='#6699cc',GradientType=0)!important;color:#fff}.bg-blue-gradient{background:#4080bf!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#4080bf),color-stop(1,#5b92c8))!important;background:-ms-linear-gradient(bottom,#4080bf,#5b92c8)!important;background:-moz-linear-gradient(center bottom,#4080bf 0,#5b92c8 100%)!important;background:-o-linear-gradient(#5b92c8,#4080bf)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b92c8',endColorstr='#4080bf',GradientType=0)!important;color:#fff}.bg-aqua-gradient{background:#a3c1e0!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#a3c1e0),color-stop(1,#bed3e9))!important;background:-ms-linear-gradient(bottom,#a3c1e0,#bed3e9)!important;background:-moz-linear-gradient(center bottom,#a3c1e0 0,#bed3e9 100%)!important;background:-o-linear-gradient(#bed3e9,#a3c1e0)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed3e9',endColorstr='#a3c1e0',GradientType=0)!important;color:#fff}.bg-yellow-gradient{background:#fac863!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fac863),color-stop(1,#fde4b2))!important;background:-ms-linear-gradient(bottom,#fac863,#fde4b2)!important;background:-moz-linear-gradient(center bottom,#fac863 0,#fde4b2 100%)!important;background:-o-linear-gradient(#fde4b2,#fac863)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde4b2',endColorstr='#fac863',GradientType=0)!important;color:#fff}.bg-purple-gradient{background:#c594c5!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#c594c5),color-stop(1,#e2c9e2))!important;background:-ms-linear-gradient(bottom,#c594c5,#e2c9e2)!important;background:-moz-linear-gradient(center bottom,#c594c5 0,#e2c9e2 100%)!important;background:-o-linear-gradient(#e2c9e2,#c594c5)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2c9e2',endColorstr='#c594c5',GradientType=0)!important;color:#fff}.bg-green-gradient{background:#99c794!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#99c794),color-stop(1,#afd3ab))!important;background:-ms-linear-gradient(bottom,#99c794,#afd3ab)!important;background:-moz-linear-gradient(center bottom,#99c794 0,#afd3ab 100%)!important;background:-o-linear-gradient(#afd3ab,#99c794)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afd3ab',endColorstr='#99c794',GradientType=0)!important;color:#fff}.bg-red-gradient{background:#ec5f67!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ec5f67),color-stop(1,#f18d92))!important;background:-ms-linear-gradient(bottom,#ec5f67,#f18d92)!important;background:-moz-linear-gradient(center bottom,#ec5f67 0,#f18d92 100%)!important;background:-o-linear-gradient(#f18d92,#ec5f67)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18d92',endColorstr='#ec5f67',GradientType=0)!important;color:#fff}.bg-black-gradient{background:#1b2b34!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#1b2b34),color-stop(1,#2c4756))!important;background:-ms-linear-gradient(bottom,#1b2b34,#2c4756)!important;background:-moz-linear-gradient(center bottom,#1b2b34 0,#2c4756 100%)!important;background:-o-linear-gradient(#2c4756,#1b2b34)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4756',endColorstr='#1b2b34',GradientType=0)!important;color:#fff}.bg-maroon-gradient{background:#ab7967!important;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ab7967),color-stop(1,#bd9688))!important;background:-ms-linear-gradient(bottom,#ab7967,#bd9688)!important;background:-moz-linear-gradient(center bottom,#ab7967 0,#bd9688 100%)!important;background:-o-linear-gradient(#bd9688,#ab7967)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd9688',endColorstr='#ab7967',GradientType=0)!important;color:#fff}.description-block .description-icon{font-size:16px}.no-pad-top{padding-top:0}.position-static{position:static!important}.list-header{font-size:15px;padding:10px 4px;font-weight:bold;color:#666}.list-seperator{height:1px;background:#f4f4f4;margin:15px 0 9px 0}.list-link>a{padding:4px;color:#777}.list-link>a:hover{color:#222}.font-light{font-weight:300}.user-block:before,.user-block:after{content:" ";display:table}.user-block:after{clear:both}.user-block img{width:40px;height:40px;float:left}.user-block .username,.user-block .description,.user-block .comment{display:block;margin-left:50px}.user-block .username{font-size:16px;font-weight:600}.user-block .description{color:#999;font-size:13px}.user-block.user-block-sm .username,.user-block.user-block-sm .description,.user-block.user-block-sm .comment{margin-left:40px}.user-block.user-block-sm .username{font-size:14px}.img-sm,.img-md,.img-lg,.box-comments .box-comment img,.user-block.user-block-sm img{float:left}.img-sm,.box-comments .box-comment img,.user-block.user-block-sm img{width:30px!important;height:30px!important}.img-sm+.img-push{margin-left:40px}.img-md{width:60px;height:60px}.img-md+.img-push{margin-left:70px}.img-lg{width:100px;height:100px}.img-lg+.img-push{margin-left:110px}.img-bordered{border:3px solid #d9d9d9;padding:3px}.img-bordered-sm{border:2px solid #d9d9d9;padding:2px}.attachment-block{border:1px solid #f4f4f4;padding:5px;margin-bottom:10px;background:#f7f7f7}.attachment-block .attachment-img{max-width:100px;max-height:100px;height:auto;float:left}.attachment-block .attachment-pushed{margin-left:110px}.attachment-block .attachment-heading{margin:0}.attachment-block .attachment-text{color:#555}.connectedSortable{min-height:100px}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px}.full-opacity-hover{opacity:.65;filter:alpha(opacity=65)}.full-opacity-hover:hover{opacity:1;filter:alpha(opacity=100)}.chart{position:relative;overflow:hidden;width:100%}.chart svg,.chart canvas{width:100%!important}@media print{.no-print,.main-sidebar,.left-side,.main-header,.content-header{display:none!important}.content-wrapper,.right-side,.main-footer{margin-left:0!important;min-height:0!important;-webkit-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important;transform:translate(0,0)!important}.fixed .content-wrapper,.fixed .right-side{padding-top:0!important}.invoice{width:100%;border:0;margin:0;padding:0}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr th,.table-responsive>.table tr td{white-space:normal!important}} \ No newline at end of file diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.css b/custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.css new file mode 100755 index 00000000..80e5a107 --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.css @@ -0,0 +1,161 @@ +/* + * Skin: blue + * ---------- + */ +.skin-blue .main-header .navbar { + background-color: #020b3b; +} +.skin-blue .main-header .navbar .nav > li > a { + color: #ffffff; +} +.skin-blue .main-header .navbar .nav > li > a:hover, +.skin-blue .main-header .navbar .nav > li > a:active, +.skin-blue .main-header .navbar .nav > li > a:focus, +.skin-blue .main-header .navbar .nav .open > a, +.skin-blue .main-header .navbar .nav .open > a:hover, +.skin-blue .main-header .navbar .nav .open > a:focus, +.skin-blue .main-header .navbar .nav > .active > a { + background: rgba(0, 0, 0, 0.1); + color: #f6f6f6; +} +.skin-blue .main-header .navbar .sidebar-toggle { + color: #ffffff; +} +.skin-blue .main-header .navbar .sidebar-toggle:hover { + color: #f6f6f6; + background: rgba(0, 0, 0, 0.1); +} +.skin-blue .main-header .navbar .sidebar-toggle:hover { + background-color: #041156; +} +@media (max-width: 767px) { + .skin-blue .main-header .navbar .dropdown-menu li.divider { + background-color: rgba(255, 255, 255, 0.1); + } + .skin-blue .main-header .navbar .dropdown-menu li a { + color: #fff; + } + .skin-blue .main-header .navbar .dropdown-menu li a:hover { + background: #041156; + } +} +.skin-blue .main-header .logo { + background-color: #020b3b; + color: #ffffff; + border-bottom: 0 solid transparent; +} +.skin-blue .main-header .logo:hover { + background-color: #041156; +} +.skin-blue .main-header li.user-header { + background-color: #020b3b; +} +.skin-blue .content-header { + background: transparent; +} +.skin-blue .wrapper, +.skin-blue .main-sidebar, +.skin-blue .left-side { + background-color: #f2f2f2; +} +.skin-blue .content-wrapper, +.skin-blue .main-footer { + border-left: 1px solid #d9d9d9; +} +.skin-blue .user-panel > .info, +.skin-blue .user-panel > .info > a { + color: #4f5b66; +} +.skin-blue .sidebar-menu > li { + -webkit-transition: border-left-color 0.3s ease; + -o-transition: border-left-color 0.3s ease; + transition: border-left-color 0.3s ease; +} +.skin-blue .sidebar-menu > li.header { + color: #8d9ba7; + background: #ffffff; +} +.skin-blue .sidebar-menu > li > a { + border-left: 3px solid transparent; + font-weight: 600; +} +.skin-blue .sidebar-menu > li:hover > a, +.skin-blue .sidebar-menu > li.active > a { + color: #343d46; + background: #d9d9d9; +} +.skin-blue .sidebar-menu > li.active { + border-left-color: #020b3b; +} +.skin-blue .sidebar-menu > li.active > a { + font-weight: 600; +} +.skin-blue .sidebar-menu > li > .treeview-menu { + background: #e8ecf2; +} +.skin-blue .sidebar a { + color: #4f5b66; +} +.skin-blue .sidebar a:hover { + text-decoration: none; +} +.skin-blue .treeview-menu > li > a { + color: #65737e; +} +.skin-blue .treeview-menu > li.active > a, +.skin-blue .treeview-menu > li > a:hover { + color: #343d46; +} +.skin-blue .treeview-menu > li.active > a { + font-weight: 600; +} +.skin-blue .sidebar-form { + border-radius: 3px; + border: 1px solid #d9d9d9; + margin: 10px 10px; +} +.skin-blue .sidebar-form input[type="text"], +.skin-blue .sidebar-form .btn { + box-shadow: none; + background-color: #fff; + border: 1px solid transparent; + height: 35px; +} +.skin-blue .sidebar-form input[type="text"] { + color: #666; + border-top-left-radius: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 2px; +} +.skin-blue .sidebar-form input[type="text"]:focus, +.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { + background-color: #fff; + color: #666; +} +.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { + border-left-color: #fff; +} +.skin-blue .sidebar-form .btn { + color: #999; + border-top-left-radius: 0; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; +} +@media (min-width: 768px) { + .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #d9d9d9; + } +} +.skin-blue .main-footer { + border-top-color: #d9d9d9; +} +.skin-blue.layout-top-nav .main-header > .logo { + background-color: #020b3b; + color: #ffffff; + border-bottom: 0 solid transparent; +} +.skin-blue.layout-top-nav .main-header > .logo:hover { + background-color: #041156; +} diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.min.css b/custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.min.css new file mode 100755 index 00000000..8a097ae7 --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/_all-skins.min.css @@ -0,0 +1 @@ +.skin-blue .main-header .navbar{background-color:#020b3b}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#041156}@media(max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#041156}}.skin-blue .main-header .logo{background-color:#020b3b;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#041156}.skin-blue .main-header li.user-header{background-color:#020b3b}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#f2f2f2}.skin-blue .content-wrapper,.skin-blue .main-footer{border-left:1px solid #d9d9d9}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#4f5b66}.skin-blue .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue .sidebar-menu>li.header{color:#8d9ba7;background:#fff}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#343d46;background:#d9d9d9}.skin-blue .sidebar-menu>li.active{border-left-color:#020b3b}.skin-blue .sidebar-menu>li.active>a{font-weight:600}.skin-blue .sidebar-menu>li>.treeview-menu{background:#e8ecf2}.skin-blue .sidebar a{color:#4f5b66}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#65737e}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#343d46}.skin-blue .treeview-menu>li.active>a{font-weight:600}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #d9d9d9;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d9d9d9}}.skin-blue .main-footer{border-top-color:#d9d9d9}.skin-blue.layout-top-nav .main-header>.logo{background-color:#020b3b;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#041156} \ No newline at end of file diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/custom.css b/custom-theme-vs-regular-theme/custom-theme/www/css/custom.css new file mode 100755 index 00000000..17e35e3e --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/custom.css @@ -0,0 +1,64 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&family=Roboto:wght@400;700&display=swap'); + +* { + font-family: 'Roboto', sans-serif; +} + +/* H1 - H6 font */ +h1, h2, .h1, .h2 { + font-family: 'Roboto Slab', sans-serif; + color: #2e87c8; +} + +h3, +h4, +h5, +h6, +.h3, +.h4, +.h5, +.h6 { + font-family: 'Roboto Slab', sans-serif; + color: #333333; +} + +.sidebar { + color: #333333; +} + +.btn-icon-right { + float: right !important; + padding-top: 0.22em; + padding-left: 0.25em; +} + +.scroll-overflow-x { + overflow-x: auto; +} + +.irs-bar { + border-top: 1px solid #333333; + border-bottom: 1px solid #333333; + background: #333333; +} + +.irs-from, .irs-to, .irs-single { + background: #333333; +} + +#loading { + position: fixed; + width: calc(100% - 230px); + height: 100vh; + padding-top: 100px; + text-align: center; + font-size: 100%; + color: #000000; + background-color: #f2f2f2; + z-index: 800; +} + +.main-header .logo { + font-family: 'Roboto Slab', sans-serif; + font-weight: 700; +} diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/custom.min.css b/custom-theme-vs-regular-theme/custom-theme/www/css/custom.min.css new file mode 100755 index 00000000..5c55cb97 --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/custom.min.css @@ -0,0 +1 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&family=Roboto:wght@400;700&display=swap');*{font-family:'Roboto',sans-serif}h1,h2,.h1,.h2{font-family:'Roboto Slab',sans-serif;color:#2e87c8}h3,h4,h5,h6,.h3,.h4,.h5,.h6{font-family:'Roboto Slab',sans-serif;color:#333}.sidebar{color:#333}.btn-icon-right{float:right!important;padding-top:.22em;padding-left:.25em}.scroll-overflow-x{overflow-x:auto}.irs-bar{border-top:1px solid #333;border-bottom:1px solid #333;background:#333}.irs-from,.irs-to,.irs-single{background:#333}#loading{position:fixed;width:calc(100% - 230px);height:100vh;padding-top:100px;text-align:center;font-size:100%;color:#000;background-color:#f2f2f2;z-index:800}.main-header .logo{font-family:'Roboto Slab',sans-serif;font-weight:700} \ No newline at end of file diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.css b/custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.css new file mode 100644 index 00000000..1ae9d268 --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.css @@ -0,0 +1,264 @@ +@charset "UTF-8"; +/* 'shiny' skin for Ion.RangeSlider, largely based on the 'big' skin, but with smaller dimensions, grayscale grid text, and without gradients +© RStudio, Inc, 2014 +© Denis Ineshin, 2014 https://github.com/IonDen +© guybowden, 2014 https://github.com/guybowden +*/ +.irs { + position: relative; + display: block; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + /* https://github.com/rstudio/shiny/issues/3443 */ + /* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: border-box; +} + +.irs *, .irs *:before, .irs *:after { + box-sizing: inherit; +} + +.irs-line { + position: relative; + display: block; + overflow: hidden; + outline: none !important; +} + +.irs-bar { + position: absolute; + display: block; + left: 0; + width: 0; +} + +.irs-shadow { + position: absolute; + display: none; + left: 0; + width: 0; +} + +.irs-handle { + position: absolute; + display: block; + box-sizing: border-box; + cursor: pointer; + z-index: 1; +} + +.irs-handle.type_last { + z-index: 2; +} + +.irs-min, .irs-max { + position: absolute; + display: block; + cursor: default; +} + +.irs-min { + left: 0; +} + +.irs-max { + right: 0; +} + +.irs-from, .irs-to, .irs-single { + position: absolute; + display: block; + top: 0; + left: 0; + cursor: default; + white-space: nowrap; +} + +.irs-grid { + position: absolute; + display: none; + bottom: 0; + left: 0; + width: 100%; + height: 20px; +} + +.irs-with-grid .irs-grid { + display: block; +} + +.irs-grid-pol { + position: absolute; + top: 0; + left: 0; + width: 1px; + height: 8px; +} + +.irs-grid-pol.small { + height: 4px; +} + +.irs-grid-text { + position: absolute; + bottom: 0; + left: 0; + white-space: nowrap; + text-align: center; + font-size: 9px; + line-height: 9px; + padding: 0 3px; +} + +.irs-disable-mask { + position: absolute; + display: block; + top: 0; + left: -1%; + width: 102%; + height: 100%; + cursor: default; + background: rgba(0, 0, 0, 0); + z-index: 2; +} + +.lt-ie9 .irs-disable-mask { + background: #000; + filter: alpha(opacity=0); + cursor: not-allowed; +} + +.irs-disabled { + opacity: 0.4; +} + +.irs-hidden-input { + position: absolute !important; + display: block !important; + top: 0 !important; + left: 0 !important; + width: 0 !important; + height: 0 !important; + font-size: 0 !important; + line-height: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow: hidden; + outline: none !important; + z-index: -9999 !important; + background: none !important; + border-style: solid !important; + border-color: transparent !important; +} + +.irs { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +.irs--shiny { + height: 40px; +} + +.irs--shiny.irs-with-grid { + height: 60px; +} + +.irs--shiny .irs-line { + top: 25px; + height: 8px; + background: linear-gradient(to bottom, #dedede -50%, #fff 150%); + background-color: #ededed; + border: 1px solid #cccccc; + border-radius: 8px; +} + +.irs--shiny .irs-bar { + top: 25px; + height: 8px; + border-top: 1px solid #020b3b; + border-bottom: 1px solid #020b3b; + background: #020b3b; +} + +.irs--shiny .irs-bar--single { + border-radius: 8px 0 0 8px; +} + +.irs--shiny .irs-shadow { + top: 38px; + height: 2px; + background: rgba(0, 0, 0, 0.3); + border-radius: 5px; +} + +.irs--shiny .lt-ie9 .irs-shadow { + filter: alpha(opacity=30); +} + +.irs--shiny .irs-handle { + top: 17px; + width: 22px; + height: 22px; + border: 1px solid #ababab; + background-color: #dedede; + box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.3); + border-radius: 22px; +} + +.irs--shiny .irs-handle.state_hover, .irs--shiny .irs-handle:hover { + background: #fff; +} + +.irs--shiny .irs-min, +.irs--shiny .irs-max { + top: 0; + padding: 1px 3px; + text-shadow: none; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 3px; + font-size: 10px; + line-height: 1.333; +} + +.irs--shiny .lt-ie9 .irs-min, +.irs--shiny .lt-ie9 .irs-max { + background: #cccccc; +} + +.irs--shiny .irs-from, +.irs--shiny .irs-to, +.irs--shiny .irs-single { + color: #fff; + text-shadow: none; + padding: 1px 3px; + background-color: #020b3b; + border-radius: 3px; + font-size: 11px; + line-height: 1.333; +} + +.irs--shiny .lt-ie9 .irs-from, +.irs--shiny .lt-ie9 .irs-to, +.irs--shiny .lt-ie9 .irs-single { + background: #999999; +} + +.irs--shiny .irs-grid { + height: 27px; +} + +.irs--shiny .irs-grid-pol { + background-color: #000; +} + +.irs--shiny .irs-grid-text { + bottom: 5px; +} + +.irs--shiny .irs-grid-pol.small { + background-color: #999999; +} diff --git a/custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.min.css b/custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.min.css new file mode 100644 index 00000000..1646b528 --- /dev/null +++ b/custom-theme-vs-regular-theme/custom-theme/www/css/ion.rangeSlider.min.css @@ -0,0 +1 @@ +@charset "UTF-8";.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.irs *,.irs *:before,.irs *:after{box-sizing:inherit}.irs-line{position:relative;display:block;overflow:hidden;outline:none!important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:pointer;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;overflow:hidden;outline:none!important;z-index:-9999!important;background:none!important;border-style:solid!important;border-color:transparent!important}.irs{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.irs--shiny{height:40px}.irs--shiny.irs-with-grid{height:60px}.irs--shiny .irs-line{top:25px;height:8px;background:linear-gradient(to bottom,#dedede -50%,#fff 150%);background-color:#ededed;border:1px solid #ccc;border-radius:8px}.irs--shiny .irs-bar{top:25px;height:8px;border-top:1px solid #020b3b;border-bottom:1px solid #020b3b;background:#020b3b}.irs--shiny .irs-bar--single{border-radius:8px 0 0 8px}.irs--shiny .irs-shadow{top:38px;height:2px;background:rgba(0,0,0,0.3);border-radius:5px}.irs--shiny .lt-ie9 .irs-shadow{filter:alpha(opacity=30)}.irs--shiny .irs-handle{top:17px;width:22px;height:22px;border:1px solid #ababab;background-color:#dedede;box-shadow:1px 1px 3px rgba(255,255,255,0.3);border-radius:22px}.irs--shiny .irs-handle.state_hover,.irs--shiny .irs-handle:hover{background:#fff}.irs--shiny .irs-min,.irs--shiny .irs-max{top:0;padding:1px 3px;text-shadow:none;background-color:rgba(0,0,0,0.1);border-radius:3px;font-size:10px;line-height:1.333}.irs--shiny .lt-ie9 .irs-min,.irs--shiny .lt-ie9 .irs-max{background:#ccc}.irs--shiny .irs-from,.irs--shiny .irs-to,.irs--shiny .irs-single{color:#fff;text-shadow:none;padding:1px 3px;background-color:#020b3b;border-radius:3px;font-size:11px;line-height:1.333}.irs--shiny .lt-ie9 .irs-from,.irs--shiny .lt-ie9 .irs-to,.irs--shiny .lt-ie9 .irs-single{background:#999}.irs--shiny .irs-grid{height:27px}.irs--shiny .irs-grid-pol{background-color:#000}.irs--shiny .irs-grid-text{bottom:5px}.irs--shiny .irs-grid-pol.small{background-color:#999} \ No newline at end of file diff --git a/custom-theme-vs-regular-theme/regular-theme/app.R b/custom-theme-vs-regular-theme/regular-theme/app.R new file mode 100644 index 00000000..8860b25b --- /dev/null +++ b/custom-theme-vs-regular-theme/regular-theme/app.R @@ -0,0 +1,63 @@ +# +# This is a Shiny web application. You can run the application by clicking +# the 'Run App' button above. +# +# Find out more about building applications with Shiny here: +# +# http://shiny.rstudio.com/ +# + +library(shiny) +library(shinydashboard) + +# Define UI for application that draws a histogram +ui <- dashboardPage( + + # Application title + dashboardHeader(title = "Old Faithful Geyser Data"), + + ## Sidebar content + dashboardSidebar( + sidebarMenu( + menuItem("Tab 1", tabName = "tab1", icon = icon("th")) + ) + ), + + ## Body content + dashboardBody( + tabItems( + # First tab content + tabItem(tabName = "tab1", + fluidRow( + box( + title = "Controls", + # Sidebar with a slider input for number of bins + sliderInput("bins", "Number of bins:", min = 1, max = 50, + value = 30) + ), + + box( + # Show a plot of the generated distribution + plotOutput("plot1", height = 250) + ) + ) + ) + ) + ) +) + +# Define server logic required to draw a histogram +server <- function(input, output) { + + output$plot1 <- renderPlot({ + # generate bins based on input$bins from ui.R + x <- faithful[, 2] + bins <- seq(min(x), max(x), length.out = input$bins + 1) + + # draw the histogram with the specified number of bins + hist(x, breaks = bins, col = 'darkgray', border = 'white') + }) +} + +# Run the application +shinyApp(ui = ui, server = server) diff --git a/custom-theme-vs-regular-theme/regular-theme/regular-theme.Rproj b/custom-theme-vs-regular-theme/regular-theme/regular-theme.Rproj new file mode 100644 index 00000000..8e3c2ebc --- /dev/null +++ b/custom-theme-vs-regular-theme/regular-theme/regular-theme.Rproj @@ -0,0 +1,13 @@ +Version: 1.0 + +RestoreWorkspace: Default +SaveWorkspace: Default +AlwaysSaveHistory: Default + +EnableCodeIndexing: Yes +UseSpacesForTab: Yes +NumSpacesForTab: 2 +Encoding: UTF-8 + +RnwWeave: Sweave +LaTeX: pdfLaTeX diff --git a/inst/shinydashboard.min.css b/inst/shinydashboard.min.css new file mode 100644 index 00000000..3697bab4 --- /dev/null +++ b/inst/shinydashboard.min.css @@ -0,0 +1 @@ +.small-box .icon-large{position:absolute;top:auto;bottom:5px;right:5px;font-size:70px;color:rgba(0,0,0,0.15)}.content{overflow:visible}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.fab,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.fas,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.far,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.fal,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>.ion{float:left;font-size:30px;width:50px;text-align:center;margin-right:5px;color:#000}section.sidebar .user-panel{min-height:65px}section.sidebar .shiny-input-container{padding:12px 15px 0 15px;white-space:normal}section.sidebar .shiny-bound-input.action-button,section.sidebar .shiny-bound-input.action-link{margin:6px 5px 6px 15px;display:block}div.box-body .shiny-input-container{width:auto}.sidebar{color:#fff}.sidebar .irs-min,.sidebar .irs-max{color:#aaa}a>.info-box{color:#333}.shiny-server-account{z-index:2000}.main-header .sidebar-toggle{font-family:fontAwesome,'Font Awesome 5 Free';font-weight:900} \ No newline at end of file diff --git a/man/dashboardPage.Rd b/man/dashboardPage.Rd index a26b9425..6ac8882b 100644 --- a/man/dashboardPage.Rd +++ b/man/dashboardPage.Rd @@ -9,7 +9,8 @@ dashboardPage( sidebar, body, title = NULL, - skin = c("blue", "black", "purple", "green", "red", "yellow") + skin = c("blue", "black", "purple", "green", "red", "yellow"), + theme = NULL ) } \arguments{ @@ -24,6 +25,10 @@ provided, it will try to extract the title from the \code{dashboardHeader}.} \item{skin}{A color theme. One of \code{"blue"}, \code{"black"}, \code{"purple"}, \code{"green"}, \code{"red"}, or \code{"yellow"}.} + +\item{theme}{CSS files to be used in place of the shinydashboard AdminLTE +theme. Typically, this will be \code{c("AdminLTE.css", "_all-skins.css")}. +CSS files should be placed in \code{www/}.} } \description{ This creates a dashboard page for use in a Shiny app. diff --git a/man/shinydashboard-package.Rd b/man/shinydashboard-package.Rd index 9ab1b487..eba16c4b 100644 --- a/man/shinydashboard-package.Rd +++ b/man/shinydashboard-package.Rd @@ -26,6 +26,8 @@ Authors: Other contributors: \itemize{ + \item Garrick Aden-Buie \email{garrick@adenbuie.com} [contributor] + \item Mauricio Vargas Sepulveda \email{mavargas11@uc.cl} [contributor] \item RStudio [copyright holder] \item Almasaeed Studio (AdminLTE theme for Bootstrap) [contributor, copyright holder] \item Adobe Systems Incorporated (Source Sans Pro font) [contributor, copyright holder] From 6dc535456b5cf5feeb9cfbcc0cabf317e3788d87 Mon Sep 17 00:00:00 2001 From: Mauricio Vargas Date: Thu, 13 Jan 2022 01:00:05 -0500 Subject: [PATCH 2/5] add light to skin headers --- inst/AdminLTE/_all-skins.css | 12 ++++++------ inst/AdminLTE/_all-skins.min.css | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/inst/AdminLTE/_all-skins.css b/inst/AdminLTE/_all-skins.css index 53577c49..5d7f2a8f 100755 --- a/inst/AdminLTE/_all-skins.css +++ b/inst/AdminLTE/_all-skins.css @@ -138,7 +138,7 @@ background-color: #3b8ab8; } /* - * Skin: Blue + * Skin: Blue Light * ---------- */ .skin-blue-light .main-header .navbar { @@ -460,7 +460,7 @@ border-left-color: #222; } /* - * Skin: Black + * Skin: Black Light * ----------- */ /* skin-black navbar */ @@ -764,7 +764,7 @@ border-bottom-left-radius: 0; } /* - * Skin: Green + * Skin: Green Light * ----------- */ .skin-green-light .main-header .navbar { @@ -1048,7 +1048,7 @@ border-bottom-left-radius: 0; } /* - * Skin: Red + * Skin: Red Light * --------- */ .skin-red-light .main-header .navbar { @@ -1332,7 +1332,7 @@ border-bottom-left-radius: 0; } /* - * Skin: Yellow + * Skin: Yellow Light * ------------ */ .skin-yellow-light .main-header .navbar { @@ -1616,7 +1616,7 @@ border-bottom-left-radius: 0; } /* - * Skin: Purple + * Skin: Purple Light * ------------ */ .skin-purple-light .main-header .navbar { diff --git a/inst/AdminLTE/_all-skins.min.css b/inst/AdminLTE/_all-skins.min.css index ec314886..b098c14a 100644 --- a/inst/AdminLTE/_all-skins.min.css +++ b/inst/AdminLTE/_all-skins.min.css @@ -1 +1 @@ -.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav>.active>a,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:0 0}.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form .btn,.skin-blue .sidebar-form input[type=text]{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type=text]:focus,.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav>.active>a,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:0 0}.skin-blue-light .left-side,.skin-blue-light .main-sidebar,.skin-blue-light .wrapper{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li.active>a,.skin-blue-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form .btn,.skin-blue-light .sidebar-form input[type=text]{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-blue-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type=text]:focus,.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav>.active>a,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav>li>a:hover{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:0 0;box-shadow:none}.skin-black .left-side,.skin-black .main-sidebar,.skin-black .wrapper{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form .btn,.skin-black .sidebar-form input[type=text]{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type=text]:focus,.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222}.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav>.active>a,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav>li>a:hover{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:0 0;box-shadow:none}.skin-black-light .left-side,.skin-black-light .main-sidebar,.skin-black-light .wrapper{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li.active>a,.skin-black-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form .btn,.skin-black-light .sidebar-form input[type=text]{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type=text]:focus,.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav>.active>a,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:0 0}.skin-green .left-side,.skin-green .main-sidebar,.skin-green .wrapper{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form .btn,.skin-green .sidebar-form input[type=text]{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-green .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type=text]:focus,.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav>.active>a,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:0 0}.skin-green-light .left-side,.skin-green-light .main-sidebar,.skin-green-light .wrapper{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li.active>a,.skin-green-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form .btn,.skin-green-light .sidebar-form input[type=text]{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-green-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type=text]:focus,.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav>.active>a,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:0 0}.skin-red .left-side,.skin-red .main-sidebar,.skin-red .wrapper{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form .btn,.skin-red .sidebar-form input[type=text]{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-red .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type=text]:focus,.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav>.active>a,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:0 0}.skin-red-light .left-side,.skin-red-light .main-sidebar,.skin-red-light .wrapper{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li.active>a,.skin-red-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form .btn,.skin-red-light .sidebar-form input[type=text]{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-red-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type=text]:focus,.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav>.active>a,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:0 0}.skin-yellow .left-side,.skin-yellow .main-sidebar,.skin-yellow .wrapper{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form .btn,.skin-yellow .sidebar-form input[type=text]{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-yellow .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type=text]:focus,.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav>.active>a,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:0 0}.skin-yellow-light .left-side,.skin-yellow-light .main-sidebar,.skin-yellow-light .wrapper{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li.active>a,.skin-yellow-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form .btn,.skin-yellow-light .sidebar-form input[type=text]{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-yellow-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type=text]:focus,.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav>.active>a,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:0 0}.skin-purple .left-side,.skin-purple .main-sidebar,.skin-purple .wrapper{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form .btn,.skin-purple .sidebar-form input[type=text]{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-purple .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type=text]:focus,.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav>.active>a,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:0 0}.skin-purple-light .left-side,.skin-purple-light .main-sidebar,.skin-purple-light .wrapper{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li.active>a,.skin-purple-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form .btn,.skin-purple-light .sidebar-form input[type=text]{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-purple-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type=text]:focus,.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file +.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media(max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media(max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media(max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:0}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222}.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media(max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:0}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media(max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media(max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media(max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media(max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media(max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media(max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media(max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media(max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media(min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file From 1dfb703846aa21e7364cb150eb051081703365d9 Mon Sep 17 00:00:00 2001 From: Mauricio Vargas Date: Thu, 14 Jul 2022 14:27:04 -0400 Subject: [PATCH 3/5] add id for boxes (i.e. show/hide them with shinyjs) --- DESCRIPTION | 2 +- R/boxes.R | 60 ++++++++++++++++++++------------------- man/box.Rd | 3 ++ man/renderDropdownMenu.Rd | 2 +- man/renderMenu.Rd | 4 +-- man/renderValueBox.Rd | 2 +- 6 files changed, 39 insertions(+), 34 deletions(-) diff --git a/DESCRIPTION b/DESCRIPTION index 64503df9..ab2cc313 100644 --- a/DESCRIPTION +++ b/DESCRIPTION @@ -22,5 +22,5 @@ Imports: htmltools (>= 0.2.6), promises BugReports: https://github.com/rstudio/shinydashboard -RoxygenNote: 7.1.2 +RoxygenNote: 7.2.0 Encoding: UTF-8 diff --git a/R/boxes.R b/R/boxes.R index 4f287ec9..ddef4ffa 100644 --- a/R/boxes.R +++ b/R/boxes.R @@ -17,24 +17,24 @@ #' #' @export valueBox <- function(value, subtitle, icon = NULL, color = "aqua", width = 4, - href = NULL) + href = NULL) { validateColor(color) if (!is.null(icon)) tagAssert(icon, type = "i") boxContent <- div(class = paste0("small-box bg-", color), - div(class = "inner", - h3(value), - p(subtitle) - ), - if (!is.null(icon)) div(class = "icon-large", icon) + div(class = "inner", + h3(value), + p(subtitle) + ), + if (!is.null(icon)) div(class = "icon-large", icon) ) if (!is.null(href)) boxContent <- a(href = href, boxContent) div(class = if (!is.null(width)) paste0("col-sm-", width), - boxContent + boxContent ) } @@ -64,8 +64,8 @@ valueBox <- function(value, subtitle, icon = NULL, color = "aqua", width = 4, #' #' @export infoBox <- function(title, value = NULL, subtitle = NULL, - icon = shiny::icon("bar-chart"), color = "aqua", width = 4, href = NULL, - fill = FALSE) { + icon = shiny::icon("bar-chart"), color = "aqua", width = 4, href = NULL, + fill = FALSE) { validateColor(color) tagAssert(icon, type = "i") @@ -81,9 +81,9 @@ infoBox <- function(title, value = NULL, subtitle = NULL, icon ), div(class = "info-box-content", - span(class = "info-box-text", title), - if (!is.null(value)) span(class = "info-box-number", value), - if (!is.null(subtitle)) p(subtitle) + span(class = "info-box-text", title), + if (!is.null(value)) span(class = "info-box-number", value), + if (!is.null(subtitle)) p(subtitle) ) ) @@ -91,7 +91,7 @@ infoBox <- function(title, value = NULL, subtitle = NULL, boxContent <- a(href = href, boxContent) div(class = if (!is.null(width)) paste0("col-sm-", width), - boxContent + boxContent ) } @@ -100,6 +100,7 @@ infoBox <- function(title, value = NULL, subtitle = NULL, #' #' Boxes can be used to hold content in the main body of a dashboard. #' +#' @param id Optional id that will be used to access the box. #' @param title Optional title. #' @param footer Optional footer text. #' @param status The status of the item This determines the item's background @@ -248,7 +249,7 @@ infoBox <- function(title, value = NULL, subtitle = NULL, #' ) #' } #' @export -box <- function(..., title = NULL, footer = NULL, status = NULL, +box <- function(..., id = NULL, title = NULL, footer = NULL, status = NULL, solidHeader = FALSE, background = NULL, width = 6, height = NULL, collapsible = FALSE, collapsed = FALSE) { @@ -285,28 +286,29 @@ box <- function(..., title = NULL, footer = NULL, status = NULL, collapseIcon <- if (collapsed) "plus" else "minus" collapseTag <- div(class = "box-tools pull-right", - tags$button(class = paste0("btn btn-box-tool"), - `data-widget` = "collapse", - shiny::icon(collapseIcon) - ) + tags$button(class = paste0("btn btn-box-tool"), + `data-widget` = "collapse", + shiny::icon(collapseIcon) + ) ) } headerTag <- NULL if (!is.null(titleTag) || !is.null(collapseTag)) { headerTag <- div(class = "box-header", - titleTag, - collapseTag + titleTag, + collapseTag ) } div(class = if (!is.null(width)) paste0("col-sm-", width), - div(class = boxClass, - style = if (!is.null(style)) style, - headerTag, - div(class = "box-body", ...), - if (!is.null(footer)) div(class = "box-footer", footer) - ) + div(id = id, + class = boxClass, + style = if (!is.null(style)) style, + headerTag, + div(class = "box-body", ...), + if (!is.null(footer)) div(class = "box-footer", footer) + ) ) } @@ -379,14 +381,14 @@ tabBox <- function(..., id = NULL, selected = NULL, title = NULL, # Set height if (!is.null(height)) { content <- tagAppendAttributes(content, - style = paste0("height: ", validateCssUnit(height)) + style = paste0("height: ", validateCssUnit(height)) ) } # Move tabs to right side if needed if (side == "right") { content$children[[1]] <- tagAppendAttributes(content$children[[1]], - class = "pull-right" + class = "pull-right" ) } @@ -398,7 +400,7 @@ tabBox <- function(..., id = NULL, selected = NULL, title = NULL, titleClass <- "pull-left" content$children[[1]] <- htmltools::tagAppendChild(content$children[[1]], - tags$li(class = paste("header", titleClass), title) + tags$li(class = paste("header", titleClass), title) ) } diff --git a/man/box.Rd b/man/box.Rd index b6189abe..e270c7a9 100644 --- a/man/box.Rd +++ b/man/box.Rd @@ -6,6 +6,7 @@ \usage{ box( ..., + id = NULL, title = NULL, footer = NULL, status = NULL, @@ -20,6 +21,8 @@ box( \arguments{ \item{...}{Contents of the box.} +\item{id}{Optional id that will be used to access the box.} + \item{title}{Optional title.} \item{footer}{Optional footer text.} diff --git a/man/renderDropdownMenu.Rd b/man/renderDropdownMenu.Rd index f42ea6d7..38d7868b 100644 --- a/man/renderDropdownMenu.Rd +++ b/man/renderDropdownMenu.Rd @@ -7,7 +7,7 @@ renderDropdownMenu(expr, env = parent.frame(), quoted = FALSE) } \arguments{ -\item{expr}{An expression that returns a Shiny tag object, \code{\link[shiny:reexports]{HTML()}}, +\item{expr}{An expression that returns a Shiny tag object, \code{\link[shiny:HTML]{HTML()}}, or a list of such objects.} \item{env}{The parent environment for the reactive expression. By default, diff --git a/man/renderMenu.Rd b/man/renderMenu.Rd index 03d40514..0d1ef703 100644 --- a/man/renderMenu.Rd +++ b/man/renderMenu.Rd @@ -7,7 +7,7 @@ renderMenu(expr, env = parent.frame(), quoted = FALSE, outputArgs = list()) } \arguments{ -\item{expr}{An expression that returns a Shiny tag object, \code{\link[shiny:reexports]{HTML()}}, +\item{expr}{An expression that returns a Shiny tag object, \code{\link[shiny:HTML]{HTML()}}, or a list of such objects.} \item{env}{The parent environment for the reactive expression. By default, @@ -21,7 +21,7 @@ would like to use its expression as a value for \code{expr}, then you must set \code{quoted} to \code{TRUE}.} \item{outputArgs}{A list of arguments to be passed through to the implicit -call to \code{\link[shiny:htmlOutput]{uiOutput()}} when \code{renderUI} is used in an +call to \code{\link[shiny:uiOutput]{uiOutput()}} when \code{renderUI} is used in an interactive R Markdown document.} } \description{ diff --git a/man/renderValueBox.Rd b/man/renderValueBox.Rd index 4f6ca97d..4ffe4e80 100644 --- a/man/renderValueBox.Rd +++ b/man/renderValueBox.Rd @@ -10,7 +10,7 @@ renderValueBox(expr, env = parent.frame(), quoted = FALSE) renderInfoBox(expr, env = parent.frame(), quoted = FALSE) } \arguments{ -\item{expr}{An expression that returns a Shiny tag object, \code{\link[shiny:reexports]{HTML()}}, +\item{expr}{An expression that returns a Shiny tag object, \code{\link[shiny:HTML]{HTML()}}, or a list of such objects.} \item{env}{The parent environment for the reactive expression. By default, From 05eba65d8132d53a7938ec55685fcc040b9ae5bc Mon Sep 17 00:00:00 2001 From: Mauricio Vargas Date: Thu, 14 Jul 2022 15:06:40 -0400 Subject: [PATCH 4/5] revert id in box --- R/boxes.R | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/R/boxes.R b/R/boxes.R index ddef4ffa..9e04d13c 100644 --- a/R/boxes.R +++ b/R/boxes.R @@ -302,8 +302,7 @@ box <- function(..., id = NULL, title = NULL, footer = NULL, status = NULL, } div(class = if (!is.null(width)) paste0("col-sm-", width), - div(id = id, - class = boxClass, + div(class = boxClass, style = if (!is.null(style)) style, headerTag, div(class = "box-body", ...), From 12583683a8d9a662ab8e514916f9dc026008a3c8 Mon Sep 17 00:00:00 2001 From: mavargas11 Date: Wed, 9 Aug 2023 19:39:22 -0400 Subject: [PATCH 5/5] remove unused global.r --- custom-theme-vs-regular-theme/custom-theme/global.R | 5 ----- 1 file changed, 5 deletions(-) delete mode 100644 custom-theme-vs-regular-theme/custom-theme/global.R diff --git a/custom-theme-vs-regular-theme/custom-theme/global.R b/custom-theme-vs-regular-theme/custom-theme/global.R deleted file mode 100644 index 27e1d27d..00000000 --- a/custom-theme-vs-regular-theme/custom-theme/global.R +++ /dev/null @@ -1,5 +0,0 @@ -styles <- list( - skin_color = "blue", - css_files = c("css/AdminLTE.min.css", "css/_all-skins.min.css", "css/custom.min.css", - "css/ion.rangeSlider.min.css") -)