From f5f78f415bb33b93f212a1763b9adb03c3821b75 Mon Sep 17 00:00:00 2001 From: Abdullah Almsaeed Date: Mon, 9 Nov 2015 08:51:11 -0500 Subject: [PATCH] Add AdminLTE.css to css folder --- Gruntfile.js | 8 +- build/scss/.csslintrc | 23 + build/scss/_boxes.scss | 5 + build/scss/_core.scss | 27 +- build/scss/_header.scss | 24 +- build/scss/_mixins.scss | 1 + build/scss/_sidebar.scss | 13 +- build/scss/_variables.scss | 14 +- dist/css/AdminLTE.css | 9699 ++++++++++++++++++++++++++++++++++++ dist/css/AdminLTE.min.css | 9699 ++++++++++++++++++++++++++++++++++++ 10 files changed, 19466 insertions(+), 47 deletions(-) create mode 100644 build/scss/.csslintrc create mode 100644 dist/css/AdminLTE.css create mode 100644 dist/css/AdminLTE.min.css diff --git a/Gruntfile.js b/Gruntfile.js index fd3c35c85..b7ed948df 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -19,7 +19,7 @@ module.exports = function (grunt) { style: 'expanded' }, files: { - 'dist/tmp/AdminLTE.css': 'build/scss/AdminLTE.scss' + 'dist/css/AdminLTE.css': 'build/scss/AdminLTE.scss' } }, production: { @@ -27,7 +27,7 @@ module.exports = function (grunt) { style: 'compressed' }, files: { - 'dist/tmp/AdminLTE.min.css': 'build/scss/AdminLTE.scss' + 'dist/css/AdminLTE.min.css': 'build/scss/AdminLTE.scss' } } }, @@ -103,10 +103,10 @@ module.exports = function (grunt) { // Validate CSS files csslint: { options: { - csslintrc: 'build/less/.csslintrc' + csslintrc: 'build/scss/.csslintrc' }, dist: [ - 'dist/css/AdminLTE.css', + 'dist/tmp/AdminLTE.css', ] }, diff --git a/build/scss/.csslintrc b/build/scss/.csslintrc new file mode 100644 index 000000000..59c3ff926 --- /dev/null +++ b/build/scss/.csslintrc @@ -0,0 +1,23 @@ +{ + "adjoining-classes": false, + "box-sizing": false, + "box-model": false, + "compatible-vendor-prefixes": false, + "floats": false, + "font-sizes": false, + "gradients": false, + "important": false, + "known-properties": false, + "outline-none": false, + "qualified-headings": false, + "regex-selectors": false, + "shorthand": false, + "text-indent": false, + "unique-headings": false, + "universal-selector": false, + "unqualified-attributes": false, + "ids": false, + "fallback-colors": false, + "vendor-prefix": false, + "import": false +} \ No newline at end of file diff --git a/build/scss/_boxes.scss b/build/scss/_boxes.scss index 18f47ce9c..6dc3c6151 100644 --- a/build/scss/_boxes.scss +++ b/build/scss/_boxes.scss @@ -2,6 +2,11 @@ * Component: Box * -------------- */ + +.card { + background: #fff; +} + .box { position: relative; @include border-radius($box-border-radius); diff --git a/build/scss/_core.scss b/build/scss/_core.scss index 511269fd8..2d343ccbe 100644 --- a/build/scss/_core.scss +++ b/build/scss/_core.scss @@ -14,7 +14,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; - overflow-y: auto; } /* Layout */ @@ -38,33 +37,38 @@ body { /* * Content Wrapper - contains the main content - * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ``` */ +.content-wrapper { + min-height: 100%; +} .content-wrapper, -.right-side, .main-footer { - //Using disposable variable to join statements with a comma - $transition-rule: $transition-speed $transition-fn, - margin $transition-speed $transition-fn; -transition: transform $transition-rule; margin-left: $sidebar-width; z-index: 820; //Top nav layout .layout-top-nav & { margin-left: 0; } - @media (max-width: map-get($grid-breakpoints, xs)) { + @media (max-width: map-get($grid-breakpoints, md) + 1) { margin-left: 0; } //When opening the sidebar on large screens .sidebar-collapse & { - @media (min-width: map-get($grid-breakpoints, sm)) { + @media (min-width: map-get($grid-breakpoints, md)) { margin-left: 0; } } +} +.main-header, +.main-footer, +.content-wrapper { + //Using disposable variable to join statements with a comma + $transition-rule: $transition-speed $transition-fn, + margin $transition-speed $transition-fn; + transition: transform $transition-rule; //When opening the sidebar on small screens .sidebar-open & { - @media (max-width: map-get($grid-breakpoints, xs)) { + @media (max-width: map-get($grid-breakpoints, md) + 1) { @include translate($sidebar-width, 0); } } @@ -99,9 +103,6 @@ transition: transform $transition-rule; .content-wrapper, .right-side { padding-top: 50px; - @media (max-width: $screen-header-collapse) { - padding-top: 100px; - } } &.layout-boxed { .wrapper { diff --git a/build/scss/_header.scss b/build/scss/_header.scss index f251cef6f..03b1b9c47 100644 --- a/build/scss/_header.scss +++ b/build/scss/_header.scss @@ -4,23 +4,15 @@ */ .main-header { - position: relative; - z-index: $zindex-navbar; - - > .navbar { - //margin-left: $sidebar-width; - //height: 55px; - } -/* - > .logo { + padding: 0 16px 0 0; + .navbar-brand { width: $sidebar-width; - padding: 0 15px; - text-align: center; - float: left; - font-size: 18px; - height: 55px; - line-height: 55px; - }*/ + padding: 10px; + } + + .nav-link { + padding: 15px 5px; + } } .content-header { diff --git a/build/scss/_mixins.scss b/build/scss/_mixins.scss index 32032fe72..cfc22140d 100644 --- a/build/scss/_mixins.scss +++ b/build/scss/_mixins.scss @@ -74,6 +74,7 @@ } @mixin translate($x, $y) { + -webkit-transform: translate($x, $y); -ms-transform: translate($x, $y); // IE9 only transform: translate($x, $y); } diff --git a/build/scss/_sidebar.scss b/build/scss/_sidebar.scss index 99edfb2cc..8aeaecfc0 100644 --- a/build/scss/_sidebar.scss +++ b/build/scss/_sidebar.scss @@ -5,8 +5,7 @@ //Main Sidebar // ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ``` -.main-sidebar, -.left-side { +.main-sidebar { position: absolute; top: 0; left: 0; @@ -19,18 +18,18 @@ width $transition-speed $transition-fn; transition: transform $transition-rule; @media (max-width: $screen-header-collapse) { - padding-top: 100px; + padding-top: 0; } - @media (max-width: map-get($grid-breakpoints, xs)) { + @media (max-width: map-get($grid-breakpoints, md) + 1) { @include translate(-$sidebar-width, 0); } .sidebar-collapse & { - @media (min-width: map-get($grid-breakpoints, sm)) { + @media (min-width: map-get($grid-breakpoints, md)) { @include translate(-$sidebar-width, 0); } } .sidebar-open & { - @media (max-width: map-get($grid-breakpoints, xs)) { + @media (max-width: map-get($grid-breakpoints, md) + 1) { @include translate(0, 0); } } @@ -155,4 +154,4 @@ } } } -} +} \ No newline at end of file diff --git a/build/scss/_variables.scss b/build/scss/_variables.scss index 3719c24bb..2dc2e99a7 100644 --- a/build/scss/_variables.scss +++ b/build/scss/_variables.scss @@ -9,15 +9,15 @@ $boxed-layout-bg-image-path: "../img/boxed-bg.jpg"; //COLORS //-------------------------------------------------------- //Primary -$light-blue: #3c8dbc; +$light-blue: $brand-primary;//#3c8dbc; //Danger -$red: #dd4b39; +$red: $brand-danger; //#dd4b39; //Success -$green: #00a65a; +$green: $brand-success; //#00a65a; //Info -$aqua: #00c0ef; +$aqua: $brand-info; //#00c0ef; //Warning -$yellow: #f39c12; +$yellow: $brand-warning; //#f39c12; $blue: #0073b7; $navy: #001F3F; $teal: #39CCCC; @@ -38,14 +38,14 @@ $sidebar-width: 230px; //Boxed layout maximum width $boxed-layout-max-width: 1024px; //When the logo should go to the top of the screen -$screen-header-collapse: map-get($grid-breakpoints, xs); +$screen-header-collapse: map-get($grid-breakpoints, md); //Link colors (aka: tags) $link-color: $light-blue; $link-hover-color: lighten($link-color, 15%); //Body background (Affects main content background only) -$main-bg: #ecf0f5; +$main-bg: $gray-lighter; //#ecf0f5; //SIDEBAR SKINS //-------------------------------------------------------- diff --git a/dist/css/AdminLTE.css b/dist/css/AdminLTE.css new file mode 100644 index 000000000..a6d8b4280 --- /dev/null +++ b/dist/css/AdminLTE.css @@ -0,0 +1,9699 @@ +@charset "UTF-8"; +/*! + * AdminLTE v3.0.0-alpha + * Author: Abdullah Almsaeed + * Website: Almsaeed Studio + * License: Open source - MIT +!*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], +template { + display: none; } + +a { + background-color: transparent; } + +a:active { + outline: 0; } + +a:hover { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, +strong { + font-weight: bold; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +img { + border: 0; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; } + +pre { + overflow: auto; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; } + +button { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } + +button[disabled], +html input[disabled] { + cursor: default; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; } + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + border: 0; + padding: 0; } + +textarea { + overflow: auto; } + +optgroup { + font-weight: bold; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +@media print { + *, + *:before, + *:after { + text-shadow: none !important; + box-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } + abbr[title]:after { + content: " (" attr(title) ")"; } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + img { + max-width: 100% !important; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } + .navbar { + display: none; } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; } + .label { + border: 1px solid #000; } + .table { + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } + +html { + box-sizing: border-box; } + +*, +*:before, +*:after { + box-sizing: inherit; } + +@-moz-viewport { + width: device-width; } + +@-ms-viewport { + width: device-width; } + +@-o-viewport { + width: device-width; } + +@-webkit-viewport { + width: device-width; } + +@viewport { + width: device-width; } + +html { + font-size: 16px; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #373a3c; + background-color: #fff; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818a91; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: bold; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +a { + color: #0275d8; + text-decoration: none; } + a:focus, a:hover { + color: #014c8c; + text-decoration: underline; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +pre { + margin-top: 0; + margin-bottom: 1rem; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; } + +[role="button"] { + cursor: pointer; } + +table { + background-color: transparent; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #818a91; + text-align: left; + caption-side: bottom; } + +th { + text-align: left; } + +label { + display: inline-block; + margin-bottom: .5rem; } + +input, +button, +select, +textarea { + margin: 0; + line-height: inherit; } + +textarea { + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; } + +input[type="search"] { + -webkit-appearance: none; } + +output { + display: inline-block; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; } + +h1, .h1, +h2, .h2, +h3, .h3 { + margin-bottom: 0.5rem; } + +h4, .h4, +h5, .h5, +h6, .h6 { + margin-bottom: 0.5rem; } + +h1, .h1 { + font-size: 2.5rem; } + +h2, .h2 { + font-size: 2rem; } + +h3, .h3 { + font-size: 1.75rem; } + +h4, .h4 { + font-size: 1.5rem; } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } + +.lead { + font-size: 1.25rem; + font-weight: 300; } + +.display-1 { + font-size: 3.5rem; + font-weight: 300; } + +.display-2 { + font-size: 4.5rem; + font-weight: 300; } + +.display-3 { + font-size: 5.5rem; + font-weight: 300; } + +.display-4 { + font-size: 6rem; + font-weight: 300; } + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } + +small, +.small { + font-size: 80%; + font-weight: normal; } + +mark, +.mark { + padding: .2em; + background-color: #fcf8e3; } + +.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + margin-left: -5px; + list-style: none; } + .list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; } + +.dl-horizontal { + margin-right: -1.875rem; + margin-left: -1.875rem; } + .dl-horizontal:before, .dl-horizontal:after { + content: " "; + display: table; } + .dl-horizontal:after { + clear: both; } + +.initialism { + font-size: 90%; + text-transform: uppercase; } + +.blockquote { + padding: 0.5rem 1rem; + margin-bottom: 1rem; + font-size: 1.25rem; + border-left: 0.25rem solid #eceeef; } + .blockquote p:last-child, + .blockquote ul:last-child, + .blockquote ol:last-child { + margin-bottom: 0; } + .blockquote footer { + display: block; + font-size: 80%; + line-height: 1.5; + color: #818a91; } + .blockquote footer:before { + content: "\2014 \00A0"; } + +.blockquote-reverse { + padding-right: 1rem; + padding-left: 0; + text-align: right; + border-right: 0.25rem solid #eceeef; + border-left: 0; } + .blockquote-reverse footer:before { + content: ""; } + .blockquote-reverse footer:after { + content: "\00A0 \2014"; } + +.figure { + display: inline-block; } + .figure > img { + line-height: 1; + margin-bottom: 0.5rem; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +.img-responsive, .figure > img, .carousel-inner > .carousel-item > img, +.carousel-inner > .carousel-item > a > img { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + line-height: 1.5; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all .2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } + +code { + padding: .2rem .4rem; + font-size: 90%; + color: #bd4147; + background-color: #f7f7f9; + border-radius: 0.25rem; } + +kbd { + padding: .2rem .4rem; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 0.2rem; } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + line-height: 1.5; + color: #373a3c; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .container:before, .container:after { + content: " "; + display: table; } + .container:after { + clear: both; } + @media (min-width: 34em) { + .container { + max-width: 34rem; } } + @media (min-width: 48em) { + .container { + max-width: 45rem; } } + @media (min-width: 62em) { + .container { + max-width: 60rem; } } + @media (min-width: 75em) { + .container { + max-width: 72.25rem; } } + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .container-fluid:before, .container-fluid:after { + content: " "; + display: table; } + .container-fluid:after { + clear: both; } + +.row { + margin-left: -0.9375rem; + margin-right: -0.9375rem; } + .row:before, .row:after { + content: " "; + display: table; } + .row:after { + clear: both; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + position: relative; + min-height: 1px; + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; } + +.col-xs-1 { + width: 8.3333333333%; } + +.col-xs-2 { + width: 16.6666666667%; } + +.col-xs-3 { + width: 25%; } + +.col-xs-4 { + width: 33.3333333333%; } + +.col-xs-5 { + width: 41.6666666667%; } + +.col-xs-6 { + width: 50%; } + +.col-xs-7 { + width: 58.3333333333%; } + +.col-xs-8 { + width: 66.6666666667%; } + +.col-xs-9 { + width: 75%; } + +.col-xs-10 { + width: 83.3333333333%; } + +.col-xs-11 { + width: 91.6666666667%; } + +.col-xs-12 { + width: 100%; } + +.col-xs-pull-0 { + right: auto; } + +.col-xs-pull-1 { + right: 8.3333333333%; } + +.col-xs-pull-2 { + right: 16.6666666667%; } + +.col-xs-pull-3 { + right: 25%; } + +.col-xs-pull-4 { + right: 33.3333333333%; } + +.col-xs-pull-5 { + right: 41.6666666667%; } + +.col-xs-pull-6 { + right: 50%; } + +.col-xs-pull-7 { + right: 58.3333333333%; } + +.col-xs-pull-8 { + right: 66.6666666667%; } + +.col-xs-pull-9 { + right: 75%; } + +.col-xs-pull-10 { + right: 83.3333333333%; } + +.col-xs-pull-11 { + right: 91.6666666667%; } + +.col-xs-pull-12 { + right: 100%; } + +.col-xs-push-0 { + left: auto; } + +.col-xs-push-1 { + left: 8.3333333333%; } + +.col-xs-push-2 { + left: 16.6666666667%; } + +.col-xs-push-3 { + left: 25%; } + +.col-xs-push-4 { + left: 33.3333333333%; } + +.col-xs-push-5 { + left: 41.6666666667%; } + +.col-xs-push-6 { + left: 50%; } + +.col-xs-push-7 { + left: 58.3333333333%; } + +.col-xs-push-8 { + left: 66.6666666667%; } + +.col-xs-push-9 { + left: 75%; } + +.col-xs-push-10 { + left: 83.3333333333%; } + +.col-xs-push-11 { + left: 91.6666666667%; } + +.col-xs-push-12 { + left: 100%; } + +.col-xs-offset-0 { + margin-left: 0%; } + +.col-xs-offset-1 { + margin-left: 8.3333333333%; } + +.col-xs-offset-2 { + margin-left: 16.6666666667%; } + +.col-xs-offset-3 { + margin-left: 25%; } + +.col-xs-offset-4 { + margin-left: 33.3333333333%; } + +.col-xs-offset-5 { + margin-left: 41.6666666667%; } + +.col-xs-offset-6 { + margin-left: 50%; } + +.col-xs-offset-7 { + margin-left: 58.3333333333%; } + +.col-xs-offset-8 { + margin-left: 66.6666666667%; } + +.col-xs-offset-9 { + margin-left: 75%; } + +.col-xs-offset-10 { + margin-left: 83.3333333333%; } + +.col-xs-offset-11 { + margin-left: 91.6666666667%; } + +.col-xs-offset-12 { + margin-left: 100%; } + +@media (min-width: 34em) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; } + .col-sm-1 { + width: 8.3333333333%; } + .col-sm-2 { + width: 16.6666666667%; } + .col-sm-3 { + width: 25%; } + .col-sm-4 { + width: 33.3333333333%; } + .col-sm-5 { + width: 41.6666666667%; } + .col-sm-6 { + width: 50%; } + .col-sm-7 { + width: 58.3333333333%; } + .col-sm-8 { + width: 66.6666666667%; } + .col-sm-9 { + width: 75%; } + .col-sm-10 { + width: 83.3333333333%; } + .col-sm-11 { + width: 91.6666666667%; } + .col-sm-12 { + width: 100%; } + .col-sm-pull-0 { + right: auto; } + .col-sm-pull-1 { + right: 8.3333333333%; } + .col-sm-pull-2 { + right: 16.6666666667%; } + .col-sm-pull-3 { + right: 25%; } + .col-sm-pull-4 { + right: 33.3333333333%; } + .col-sm-pull-5 { + right: 41.6666666667%; } + .col-sm-pull-6 { + right: 50%; } + .col-sm-pull-7 { + right: 58.3333333333%; } + .col-sm-pull-8 { + right: 66.6666666667%; } + .col-sm-pull-9 { + right: 75%; } + .col-sm-pull-10 { + right: 83.3333333333%; } + .col-sm-pull-11 { + right: 91.6666666667%; } + .col-sm-pull-12 { + right: 100%; } + .col-sm-push-0 { + left: auto; } + .col-sm-push-1 { + left: 8.3333333333%; } + .col-sm-push-2 { + left: 16.6666666667%; } + .col-sm-push-3 { + left: 25%; } + .col-sm-push-4 { + left: 33.3333333333%; } + .col-sm-push-5 { + left: 41.6666666667%; } + .col-sm-push-6 { + left: 50%; } + .col-sm-push-7 { + left: 58.3333333333%; } + .col-sm-push-8 { + left: 66.6666666667%; } + .col-sm-push-9 { + left: 75%; } + .col-sm-push-10 { + left: 83.3333333333%; } + .col-sm-push-11 { + left: 91.6666666667%; } + .col-sm-push-12 { + left: 100%; } + .col-sm-offset-0 { + margin-left: 0%; } + .col-sm-offset-1 { + margin-left: 8.3333333333%; } + .col-sm-offset-2 { + margin-left: 16.6666666667%; } + .col-sm-offset-3 { + margin-left: 25%; } + .col-sm-offset-4 { + margin-left: 33.3333333333%; } + .col-sm-offset-5 { + margin-left: 41.6666666667%; } + .col-sm-offset-6 { + margin-left: 50%; } + .col-sm-offset-7 { + margin-left: 58.3333333333%; } + .col-sm-offset-8 { + margin-left: 66.6666666667%; } + .col-sm-offset-9 { + margin-left: 75%; } + .col-sm-offset-10 { + margin-left: 83.3333333333%; } + .col-sm-offset-11 { + margin-left: 91.6666666667%; } + .col-sm-offset-12 { + margin-left: 100%; } } + +@media (min-width: 48em) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; } + .col-md-1 { + width: 8.3333333333%; } + .col-md-2 { + width: 16.6666666667%; } + .col-md-3 { + width: 25%; } + .col-md-4 { + width: 33.3333333333%; } + .col-md-5 { + width: 41.6666666667%; } + .col-md-6 { + width: 50%; } + .col-md-7 { + width: 58.3333333333%; } + .col-md-8 { + width: 66.6666666667%; } + .col-md-9 { + width: 75%; } + .col-md-10 { + width: 83.3333333333%; } + .col-md-11 { + width: 91.6666666667%; } + .col-md-12 { + width: 100%; } + .col-md-pull-0 { + right: auto; } + .col-md-pull-1 { + right: 8.3333333333%; } + .col-md-pull-2 { + right: 16.6666666667%; } + .col-md-pull-3 { + right: 25%; } + .col-md-pull-4 { + right: 33.3333333333%; } + .col-md-pull-5 { + right: 41.6666666667%; } + .col-md-pull-6 { + right: 50%; } + .col-md-pull-7 { + right: 58.3333333333%; } + .col-md-pull-8 { + right: 66.6666666667%; } + .col-md-pull-9 { + right: 75%; } + .col-md-pull-10 { + right: 83.3333333333%; } + .col-md-pull-11 { + right: 91.6666666667%; } + .col-md-pull-12 { + right: 100%; } + .col-md-push-0 { + left: auto; } + .col-md-push-1 { + left: 8.3333333333%; } + .col-md-push-2 { + left: 16.6666666667%; } + .col-md-push-3 { + left: 25%; } + .col-md-push-4 { + left: 33.3333333333%; } + .col-md-push-5 { + left: 41.6666666667%; } + .col-md-push-6 { + left: 50%; } + .col-md-push-7 { + left: 58.3333333333%; } + .col-md-push-8 { + left: 66.6666666667%; } + .col-md-push-9 { + left: 75%; } + .col-md-push-10 { + left: 83.3333333333%; } + .col-md-push-11 { + left: 91.6666666667%; } + .col-md-push-12 { + left: 100%; } + .col-md-offset-0 { + margin-left: 0%; } + .col-md-offset-1 { + margin-left: 8.3333333333%; } + .col-md-offset-2 { + margin-left: 16.6666666667%; } + .col-md-offset-3 { + margin-left: 25%; } + .col-md-offset-4 { + margin-left: 33.3333333333%; } + .col-md-offset-5 { + margin-left: 41.6666666667%; } + .col-md-offset-6 { + margin-left: 50%; } + .col-md-offset-7 { + margin-left: 58.3333333333%; } + .col-md-offset-8 { + margin-left: 66.6666666667%; } + .col-md-offset-9 { + margin-left: 75%; } + .col-md-offset-10 { + margin-left: 83.3333333333%; } + .col-md-offset-11 { + margin-left: 91.6666666667%; } + .col-md-offset-12 { + margin-left: 100%; } } + +@media (min-width: 62em) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; } + .col-lg-1 { + width: 8.3333333333%; } + .col-lg-2 { + width: 16.6666666667%; } + .col-lg-3 { + width: 25%; } + .col-lg-4 { + width: 33.3333333333%; } + .col-lg-5 { + width: 41.6666666667%; } + .col-lg-6 { + width: 50%; } + .col-lg-7 { + width: 58.3333333333%; } + .col-lg-8 { + width: 66.6666666667%; } + .col-lg-9 { + width: 75%; } + .col-lg-10 { + width: 83.3333333333%; } + .col-lg-11 { + width: 91.6666666667%; } + .col-lg-12 { + width: 100%; } + .col-lg-pull-0 { + right: auto; } + .col-lg-pull-1 { + right: 8.3333333333%; } + .col-lg-pull-2 { + right: 16.6666666667%; } + .col-lg-pull-3 { + right: 25%; } + .col-lg-pull-4 { + right: 33.3333333333%; } + .col-lg-pull-5 { + right: 41.6666666667%; } + .col-lg-pull-6 { + right: 50%; } + .col-lg-pull-7 { + right: 58.3333333333%; } + .col-lg-pull-8 { + right: 66.6666666667%; } + .col-lg-pull-9 { + right: 75%; } + .col-lg-pull-10 { + right: 83.3333333333%; } + .col-lg-pull-11 { + right: 91.6666666667%; } + .col-lg-pull-12 { + right: 100%; } + .col-lg-push-0 { + left: auto; } + .col-lg-push-1 { + left: 8.3333333333%; } + .col-lg-push-2 { + left: 16.6666666667%; } + .col-lg-push-3 { + left: 25%; } + .col-lg-push-4 { + left: 33.3333333333%; } + .col-lg-push-5 { + left: 41.6666666667%; } + .col-lg-push-6 { + left: 50%; } + .col-lg-push-7 { + left: 58.3333333333%; } + .col-lg-push-8 { + left: 66.6666666667%; } + .col-lg-push-9 { + left: 75%; } + .col-lg-push-10 { + left: 83.3333333333%; } + .col-lg-push-11 { + left: 91.6666666667%; } + .col-lg-push-12 { + left: 100%; } + .col-lg-offset-0 { + margin-left: 0%; } + .col-lg-offset-1 { + margin-left: 8.3333333333%; } + .col-lg-offset-2 { + margin-left: 16.6666666667%; } + .col-lg-offset-3 { + margin-left: 25%; } + .col-lg-offset-4 { + margin-left: 33.3333333333%; } + .col-lg-offset-5 { + margin-left: 41.6666666667%; } + .col-lg-offset-6 { + margin-left: 50%; } + .col-lg-offset-7 { + margin-left: 58.3333333333%; } + .col-lg-offset-8 { + margin-left: 66.6666666667%; } + .col-lg-offset-9 { + margin-left: 75%; } + .col-lg-offset-10 { + margin-left: 83.3333333333%; } + .col-lg-offset-11 { + margin-left: 91.6666666667%; } + .col-lg-offset-12 { + margin-left: 100%; } } + +@media (min-width: 75em) { + .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + float: left; } + .col-xl-1 { + width: 8.3333333333%; } + .col-xl-2 { + width: 16.6666666667%; } + .col-xl-3 { + width: 25%; } + .col-xl-4 { + width: 33.3333333333%; } + .col-xl-5 { + width: 41.6666666667%; } + .col-xl-6 { + width: 50%; } + .col-xl-7 { + width: 58.3333333333%; } + .col-xl-8 { + width: 66.6666666667%; } + .col-xl-9 { + width: 75%; } + .col-xl-10 { + width: 83.3333333333%; } + .col-xl-11 { + width: 91.6666666667%; } + .col-xl-12 { + width: 100%; } + .col-xl-pull-0 { + right: auto; } + .col-xl-pull-1 { + right: 8.3333333333%; } + .col-xl-pull-2 { + right: 16.6666666667%; } + .col-xl-pull-3 { + right: 25%; } + .col-xl-pull-4 { + right: 33.3333333333%; } + .col-xl-pull-5 { + right: 41.6666666667%; } + .col-xl-pull-6 { + right: 50%; } + .col-xl-pull-7 { + right: 58.3333333333%; } + .col-xl-pull-8 { + right: 66.6666666667%; } + .col-xl-pull-9 { + right: 75%; } + .col-xl-pull-10 { + right: 83.3333333333%; } + .col-xl-pull-11 { + right: 91.6666666667%; } + .col-xl-pull-12 { + right: 100%; } + .col-xl-push-0 { + left: auto; } + .col-xl-push-1 { + left: 8.3333333333%; } + .col-xl-push-2 { + left: 16.6666666667%; } + .col-xl-push-3 { + left: 25%; } + .col-xl-push-4 { + left: 33.3333333333%; } + .col-xl-push-5 { + left: 41.6666666667%; } + .col-xl-push-6 { + left: 50%; } + .col-xl-push-7 { + left: 58.3333333333%; } + .col-xl-push-8 { + left: 66.6666666667%; } + .col-xl-push-9 { + left: 75%; } + .col-xl-push-10 { + left: 83.3333333333%; } + .col-xl-push-11 { + left: 91.6666666667%; } + .col-xl-push-12 { + left: 100%; } + .col-xl-offset-0 { + margin-left: 0%; } + .col-xl-offset-1 { + margin-left: 8.3333333333%; } + .col-xl-offset-2 { + margin-left: 16.6666666667%; } + .col-xl-offset-3 { + margin-left: 25%; } + .col-xl-offset-4 { + margin-left: 33.3333333333%; } + .col-xl-offset-5 { + margin-left: 41.6666666667%; } + .col-xl-offset-6 { + margin-left: 50%; } + .col-xl-offset-7 { + margin-left: 58.3333333333%; } + .col-xl-offset-8 { + margin-left: 66.6666666667%; } + .col-xl-offset-9 { + margin-left: 75%; } + .col-xl-offset-10 { + margin-left: 83.3333333333%; } + .col-xl-offset-11 { + margin-left: 91.6666666667%; } + .col-xl-offset-12 { + margin-left: 100%; } } + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; } + .table th, + .table td { + padding: 0.75rem; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #eceeef; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #eceeef; } + .table tbody + tbody { + border-top: 2px solid #eceeef; } + .table .table { + background-color: #fff; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid #eceeef; } + .table-bordered th, + .table-bordered td { + border: 1px solid #eceeef; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } + +.table-striped tbody tr:nth-of-type(odd) { + background-color: #f9f9f9; } + +.table-hover tbody tr:hover { + background-color: #f5f5f5; } + +.table-active, +.table-active > th, +.table-active > td { + background-color: #f5f5f5; } + +.table-hover .table-active:hover { + background-color: #e8e8e8; } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: #e8e8e8; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #dff0d8; } + +.table-hover .table-success:hover { + background-color: #d0e9c6; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #d0e9c6; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #d9edf7; } + +.table-hover .table-info:hover { + background-color: #c4e3f3; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #c4e3f3; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fcf8e3; } + +.table-hover .table-warning:hover { + background-color: #faf2cc; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #faf2cc; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f2dede; } + +.table-hover .table-danger:hover { + background-color: #ebcccc; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #ebcccc; } + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; } + +.thead-inverse th { + color: #fff; + background-color: #373a3c; } + +.thead-default th { + color: #55595c; + background-color: #eceeef; } + +.table-inverse { + color: #eceeef; + background-color: #373a3c; } + .table-inverse.table-bordered { + border: 0; } + .table-inverse th, + .table-inverse td, + .table-inverse thead th { + border-color: #55595c; } + +.table-reflow thead { + float: left; } + +.table-reflow tbody { + display: block; + white-space: nowrap; } + +.table-reflow th, +.table-reflow td { + border-top: 1px solid #eceeef; + border-left: 1px solid #eceeef; } + .table-reflow th:last-child, + .table-reflow td:last-child { + border-right: 1px solid #eceeef; } + +.table-reflow thead:last-child tr:last-child th, +.table-reflow thead:last-child tr:last-child td, +.table-reflow tbody:last-child tr:last-child th, +.table-reflow tbody:last-child tr:last-child td, +.table-reflow tfoot:last-child tr:last-child th, +.table-reflow tfoot:last-child tr:last-child td { + border-bottom: 1px solid #eceeef; } + +.table-reflow tr { + float: left; } + .table-reflow tr th, + .table-reflow tr td { + display: block !important; + border: 1px solid #eceeef; } + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + color: #55595c; + background-color: #fff; + background-image: none; + border: 0.0625rem solid #ccc; + border-radius: 0.25rem; } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:focus { + border-color: #66afe9; + outline: none; } + .form-control::placeholder { + color: #999; + opacity: 1; } + .form-control:disabled, .form-control[readonly], + fieldset[disabled] .form-control { + background-color: #eceeef; + opacity: 1; } + .form-control[disabled], + fieldset[disabled] .form-control { + cursor: not-allowed; } + +.form-control-file, +.form-control-range { + display: block; } + +.form-control-label { + padding: 0.4375rem 0.75rem; + margin-bottom: 0; } + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 2.375rem; } + input[type="date"].input-sm, + .input-group-sm input[type="date"].form-control, + input[type="time"].input-sm, + .input-group-sm + input[type="time"].form-control, + input[type="datetime-local"].input-sm, + .input-group-sm + input[type="datetime-local"].form-control, + input[type="month"].input-sm, + .input-group-sm + input[type="month"].form-control { + line-height: 1.95rem; } + input[type="date"].input-lg, + .input-group-lg input[type="date"].form-control, + input[type="time"].input-lg, + .input-group-lg + input[type="time"].form-control, + input[type="datetime-local"].input-lg, + .input-group-lg + input[type="datetime-local"].form-control, + input[type="month"].input-lg, + .input-group-lg + input[type="month"].form-control { + line-height: 3.2916666667rem; } } + +.form-control-static { + min-height: 2.375rem; + padding-top: 0.4375rem; + padding-bottom: 0.4375rem; + margin-bottom: 0; } + .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, + .input-group-sm > .form-control-static.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, + .input-group-lg > .form-control-static.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-static.btn { + padding-right: 0; + padding-left: 0; } + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + padding: 0.275rem 0.75rem; + font-size: 0.85rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + padding: 0.75rem 1.25rem; + font-size: 1.25rem; + line-height: 1.3333333333; + border-radius: 0.3rem; } + +.form-group { + margin-bottom: 15px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-bottom: 0.75rem; } + .radio label, + .checkbox label { + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + .radio label input:only-child, + .checkbox label input:only-child { + position: static; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-top: .25rem; + margin-left: -1.25rem; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -.25rem; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: .75rem; } + +input[type="radio"]:disabled, input[type="radio"].disabled, +fieldset[disabled] input[type="radio"], +input[type="checkbox"]:disabled, +input[type="checkbox"].disabled, +fieldset[disabled] +input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, +fieldset[disabled] +.checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +fieldset[disabled] .radio label, +.checkbox.disabled label, +fieldset[disabled] +.checkbox label { + cursor: not-allowed; } + +.form-control-success, +.form-control-warning, +.form-control-error { + padding-right: 2.25rem; + background-position: center right 0.59375rem; + background-size: 1.54375rem 1.54375rem; + background-repeat: no-repeat; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #5cb85c; } + +.has-success .form-control { + border-color: #5cb85c; } + +.has-success .input-group-addon { + color: #5cb85c; + border-color: #5cb85c; + background-color: #eaf6ea; } + +.has-success .form-control-feedback { + color: #5cb85c; } + +.has-success .form-control-success { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg=="); } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #f0ad4e; } + +.has-warning .form-control { + border-color: #f0ad4e; } + +.has-warning .input-group-addon { + color: #f0ad4e; + border-color: #f0ad4e; + background-color: white; } + +.has-warning .form-control-feedback { + color: #f0ad4e; } + +.has-warning .form-control-warning { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg=="); } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #d9534f; } + +.has-error .form-control { + border-color: #d9534f; } + +.has-error .input-group-addon { + color: #d9534f; + border-color: #d9534f; + background-color: #fdf7f7; } + +.has-error .form-control-feedback { + color: #d9534f; } + +.has-error .form-control-error { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4="); } + +@media (min-width: 34em) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; } + .form-inline .form-control-static { + display: inline-block; } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; } + .form-inline .input-group > .form-control { + width: 100%; } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } } + +.btn { + display: inline-block; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + user-select: none; + border: 0.0625rem solid transparent; + padding: 0.375rem 1rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; } + .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + .btn:focus, .btn:hover { + text-decoration: none; } + .btn.focus { + text-decoration: none; } + .btn:active, .btn.active { + background-image: none; + outline: 0; } + .btn.disabled, .btn:disabled, + fieldset[disabled] .btn { + cursor: not-allowed; + opacity: .65; } + +a.btn.disaabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-primary { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:hover { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + background-image: none; } + .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus, + fieldset[disabled] .btn-primary:focus, + fieldset[disabled] .btn-primary.focus { + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary.disabled:hover, .btn-primary:disabled:hover, + fieldset[disabled] .btn-primary:hover { + background-color: #0275d8; + border-color: #0275d8; } + +.btn-secondary { + color: #373a3c; + background-color: #fff; + border-color: #ccc; } + .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:hover { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:active, .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + background-image: none; } + .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus, + fieldset[disabled] .btn-secondary:focus, + fieldset[disabled] .btn-secondary.focus { + background-color: #fff; + border-color: #ccc; } + .btn-secondary.disabled:hover, .btn-secondary:disabled:hover, + fieldset[disabled] .btn-secondary:hover { + background-color: #fff; + border-color: #ccc; } + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + background-image: none; } + .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus, + fieldset[disabled] .btn-info:focus, + fieldset[disabled] .btn-info.focus { + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info.disabled:hover, .btn-info:disabled:hover, + fieldset[disabled] .btn-info:hover { + background-color: #5bc0de; + border-color: #5bc0de; } + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + background-image: none; } + .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus, + fieldset[disabled] .btn-success:focus, + fieldset[disabled] .btn-success.focus { + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success.disabled:hover, .btn-success:disabled:hover, + fieldset[disabled] .btn-success:hover { + background-color: #5cb85c; + border-color: #5cb85c; } + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + background-image: none; } + .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus, + fieldset[disabled] .btn-warning:focus, + fieldset[disabled] .btn-warning.focus { + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning.disabled:hover, .btn-warning:disabled:hover, + fieldset[disabled] .btn-warning:hover { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + background-image: none; } + .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus, + fieldset[disabled] .btn-danger:focus, + fieldset[disabled] .btn-danger.focus { + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger.disabled:hover, .btn-danger:disabled:hover, + fieldset[disabled] .btn-danger:hover { + background-color: #d9534f; + border-color: #d9534f; } + +.btn-primary-outline { + color: #0275d8; + background-image: none; + background-color: transparent; + border-color: #0275d8; } + .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, + .open > .btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary-outline:hover { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus, + fieldset[disabled] .btn-primary-outline:focus, + fieldset[disabled] .btn-primary-outline.focus { + border-color: #43a7fd; } + .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover, + fieldset[disabled] .btn-primary-outline:hover { + border-color: #43a7fd; } + +.btn-secondary-outline { + color: #ccc; + background-image: none; + background-color: transparent; + border-color: #ccc; } + .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, + .open > .btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-secondary-outline:hover { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus, + fieldset[disabled] .btn-secondary-outline:focus, + fieldset[disabled] .btn-secondary-outline.focus { + border-color: white; } + .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover, + fieldset[disabled] .btn-secondary-outline:hover { + border-color: white; } + +.btn-info-outline { + color: #5bc0de; + background-image: none; + background-color: transparent; + border-color: #5bc0de; } + .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, + .open > .btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info-outline:hover { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus, + fieldset[disabled] .btn-info-outline:focus, + fieldset[disabled] .btn-info-outline.focus { + border-color: #b0e1ef; } + .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover, + fieldset[disabled] .btn-info-outline:hover { + border-color: #b0e1ef; } + +.btn-success-outline { + color: #5cb85c; + background-image: none; + background-color: transparent; + border-color: #5cb85c; } + .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, + .open > .btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success-outline:hover { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus, + fieldset[disabled] .btn-success-outline:focus, + fieldset[disabled] .btn-success-outline.focus { + border-color: #a3d7a3; } + .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover, + fieldset[disabled] .btn-success-outline:hover { + border-color: #a3d7a3; } + +.btn-warning-outline { + color: #f0ad4e; + background-image: none; + background-color: transparent; + border-color: #f0ad4e; } + .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, + .open > .btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning-outline:hover { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus, + fieldset[disabled] .btn-warning-outline:focus, + fieldset[disabled] .btn-warning-outline.focus { + border-color: #f8d9ac; } + .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover, + fieldset[disabled] .btn-warning-outline:hover { + border-color: #f8d9ac; } + +.btn-danger-outline { + color: #d9534f; + background-image: none; + background-color: transparent; + border-color: #d9534f; } + .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, + .open > .btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger-outline:hover { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus, + fieldset[disabled] .btn-danger-outline:focus, + fieldset[disabled] .btn-danger-outline.focus { + border-color: #eba5a3; } + .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover, + fieldset[disabled] .btn-danger-outline:hover { + border-color: #eba5a3; } + +.btn-link { + font-weight: normal; + color: #0275d8; + border-radius: 0; } + .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled, + fieldset[disabled] .btn-link { + background-color: transparent; } + .btn-link, .btn-link:focus, .btn-link:active { + border-color: transparent; } + .btn-link:hover { + border-color: transparent; } + .btn-link:focus, .btn-link:hover { + color: #014c8c; + text-decoration: underline; + background-color: transparent; } + .btn-link:disabled:focus, .btn-link:disabled:hover, + fieldset[disabled] .btn-link:focus, + fieldset[disabled] .btn-link:hover { + color: #818a91; + text-decoration: none; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.75rem 1.25rem; + font-size: 1.25rem; + line-height: 1.3333333333; + border-radius: 0.3rem; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.75rem; + font-size: 0.85rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.btn-block { + display: block; + width: 100%; } + +.btn-block + .btn-block { + margin-top: 5px; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + opacity: 0; + transition: opacity .15s linear; } + .fade.in { + opacity: 1; } + +.collapse { + display: none; } + .collapse.in { + display: block; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; } + +.dropup, +.dropdown { + position: relative; } + +.dropdown-toggle:after { + display: inline-block; + width: 0; + height: 0; + margin-left: .25rem; + vertical-align: middle; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-left: 0.3em solid transparent; } + +.dropdown-toggle:focus { + outline: 0; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 1rem; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + +.dropdown-divider { + height: 1px; + margin: 0.5rem 0; + overflow: hidden; + background-color: #e5e5e5; } + +.dropdown-item { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.5; + color: #373a3c; + white-space: nowrap; + text-align: inherit; + width: 100%; + background: none; + border: 0; } + .dropdown-item:focus, .dropdown-item:hover { + color: #2b2d2f; + text-decoration: none; + background-color: #f5f5f5; } + .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { + color: #fff; + text-decoration: none; + background-color: #0275d8; + outline: 0; } + .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + color: #818a91; } + .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } + +.open > .dropdown-menu { + display: block; } + +.open > a { + outline: 0; } + +.dropdown-menu-right { + right: 0; + left: auto; } + +.dropdown-menu-left { + right: auto; + left: 0; } + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 0.85rem; + line-height: 1.5; + color: #818a91; + white-space: nowrap; } + +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; } + +.pull-right > .dropdown-menu { + right: 0; + left: auto; } + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 0.3em solid; } + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + float: left; } + .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 2; } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover { + z-index: 2; } + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; } + +.btn-toolbar { + margin-left: -5px; } + .btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table; } + .btn-toolbar:after { + clear: both; } + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 5px; } + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } + +.btn-group > .btn:first-child { + margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.btn-group > .btn-group { + float: left; } + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; } + +.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; } + +.btn .caret { + margin-left: 0; } + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 0.3em 0.3em 0; + border-bottom-width: 0; } + +.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { + border-width: 0 0.3em 0.3em; } + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; } + +.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { + content: " "; + display: table; } + +.btn-group-vertical > .btn-group:after { + clear: both; } + +.btn-group-vertical > .btn-group > .btn { + float: none; } + +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } + +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; } + +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group { + position: relative; + display: table; + border-collapse: separate; } + .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; } + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; } + .input-group-addon:not(:first-child):not(:last-child), + .input-group-btn:not(:first-child):not(:last-child), + .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; } + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; } + +.input-group-addon { + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: normal; + line-height: 1; + color: #55595c; + text-align: center; + background-color: #eceeef; + border: 1px solid #ccc; + border-radius: 0.25rem; } + .input-group-addon.form-control-sm, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 0.275rem 0.75rem; + font-size: 0.85rem; + border-radius: 0.2rem; } + .input-group-addon.form-control-lg, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 1.25rem 1.25rem; + font-size: 1.25rem; + border-radius: 0.3rem; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.input-group-addon:first-child { + border-right: 0; } + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.input-group-addon:last-child { + border-left: 0; } + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 2; } + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-right: -1px; } + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; } + +.c-input { + position: relative; + display: inline; + padding-left: 1.5rem; + color: #555; + cursor: pointer; } + .c-input > input { + position: absolute; + z-index: -1; + opacity: 0; } + .c-input > input:checked ~ .c-indicator { + color: #fff; + background-color: #0074d9; } + .c-input > input:active ~ .c-indicator { + color: #fff; + background-color: #84c6ff; } + .c-input + .c-input { + margin-left: 1rem; } + +.c-indicator { + position: absolute; + top: 0; + left: 0; + display: block; + width: 1rem; + height: 1rem; + font-size: 65%; + line-height: 1rem; + color: #eee; + text-align: center; + user-select: none; + background-color: #eee; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; } + +.c-checkbox .c-indicator { + border-radius: .25rem; } + +.c-checkbox input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); } + +.c-checkbox input:indeterminate ~ .c-indicator { + background-color: #0074d9; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); } + +.c-radio .c-indicator { + border-radius: 50%; } + +.c-radio input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } + +.c-inputs-stacked .c-input { + display: inline; } + .c-inputs-stacked .c-input:after { + display: block; + margin-bottom: .25rem; + content: ""; } + .c-inputs-stacked .c-input + .c-input { + margin-left: 0; } + +.c-select { + display: inline-block; + max-width: 100%; + padding: .375rem 1.75rem .375rem .75rem; + vertical-align: middle; + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #ccc; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding-right: .75rem \9; + background-image: none \9; } + .c-select:focus { + outline: none; + border-color: #51a7e8; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); } + .c-select::-ms-expand { + opacity: 0; } + +.c-select-sm { + padding-top: 3px; + padding-bottom: 3px; + font-size: 12px; } + .c-select-sm:not([multiple]) { + height: 26px; + min-height: 26px; } + +.file { + position: relative; + display: inline-block; + height: 2.5rem; + cursor: pointer; } + +.file input { + min-width: 14rem; + margin: 0; + filter: alpha(opacity=0); + opacity: 0; } + +.file-custom { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + user-select: none; + background-color: #fff; + border: .075rem solid #ddd; + border-radius: .25rem; + box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); } + +.file-custom:after { + content: "Choose file..."; } + +.file-custom:before { + position: absolute; + top: -.075rem; + right: -.075rem; + bottom: -.075rem; + z-index: 6; + display: block; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + content: "Browse"; + background-color: #eee; + border: .075rem solid #ddd; + border-radius: 0 .25rem .25rem 0; } + +.file input:focus ~ .file-custom { + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; } + +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.nav-link { + display: inline-block; } + .nav-link:focus, .nav-link:hover { + text-decoration: none; } + .nav-link.disabled { + color: #818a91; } + .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: transparent; } + +.nav-inline .nav-link + .nav-link { + margin-left: 1rem; } + +.nav-tabs { + border-bottom: 1px solid #ddd; } + .nav-tabs:before, .nav-tabs:after { + content: " "; + display: table; } + .nav-tabs:after { + clear: both; } + .nav-tabs .nav-item { + float: left; + margin-bottom: -1px; } + .nav-tabs .nav-item + .nav-item { + margin-left: .2rem; } + .nav-tabs .nav-link { + display: block; + padding: 0.5em 1em; + border: 1px solid transparent; + border-radius: 0.25rem 0.25rem 0 0; } + .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color: #eceeef #eceeef #ddd; } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { + color: #818a91; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, + .nav-tabs .nav-item.open .nav-link, + .nav-tabs .nav-item.open .nav-link:focus, + .nav-tabs .nav-item.open .nav-link:hover { + color: #55595c; + background-color: #fff; + border-color: #ddd #ddd transparent; } + +.nav-pills .nav-item { + float: left; } + .nav-pills .nav-item + .nav-item { + margin-left: .2rem; } + +.nav-pills .nav-link { + display: block; + padding: 0.5em 1em; + border-radius: 0.25rem; } + +.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, +.nav-pills .nav-item.open .nav-link, +.nav-pills .nav-item.open .nav-link:focus, +.nav-pills .nav-item.open .nav-link:hover { + color: #fff; + cursor: default; + background-color: #0275d8; } + +.nav-stacked .nav-item { + display: block; + float: none; } + .nav-stacked .nav-item + .nav-item { + margin-top: .2rem; + margin-left: 0; } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.navbar { + position: relative; + padding: 0.5rem 1rem; } + .navbar:before, .navbar:after { + content: " "; + display: table; } + .navbar:after { + clear: both; } + @media (min-width: 34em) { + .navbar { + border-radius: 0.25rem; } } + +.navbar-static-top { + z-index: 1000; } + @media (min-width: 34em) { + .navbar-static-top { + border-radius: 0; } } + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; } + @media (min-width: 34em) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; } } + +.navbar-fixed-top { + top: 0; } + +.navbar-fixed-bottom { + bottom: 0; } + +.navbar-sticky-top { + position: sticky; + top: 0; + z-index: 1030; + width: 100%; } + @media (min-width: 34em) { + .navbar-sticky-top { + border-radius: 0; } } + +.navbar-brand { + float: left; + margin-right: 1rem; + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 1.25rem; } + .navbar-brand:focus, .navbar-brand:hover { + text-decoration: none; } + .navbar-brand > img { + display: block; } + +.navbar-divider { + float: left; + width: 1px; + padding-top: .425rem; + padding-bottom: .425rem; + overflow: hidden; + margin-left: 1rem; + margin-right: 1rem; } + .navbar-divider:before { + content: '\00a0'; } + +.navbar-toggler { + padding: .5rem .75rem; + font-size: 1.25rem; + line-height: 1; + background: none; + border: 0.0625rem solid transparent; + border-radius: 0.25rem; } + .navbar-toggler:focus, .navbar-toggler:hover { + text-decoration: none; } + +@media (min-width: 34em) { + .navbar-toggleable-xs { + display: block !important; } } + +@media (min-width: 48em) { + .navbar-toggleable-sm { + display: block !important; } } + +.navbar-nav .nav-item { + float: left; } + +.navbar-nav .nav-link { + display: block; + padding-top: .425rem; + padding-bottom: .425rem; } + .navbar-nav .nav-link + .nav-link { + margin-left: 1rem; } + +.navbar-nav .nav-item + .nav-item { + margin-left: 1rem; } + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.8); } + .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, 0.8); } + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.3); } + .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, 0.6); } + +.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .active > .nav-link:focus, +.navbar-light .navbar-nav .active > .nav-link:hover, +.navbar-light .navbar-nav .nav-link.open, +.navbar-light .navbar-nav .nav-link.open:focus, +.navbar-light .navbar-nav .nav-link.open:hover, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.active:focus, +.navbar-light .navbar-nav .nav-link.active:hover { + color: rgba(0, 0, 0, 0.8); } + +.navbar-light .navbar-divider { + background-color: rgba(0, 0, 0, 0.075); } + +.navbar-dark .navbar-brand { + color: white; } + .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: white; } + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, 0.75); } + +.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link:focus, +.navbar-dark .navbar-nav .active > .nav-link:hover, +.navbar-dark .navbar-nav .nav-link.open, +.navbar-dark .navbar-nav .nav-link.open:focus, +.navbar-dark .navbar-nav .nav-link.open:hover, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.active:focus, +.navbar-dark .navbar-nav .nav-link.active:hover { + color: white; } + +.navbar-dark .navbar-divider { + background-color: rgba(255, 255, 255, 0.075); } + +.card { + position: relative; + margin-bottom: 0.75rem; + border: 0.0625rem solid #e5e5e5; + border-radius: 0.25rem; } + +.card-block { + padding: 1.25rem; } + +.card-title { + margin-top: 0; + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card > .list-group:first-child .list-group-item:first-child { + border-radius: 0.25rem 0.25rem 0 0; } + +.card > .list-group:last-child .list-group-item:last-child { + border-radius: 0 0 0.25rem 0.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + border-bottom: 0.0625rem solid #e5e5e5; } + .card-header:first-child { + border-radius: 0.1875rem 0.1875rem 0 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + border-top: 0.0625rem solid #e5e5e5; } + .card-footer:last-child { + border-radius: 0 0 0.1875rem 0.1875rem; } + +.card-primary { + background-color: #0275d8; + border-color: #0275d8; } + +.card-success { + background-color: #5cb85c; + border-color: #5cb85c; } + +.card-info { + background-color: #5bc0de; + border-color: #5bc0de; } + +.card-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.card-danger { + background-color: #d9534f; + border-color: #d9534f; } + +.card-inverse .card-header, +.card-inverse .card-footer { + border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); } + +.card-inverse .card-header, +.card-inverse .card-footer, +.card-inverse .card-title, +.card-inverse .card-blockquote { + color: #fff; } + +.card-inverse .card-link, +.card-inverse .card-text, +.card-inverse .card-blockquote > footer { + color: rgba(255, 255, 255, 0.65); } + +.card-inverse .card-link:focus, .card-inverse .card-link:hover { + color: #fff; } + +.card-blockquote { + padding: 0; + margin-bottom: 0; + border-left: 0; } + +.card-img { + border-radius: 0.25rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img-top { + border-radius: 0.25rem 0.25rem 0 0; } + +.card-img-bottom { + border-radius: 0 0 0.25rem 0.25rem; } + +.card-deck { + display: table; + table-layout: fixed; + border-spacing: 1.25rem 0; } + .card-deck .card { + display: table-cell; + width: 1%; + vertical-align: top; } + +.card-deck-wrapper { + margin-right: -1.25rem; + margin-left: -1.25rem; } + +.card-group { + display: table; + width: 100%; + table-layout: fixed; } + .card-group .card { + display: table-cell; + vertical-align: top; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } + .card-group .card:first-child .card-img-top { + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-bottom { + border-bottom-right-radius: 0; } + .card-group .card:last-child .card-img-top { + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-bottom { + border-bottom-left-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + border-radius: 0; } + +.card-columns { + column-count: 3; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } + +.breadcrumb { + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #eceeef; + border-radius: 0.25rem; } + .breadcrumb > li { + display: inline-block; } + .breadcrumb > li + li:before { + padding-right: .5rem; + padding-left: .5rem; + color: #818a91; + content: "/ "; } + .breadcrumb > .active { + color: #818a91; } + +.pagination { + display: inline-block; + padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; + border-radius: 0.25rem; } + .pagination > li { + display: inline; } + .pagination > li > a, + .pagination > li > span { + position: relative; + float: left; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.5; + color: #0275d8; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; } + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .pagination > li:last-child > a, + .pagination > li:last-child > span { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .pagination > li > a:focus, .pagination > li > a:hover, + .pagination > li > span:focus, + .pagination > li > span:hover { + color: #014c8c; + background-color: #eceeef; + border-color: #ddd; } + .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, + .pagination > .active > span, + .pagination > .active > span:focus, + .pagination > .active > span:hover { + z-index: 2; + color: #fff; + cursor: default; + background-color: #0275d8; + border-color: #0275d8; } + .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, + .pagination > .disabled > a, + .pagination > .disabled > a:focus, + .pagination > .disabled > a:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; } + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.3333333333; } + +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 0.3rem; + border-top-left-radius: 0.3rem; } + +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 0.3rem; + border-top-right-radius: 0.3rem; } + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 0.275rem 0.75rem; + font-size: 0.85rem; + line-height: 1.5; } + +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 0.2rem; + border-top-left-radius: 0.2rem; } + +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 0.2rem; + border-top-right-radius: 0.2rem; } + +.pager { + padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; + text-align: center; + list-style: none; } + .pager:before, .pager:after { + content: " "; + display: table; } + .pager:after { + clear: both; } + .pager li { + display: inline; } + .pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; } + .pager li > a:focus, .pager li > a:hover { + text-decoration: none; + background-color: #eceeef; } + .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; } + .pager .disabled > span { + color: #818a91; + cursor: not-allowed; + background-color: #fff; } + +.pager-next > a, +.pager-next > span { + float: right; } + +.pager-prev > a, +.pager-prev > span { + float: left; } + +.label { + display: inline-block; + padding: .25em .4em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; } + .label:empty { + display: none; } + .btn .label { + position: relative; + top: -1px; } + +a.label:focus, a.label:hover { + color: #fff; + text-decoration: none; + cursor: pointer; } + +.label-pill { + padding-left: .6em; + padding-right: .6em; + border-radius: 1rem; } + +.label-default { + background-color: #818a91; } + .label-default[href]:focus, .label-default[href]:hover { + background-color: #687077; } + +.label-primary { + background-color: #0275d8; } + .label-primary[href]:focus, .label-primary[href]:hover { + background-color: #025aa5; } + +.label-success { + background-color: #5cb85c; } + .label-success[href]:focus, .label-success[href]:hover { + background-color: #449d44; } + +.label-info { + background-color: #5bc0de; } + .label-info[href]:focus, .label-info[href]:hover { + background-color: #31b0d5; } + +.label-warning { + background-color: #f0ad4e; } + .label-warning[href]:focus, .label-warning[href]:hover { + background-color: #ec971f; } + +.label-danger { + background-color: #d9534f; } + .label-danger[href]:focus, .label-danger[href]:hover { + background-color: #c9302c; } + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #eceeef; + border-radius: 0.3rem; } + +.jumbotron-hr { + border-top-color: #d0d5d8; } + +@media (min-width: 34em) { + .jumbotron { + padding: 4rem 2rem; } } + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; } + +.alert { + padding: 15px; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; } + .alert > p, + .alert > ul { + margin-bottom: 0; } + .alert > p + p { + margin-top: 5px; } + +.alert-heading { + margin-top: 0; + color: inherit; } + +.alert-link { + font-weight: bold; } + +.alert-dismissible { + padding-right: 35px; } + .alert-dismissible .close, .alert-dismissible .mailbox-attachment-close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } + +.alert-success { + background-color: #dff0d8; + border-color: #d0e9c6; + color: #3c763d; } + .alert-success hr { + border-top-color: #c1e2b3; } + .alert-success .alert-link { + color: #2b542c; } + +.alert-info { + background-color: #d9edf7; + border-color: #bcdff1; + color: #31708f; } + .alert-info hr { + border-top-color: #a6d5ec; } + .alert-info .alert-link { + color: #245269; } + +.alert-warning { + background-color: #fcf8e3; + border-color: #faf2cc; + color: #8a6d3b; } + .alert-warning hr { + border-top-color: #f7ecb5; } + .alert-warning .alert-link { + color: #66512c; } + +.alert-danger { + background-color: #f2dede; + border-color: #ebcccc; + color: #a94442; } + .alert-danger hr { + border-top-color: #e4b9b9; } + .alert-danger .alert-link { + color: #843534; } + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } + +.progress { + display: block; + width: 100%; + height: 1rem; + margin-bottom: 1rem; } + +.progress[value] { + color: #0074d9; + border: 0; + appearance: none; } + +.progress[value]::-webkit-progress-bar { + background-color: #eee; + border-radius: 0.25rem; } + +.progress[value]::-webkit-progress-value::before { + content: attr(value); } + +.progress[value]::-webkit-progress-value { + background-color: #0074d9; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.progress[value="100"]::-webkit-progress-value { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } + +@media screen and (min-width: 0\0) { + .progress { + background-color: #eee; + border-radius: 0.25rem; } + .progress-bar { + display: inline-block; + height: 1rem; + text-indent: -999rem; + background-color: #0074d9; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .progress[width^="0"] { + min-width: 2rem; + color: #818a91; + background-color: transparent; + background-image: none; } + .progress[width="100%"] { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } } + +.progress-striped[value]::-webkit-progress-value { + 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); + background-size: 1rem 1rem; } + +.progress-striped[value]::-moz-progress-bar { + 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); + background-size: 1rem 1rem; } + +@media screen and (min-width: 0\0) { + .progress-bar-striped { + 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); + background-size: 1rem 1rem; } } + +.progress-animated[value]::-webkit-progress-value { + animation: progress-bar-stripes 2s linear infinite; } + +.progress-animated[value]::-moz-progress-bar { + animation: progress-bar-stripes 2s linear infinite; } + +@media screen and (min-width: 0\0) { + .progress-animated .progress-bar-striped { + animation: progress-bar-stripes 2s linear infinite; } } + +.progress-success[value]::-webkit-progress-value { + background-color: #5cb85c; } + +.progress-success[value]::-moz-progress-bar { + background-color: #5cb85c; } + +@media screen and (min-width: 0\0) { + .progress-success .progress-bar { + background-color: #5cb85c; } } + +.progress-info[value]::-webkit-progress-value { + background-color: #5bc0de; } + +.progress-info[value]::-moz-progress-bar { + background-color: #5bc0de; } + +@media screen and (min-width: 0\0) { + .progress-info .progress-bar { + background-color: #5bc0de; } } + +.progress-warning[value]::-webkit-progress-value { + background-color: #f0ad4e; } + +.progress-warning[value]::-moz-progress-bar { + background-color: #f0ad4e; } + +@media screen and (min-width: 0\0) { + .progress-warning .progress-bar { + background-color: #f0ad4e; } } + +.progress-danger[value]::-webkit-progress-value { + background-color: #d9534f; } + +.progress-danger[value]::-moz-progress-bar { + background-color: #d9534f; } + +@media screen and (min-width: 0\0) { + .progress-danger .progress-bar { + background-color: #d9534f; } } + +.media { + margin-top: 15px; } + .media:first-child { + margin-top: 0; } + +.media, +.media-body { + overflow: hidden; + zoom: 1; } + +.media-body { + width: 10000px; } + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; } + +.media-middle { + vertical-align: middle; } + +.media-bottom { + vertical-align: bottom; } + +.media-object { + display: block; } + .media-object.img-thumbnail { + max-width: none; } + +.media-right { + padding-left: 10px; } + +.media-left { + padding-right: 10px; } + +.media-heading { + margin-top: 0; + margin-bottom: 5px; } + +.media-list { + padding-left: 0; + list-style: none; } + +.list-group { + padding-left: 0; + margin-bottom: 0; } + +.list-group-item { + position: relative; + display: block; + padding: .75rem 1.25rem; + margin-bottom: -.0625rem; + background-color: #fff; + border: 0.0625rem solid #ddd; } + .list-group-item:first-child { + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.list-group-flush .list-group-item { + border-width: .0625rem 0; + border-radius: 0; } + +a.list-group-item, +button.list-group-item { + width: 100%; + text-align: inherit; + color: #555; } + a.list-group-item .list-group-item-heading, + button.list-group-item .list-group-item-heading { + color: #333; } + a.list-group-item:focus, a.list-group-item:hover, + button.list-group-item:focus, + button.list-group-item:hover { + color: #555; + text-decoration: none; + background-color: #f5f5f5; } + +.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; } + .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { + color: inherit; } + .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { + color: #818a91; } + +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { + z-index: 2; + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .list-group-item.active .list-group-item-heading, + .list-group-item.active .list-group-item-heading > small, + .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, + .list-group-item.active:focus .list-group-item-heading > small, + .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, + .list-group-item.active:hover .list-group-item-heading > small, + .list-group-item.active:hover .list-group-item-heading > .small { + color: inherit; } + .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { + color: #a8d6fe; } + +.list-group-item-state { + color: #3c763d; + background-color: #dff0d8; } + +a.list-group-item-state, +button.list-group-item-state { + color: #3c763d; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #3c763d; + background-color: #d0e9c6; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; } + +.list-group-item-state { + color: #31708f; + background-color: #d9edf7; } + +a.list-group-item-state, +button.list-group-item-state { + color: #31708f; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #31708f; + background-color: #c4e3f3; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #31708f; + border-color: #31708f; } + +.list-group-item-state { + color: #8a6d3b; + background-color: #fcf8e3; } + +a.list-group-item-state, +button.list-group-item-state { + color: #8a6d3b; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #8a6d3b; + background-color: #faf2cc; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; } + +.list-group-item-state { + color: #a94442; + background-color: #f2dede; } + +a.list-group-item-state, +button.list-group-item-state { + color: #a94442; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #a94442; + background-color: #ebcccc; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #a94442; + border-color: #a94442; } + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; } + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; } + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } + +.embed-responsive-21by9 { + padding-bottom: 42.8571428571%; } + +.embed-responsive-16by9 { + padding-bottom: 56.25%; } + +.embed-responsive-4by3 { + padding-bottom: 75%; } + +.close, .mailbox-attachment-close { + float: right; + font-size: 1.5rem; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; } + .close:focus, .mailbox-attachment-close:focus, .close:hover, .mailbox-attachment-close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; } + +button.close, button.mailbox-attachment-close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.modal-open { + overflow: hidden; } + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; + -webkit-overflow-scrolling: touch; } + .modal.fade .modal-dialog { + transform: translate(0, -25%); + transition: transform .3s ease-out; } + .modal.in .modal-dialog { + transform: translate(0, 0); } + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; } + +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; } + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.in { + opacity: 0.5; } + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; } + .modal-header:before, .modal-header:after { + content: " "; + display: table; } + .modal-header:after { + clear: both; } + +.modal-header .close, .modal-header .mailbox-attachment-close { + margin-top: -2px; } + +.modal-title { + margin: 0; + line-height: 1.5; } + +.modal-body { + position: relative; + padding: 15px; } + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; } + .modal-footer:before, .modal-footer:after { + content: " "; + display: table; } + .modal-footer:after { + clear: both; } + .modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } + .modal-footer .btn-block + .btn-block { + margin-left: 0; } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } + +@media (min-width: 34em) { + .modal-dialog { + width: 600px; + margin: 30px auto; } + .modal-sm { + width: 300px; } } + +@media (min-width: 48em) { + .modal-lg { + width: 900px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 0.85rem; + opacity: 0; } + .tooltip.in { + opacity: 0.9; } + .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { + padding: 5px 0; + margin-top: -3px; } + .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; } + .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { + padding: 0 5px; + margin-left: 3px; } + .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; } + .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { + padding: 5px 0; + margin-top: 3px; } + .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } + .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { + padding: 0 5px; + margin-left: -3px; } + .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; } + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; } + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + padding: 1px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 0.85rem; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; } + .popover.popover-top, .popover.bs-tether-element-attached-bottom { + margin-top: -10px; } + .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; } + .popover.popover-top .popover-arrow:after, .popover.bs-tether-element-attached-bottom .popover-arrow:after { + bottom: 1px; + margin-left: -10px; + content: ""; + border-top-color: #fff; + border-bottom-width: 0; } + .popover.popover-right, .popover.bs-tether-element-attached-left { + margin-left: 10px; } + .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.popover-right .popover-arrow:after, .popover.bs-tether-element-attached-left .popover-arrow:after { + bottom: -10px; + left: 1px; + content: ""; + border-right-color: #fff; + border-left-width: 0; } + .popover.popover-bottom, .popover.bs-tether-element-attached-top { + margin-top: 10px; } + .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); } + .popover.popover-bottom .popover-arrow:after, .popover.bs-tether-element-attached-top .popover-arrow:after { + top: 1px; + margin-left: -10px; + content: ""; + border-top-width: 0; + border-bottom-color: #fff; } + .popover.popover-left, .popover.bs-tether-element-attached-right { + margin-left: -10px; } + .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: rgba(0, 0, 0, 0.25); } + .popover.popover-left .popover-arrow:after, .popover.bs-tether-element-attached-right .popover-arrow:after { + right: 1px; + bottom: -10px; + content: ""; + border-right-width: 0; + border-left-color: #fff; } + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: -0.7rem -0.7rem 0 0; } + +.popover-content { + padding: 9px 14px; } + +.popover-arrow, .popover-arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.popover-arrow { + border-width: 11px; } + +.popover-arrow:after { + content: ""; + border-width: 10px; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner > .carousel-item { + position: relative; + display: none; + transition: .6s ease-in-out left; } + .carousel-inner > .carousel-item > img, + .carousel-inner > .carousel-item > a > img { + line-height: 1; } + @media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .carousel-item { + transition: transform .6s ease-in-out; + backface-visibility: hidden; + perspective: 1000px; } + .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { + left: 0; + transform: translate3d(100%, 0, 0); } + .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { + left: 0; + transform: translate3d(-100%, 0, 0); } + .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { + left: 0; + transform: translate3d(0, 0, 0); } } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; } + .carousel-control.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + .carousel-control.right { + right: 0; + left: auto; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + .carousel-control:focus, .carousel-control:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + .carousel-control .icon-prev, + .carousel-control .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; } + .carousel-control .icon-prev { + left: 50%; + margin-left: -10px; } + .carousel-control .icon-next { + right: 50%; + margin-right: -10px; } + .carousel-control .icon-prev:before { + content: "\2039"; } + .carousel-control .icon-next:before { + content: "\203a"; } + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: transparent; + border: 1px solid #fff; + border-radius: 10px; } + .carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { + text-shadow: none; } + +@media (min-width: 34em) { + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; } + .carousel-control .icon-prev { + margin-left: -15px; } + .carousel-control .icon-next { + margin-right: -15px; } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; } + .carousel-indicators { + bottom: 20px; } } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } + +.clearfix:after { + clear: both; } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } + +.pull-right { + float: right !important; } + +.pull-left { + float: left !important; } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } + +[hidden] { + display: none !important; } + +.invisible { + visibility: hidden; } + +.text-hide { + font: "0/0" a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +.text-justify { + text-align: justify; } + +.text-nowrap { + white-space: nowrap; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-xs-left { + text-align: left; } + +.text-xs-right { + text-align: right; } + +.text-xs-center { + text-align: center; } + +@media (min-width: 34em) { + .text-sm-left { + text-align: left; } + .text-sm-right { + text-align: right; } + .text-sm-center { + text-align: center; } } + +@media (min-width: 48em) { + .text-md-left { + text-align: left; } + .text-md-right { + text-align: right; } + .text-md-center { + text-align: center; } } + +@media (min-width: 62em) { + .text-lg-left { + text-align: left; } + .text-lg-right { + text-align: right; } + .text-lg-center { + text-align: center; } } + +@media (min-width: 75em) { + .text-xl-left { + text-align: left; } + .text-xl-right { + text-align: right; } + .text-xl-center { + text-align: center; } } + +.text-lowercase { + text-transform: lowercase; } + +.text-uppercase { + text-transform: uppercase; } + +.text-capitalize { + text-transform: capitalize; } + +.text-muted { + color: #818a91; } + +.text-primary { + color: #0275d8; } + +a.text-primary:focus, a.text-primary:hover { + color: #025aa5; } + +.text-success { + color: #5cb85c; } + +a.text-success:focus, a.text-success:hover { + color: #449d44; } + +.text-info { + color: #5bc0de; } + +a.text-info:focus, a.text-info:hover { + color: #31b0d5; } + +.text-warning { + color: #f0ad4e; } + +a.text-warning:focus, a.text-warning:hover { + color: #ec971f; } + +.text-danger { + color: #d9534f; } + +a.text-danger:focus, a.text-danger:hover { + color: #c9302c; } + +.bg-inverse { + color: #eceeef; + background-color: #373a3c; } + +.bg-faded { + background-color: #f7f7f9; } + +.bg-primary { + color: #fff; + background-color: #0275d8; } + +a.bg-primary:focus, a.bg-primary:hover { + background-color: #025aa5; } + +.bg-success { + color: #fff; + background-color: #5cb85c; } + +a.bg-success:focus, a.bg-success:hover { + background-color: #449d44; } + +.bg-info { + color: #fff; + background-color: #5bc0de; } + +a.bg-info:focus, a.bg-info:hover { + background-color: #31b0d5; } + +.bg-warning { + color: #fff; + background-color: #f0ad4e; } + +a.bg-warning:focus, a.bg-warning:hover { + background-color: #ec971f; } + +.bg-danger { + color: #fff; + background-color: #d9534f; } + +a.bg-danger:focus, a.bg-danger:hover { + background-color: #c9302c; } + +.m-a-0 { + margin: 0 !important; } + +.m-t-0 { + margin-top: 0 !important; } + +.m-r-0 { + margin-right: 0 !important; } + +.m-b-0 { + margin-bottom: 0 !important; } + +.m-l-0 { + margin-left: 0 !important; } + +.m-x-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + +.m-y-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.m-a { + margin: 1rem !important; } + +.m-t { + margin-top: 1rem !important; } + +.m-r { + margin-right: 1rem !important; } + +.m-b { + margin-bottom: 1rem !important; } + +.m-l { + margin-left: 1rem !important; } + +.m-x { + margin-right: 1rem !important; + margin-left: 1rem !important; } + +.m-y { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.m-x-auto { + margin-right: auto !important; + margin-left: auto !important; } + +.m-a-md { + margin: 1.5rem !important; } + +.m-t-md { + margin-top: 1.5rem !important; } + +.m-r-md { + margin-right: 1.5rem !important; } + +.m-b-md { + margin-bottom: 1.5rem !important; } + +.m-l-md { + margin-left: 1.5rem !important; } + +.m-x-md { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + +.m-y-md { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.m-a-lg { + margin: 3rem !important; } + +.m-t-lg { + margin-top: 3rem !important; } + +.m-r-lg { + margin-right: 3rem !important; } + +.m-b-lg { + margin-bottom: 3rem !important; } + +.m-l-lg { + margin-left: 3rem !important; } + +.m-x-lg { + margin-right: 3rem !important; + margin-left: 3rem !important; } + +.m-y-lg { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.p-a-0 { + padding: 0 !important; } + +.p-t-0 { + padding-top: 0 !important; } + +.p-r-0 { + padding-right: 0 !important; } + +.p-b-0 { + padding-bottom: 0 !important; } + +.p-l-0 { + padding-left: 0 !important; } + +.p-x-0 { + padding-left: 0 !important; + padding-right: 0 !important; } + +.p-y-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.p-a { + padding: 1rem !important; } + +.p-t { + padding-top: 1rem !important; } + +.p-r { + padding-right: 1rem !important; } + +.p-b { + padding-bottom: 1rem !important; } + +.p-l { + padding-left: 1rem !important; } + +.p-x { + padding-right: 1rem !important; + padding-left: 1rem !important; } + +.p-y { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.p-a-md { + padding: 1.5rem !important; } + +.p-t-md { + padding-top: 1.5rem !important; } + +.p-r-md { + padding-right: 1.5rem !important; } + +.p-b-md { + padding-bottom: 1.5rem !important; } + +.p-l-md { + padding-left: 1.5rem !important; } + +.p-x-md { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + +.p-y-md { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.p-a-lg { + padding: 3rem !important; } + +.p-t-lg { + padding-top: 3rem !important; } + +.p-r-lg { + padding-right: 3rem !important; } + +.p-b-lg { + padding-bottom: 3rem !important; } + +.p-l-lg { + padding-left: 3rem !important; } + +.p-x-lg { + padding-right: 3rem !important; + padding-left: 3rem !important; } + +.p-y-lg { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.pos-f-t { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.hidden-xs-up { + display: none !important; } + +@media (max-width: 33.9em) { + .hidden-xs-down { + display: none !important; } } + +@media (min-width: 34em) { + .hidden-sm-up { + display: none !important; } } + +@media (max-width: 47.9em) { + .hidden-sm-down { + display: none !important; } } + +@media (min-width: 48em) { + .hidden-md-up { + display: none !important; } } + +@media (max-width: 61.9em) { + .hidden-md-down { + display: none !important; } } + +@media (min-width: 62em) { + .hidden-lg-up { + display: none !important; } } + +@media (max-width: 74.9em) { + .hidden-lg-down { + display: none !important; } } + +@media (min-width: 75em) { + .hidden-xl-up { + display: none !important; } } + +.hidden-xl-down { + display: none !important; } + +.visible-print-block { + display: none !important; } + @media print { + .visible-print-block { + display: block !important; } } + +.visible-print-inline { + display: none !important; } + @media print { + .visible-print-inline { + display: inline !important; } } + +.visible-print-inline-block { + display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; } } + +@media print { + .hidden-print .hidden-print { + display: none !important; } } + +/* + * Core: General Layout Style + * ------------------------- + */ +html, +body { + min-height: 100%; } + .layout-boxed html, .layout-boxed + body { + height: 100%; } + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + overflow-x: hidden; } + +/* Layout */ +.wrapper { + min-height: 100%; + position: relative; + overflow: hidden; } + .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 + */ +.content-wrapper { + min-height: 100%; } + +.content-wrapper, +.main-footer { + margin-left: 230px; + z-index: 820; } + .layout-top-nav .content-wrapper, .layout-top-nav + .main-footer { + margin-left: 0; } + @media (max-width: 49em) { + .content-wrapper, + .main-footer { + margin-left: 0; } } + @media (min-width: 48em) { + .sidebar-collapse .content-wrapper, .sidebar-collapse + .main-footer { + margin-left: 0; } } + +.main-header, +.main-footer, +.content-wrapper { + transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; } + @media (max-width: 49em) { + .sidebar-open .main-header, .sidebar-open + .main-footer, .sidebar-open + .content-wrapper { + -webkit-transform: translate(230px, 0); + -ms-transform: translate(230px, 0); + transform: translate(230px, 0); } } + +.content-wrapper, +.right-side { + min-height: 100%; + background-color: #eceeef; + z-index: 800; } + +.main-footer { + background: #fff; + padding: 15px; + color: #444; + border-top: 1px solid #eceeef; } + +/* 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; } + +.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 */ + transition: none; } + +/* Content */ +.content { + min-height: 250px; + padding: 0 15px 15px 15px; } + +/* H1 - H6 font */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: 'Source Sans Pro', sans-serif; } + +/* General Links */ +a { + color: #0275d8; } + +a:hover, +a:active, +a:focus { + outline: none; + text-decoration: none; + color: #299bfd; } + +/* 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 { + padding: 0 16px 0 0; } + .main-header .navbar-brand { + width: 230px; + padding: 10px; } + .main-header .nav-link { + padding: 15px 5px; } + +.content-header { + padding: 15px; } + .content-header h1 { + font-size: 1.8rem; + margin: 0; } + .content-header .breadcrumb { + margin-bottom: 0; + padding: 0; + background: transparent; + font-size: 1rem; } + +/* + * Component: Sidebar + * ------------------ + */ +.main-sidebar { + position: absolute; + top: 0; + left: 0; + padding-top: 55px; + min-height: 100%; + width: 230px; + z-index: 810; + transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } + @media (max-width: 48em) { + .main-sidebar { + padding-top: 0; } } + @media (max-width: 49em) { + .main-sidebar { + -webkit-transform: translate(-230px, 0); + -ms-transform: translate(-230px, 0); + transform: translate(-230px, 0); } } + @media (min-width: 48em) { + .sidebar-collapse .main-sidebar { + -webkit-transform: translate(-230px, 0); + -ms-transform: translate(-230px, 0); + transform: translate(-230px, 0); } } + @media (max-width: 49em) { + .sidebar-open .main-sidebar { + -webkit-transform: translate(0, 0); + -ms-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-top: 3px; + margin-right: 5px; } + .sidebar-menu li.header { + padding: 10px 25px 10px 15px; + font-size: 12px; } + .sidebar-menu li > a > .fa-angle-left { + width: auto; + height: auto; + padding: 0; + margin-right: 10px; + margin-top: 3px; } + .sidebar-menu li.active > a > .fa-angle-left { + -ms-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 > .fa-angle-left, + .sidebar-menu .treeview-menu > li > a > .fa-angle-down { + width: auto; } + +/* + * Component: Sidebar Mini + */ +@media (min-width: 34em) { + .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); + 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 > .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 { + 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; + transition: right 0.3s ease-in-out; } + +.control-sidebar { + position: absolute; + z-index: 1010; } + .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: 34em) { + .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: 34em) { + .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: #b8c7ce; } + .control-sidebar-dark, + .control-sidebar-dark + .control-sidebar-bg { + background: #222d32; } + .control-sidebar-dark .nav-tabs.control-sidebar-tabs { + border-bottom: #1c2529; } + .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { + background: #181f23; + color: #b8c7ce; } + .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: #141a1d; + border-bottom-color: #141a1d; } + .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: #1c2529; } + .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: #222d32; + 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: #1e282c; } + .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { + color: #b8c7ce; } + +.control-sidebar-light { + color: #5e5e5e; } + .control-sidebar-light, + .control-sidebar-light + .control-sidebar-bg { + background: #f9fafc; + border-left: 1px solid #55595c; } + .control-sidebar-light .nav-tabs.control-sidebar-tabs { + border-bottom: #55595c; } + .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { + background: #e8ecf4; + color: #444; } + .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: #55595c; + border-bottom-color: #55595c; } + .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: #eff2f7; } + .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: #f9fafc; + 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: #f4f4f5; } + .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { + color: #5e5e5e; } + +/* + * 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: #616669; + 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-radius: 4px 4px 0 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-radius: 0 0 4px 4px; + font-size: 12px; + background-color: #fff; + padding: 7px 10px; + border-bottom: 1px solid #eeeeee; + color: #444 !important; + text-align: center; } + @media (max-width: 34em) { + .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: 34em) { + .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: 34em) { + .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: 0) { + .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; + 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: 34em) { + .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: #55595c; } + .form-control:focus { + border-color: #0275d8; + 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: #5cb85c; } + +.form-group.has-success .form-control { + border-color: #5cb85c; + box-shadow: none; } + +.form-group.has-warning label { + color: #f0ad4e; } + +.form-group.has-warning .form-control { + border-color: #f0ad4e; + box-shadow: none; } + +.form-group.has-error label { + color: #d9534f; } + +.form-group.has-error .form-control { + border-color: #d9534f; + box-shadow: none; } + +/* Input group */ +.input-group .input-group-addon { + border-radius: 0; + border-color: #55595c; + 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: 2.375rem; } + +.input-lg + .form-control-feedback.fa, +.input-group-lg + .form-control-feedback.fa, +.form-group-lg .form-control + .form-control-feedback.fa { + line-height: 3.2916666667rem; } + +.input-sm + .form-control-feedback.fa, +.input-group-sm + .form-control-feedback.fa, +.form-group-sm .form-control + .form-control-feedback.fa { + line-height: 1.95rem; } + +/* + * Component: Progress Bar + * ----------------------- + */ +.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-bar, + .progress-sm, + .progress-sm .progress-bar { + border-radius: 1px; } + +.progress.xs, +.progress-xs { + height: 7px; } + .progress.xs, .progress.xs .progress-bar, + .progress-xs, + .progress-xs .progress-bar { + border-radius: 1px; } + +.progress.xxs, +.progress-xxs { + height: 3px; } + .progress.xxs, .progress.xxs .progress-bar, + .progress-xxs, + .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; } + +/* +// Variations +// ------------------------- +.progress-bar-light-blue, +.progress-bar-primary { + @include progress-bar-variant($light-blue); +} + +.progress-bar-green, +.progress-bar-success { + @include progress-bar-variant($green); +} + +.progress-bar-aqua, +.progress-bar-info { + @include progress-bar-variant($aqua); +} + +.progress-bar-yellow, +.progress-bar-warning { + @include progress-bar-variant($yellow); +} + +.progress-bar-red, +.progress-bar-danger { + @include progress-bar-variant($red); +} +*/ +/* + * 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.125); } + .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: 5px; } + .small-box .icon { + 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: 0) { + .small-box { + text-align: center; } + .small-box .icon { + display: none; } + .small-box p { + font-size: 12px; } } + +/* + * Component: Box + * -------------- + */ +.card { + background: #fff; } + +.box { + position: relative; + border-radius: 3px; + background: #ffffff; + border-top: 3px solid #818a91; + margin-bottom: 20px; + width: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); } + .box.box-primary { + border-top-color: #0275d8; } + .box.box-info { + border-top-color: #5bc0de; } + .box.box-danger { + border-top-color: #d9534f; } + .box.box-warning { + border-top-color: #f0ad4e; } + .box.box-success { + border-top-color: #5cb85c; } + .box.box-default { + border-top-color: #818a91; } + .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 #55595c; } + .box.box-solid.box-default > .box-header { + color: #444; + background: #55595c; + background-color: #55595c; } + .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 #0275d8; } + .box.box-solid.box-primary > .box-header { + color: #fff; + background: #0275d8; + background-color: #0275d8; } + .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 #5bc0de; } + .box.box-solid.box-info > .box-header { + color: #fff; + background: #5bc0de; + background-color: #5bc0de; } + .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 #d9534f; } + .box.box-solid.box-danger > .box-header { + color: #fff; + background: #d9534f; + background-color: #d9534f; } + .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 #f0ad4e; } + .box.box-solid.box-warning > .box-header { + color: #fff; + background: #f0ad4e; + background-color: #f0ad4e; } + .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 #5cb85c; } + .box.box-solid.box-success > .box-header { + color: #fff; + background: #5cb85c; + background-color: #5cb85c; } + .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: 0.3em; } + +.box > .overlay, +.box > .loading-img, +.overlay-wrapper > .overlay, +.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-header:after, +.box-body:before, +.box-body:after, +.box-footer:before, +.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; } + +.btn-box-tool { + padding: 5px; + font-size: 12px; + background: transparent; + color: #818a91; } + .open .btn-box-tool, .btn-box-tool:hover { + color: #55595c; } + .btn-box-tool.btn:active { + box-shadow: none; } + +.box-body { + border-radius: 0 0 3px 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-radius: 0 0 3px 0; } + .box-body .box-pane-right { + border-radius: 0 0 0 3px; } + +.box-footer { + border-radius: 0 0 3px 3px; + border-top: 1px solid #f4f4f4; + padding: 10px; + background-color: #fff; } + +.chart-legend { + margin: 10px 0; } + @media (max-width: 34em) { + .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: #d9534f; } + .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: #55595c !important; } + .todo-list .danger { + border-left-color: #d9534f; } + .todo-list .warning { + border-left-color: #f0ad4e; } + .todo-list .info { + border-left-color: #5bc0de; } + .todo-list .success { + border-left-color: #5cb85c; } + .todo-list .primary { + border-left-color: #0275d8; } + .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 #5cb85c; } + .chat .item > .offline { + border: 2px solid #d9534f; } + .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.125); + border-radius: 2px; + margin-bottom: 15px; } + .info-box small { + font-size: 14px; } + .info-box .progress { + background: rgba(0, 0, 0, 0.125); + 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-radius: 2px 0 2px 0; + 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 { + 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: #55595c; + 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; } + .timeline-inverse > li > .timeline-item > .timeline-header { + border-bottom-color: #ddd; } + +/* + * Component: Button + * ----------------- + */ +.btn { + border-radius: 3px; + 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; + 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: #0275d8; + border-color: #0267bf; } + .btn-primary:hover, .btn-primary:active, .btn-primary.hover { + background-color: #0267bf; } + +.btn-success { + background-color: #5cb85c; + border-color: #4cae4c; } + .btn-success:hover, .btn-success:active, .btn-success.hover { + background-color: #4cae4c; } + +.btn-info { + background-color: #5bc0de; + border-color: #46b8da; } + .btn-info:hover, .btn-info:active, .btn-info.hover { + background-color: #46b8da; } + +.btn-danger { + background-color: #d9534f; + border-color: #d43f3a; } + .btn-danger:hover, .btn-danger:active, .btn-danger.hover { + background-color: #d43f3a; } + +.btn-warning { + background-color: #f0ad4e; + border-color: #eea236; } + .btn-warning:hover, .btn-warning:active, .btn-warning.hover { + background-color: #eea236; } + +.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-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: #c9302c; } + .callout.callout-warning { + border-color: #ec971f; } + .callout.callout-info { + border-color: #31b0d5; } + .callout.callout-success { + border-color: #449d44; } + +/* + * Component: alert + * ---------------- + */ +.alert { + border-radius: 3px; } + .alert h4 { + font-weight: 600; } + .alert .icon { + margin-right: 10px; } + .alert .close, .alert .mailbox-attachment-close { + color: #000; + opacity: .2; } + .alert .close:hover, .alert .mailbox-attachment-close:hover { + opacity: .5; } + .alert a { + color: #fff; + text-decoration: underline; } + +.alert-success { + border-color: #4cae4c; } + +.alert-danger, +.alert-error { + border-color: #d43f3a; } + +.alert-warning { + border-color: #eea236; } + +.alert-info { + border-color: #46b8da; } + +/* + * Component: Nav + * -------------- + */ +.nav > li > a:hover, +.nav > li > a:active, +.nav > li > a:focus { + color: #444; } + +/* 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: #0275d8; } + +.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: #0275d8; } + +.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.125); + 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: #0275d8; } + .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: #0275d8; } + .nav-tabs-custom.tab-info > .nav-tabs > li.active { + border-top-color: #5bc0de; } + .nav-tabs-custom.tab-danger > .nav-tabs > li.active { + border-top-color: #d9534f; } + .nav-tabs-custom.tab-warning > .nav-tabs > li.active { + border-top-color: #f0ad4e; } + .nav-tabs-custom.tab-success > .nav-tabs > li.active { + border-top-color: #5cb85c; } + .nav-tabs-custom.tab-default > .nav-tabs > li.active { + border-top-color: #55595c; } + +/* PAGINATION */ +.pagination > li > a { + background: #fafafa; + 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; + 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 { + 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 > thead > tr > td, +.table > tbody > tr > th, +.table > tbody > tr > td, +.table > tfoot > tr > th, +.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 > thead > tr > td, + .table-bordered > tbody > tr > th, + .table-bordered > tbody > tr > td, + .table-bordered > tfoot > tr > th, + .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: #55595c; + 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); + transform: translate(0, 0); } + +.direct-chat-messages { + -webkit-transform: translate(0, 0); + -ms-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 { + transition: transform .5s ease-in-out; } + +.direct-chat-text { + border-radius: 5px; + position: relative; + padding: 5px 10px; + background: #55595c; + border: 1px solid #55595c; + 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: #55595c; + 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: #55595c; } + +.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); + transform: translate(0, 0); } + +.direct-chat-contacts { + -webkit-transform: translate(101%, 0); + -ms-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: #d9534f; + border-color: #d9534f; + color: #fff; } + .direct-chat-danger .right > .direct-chat-text:after, .direct-chat-danger .right > .direct-chat-text:before { + border-left-color: #d9534f; } + +.direct-chat-primary .right > .direct-chat-text { + background: #0275d8; + border-color: #0275d8; + color: #fff; } + .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before { + border-left-color: #0275d8; } + +.direct-chat-warning .right > .direct-chat-text { + background: #f0ad4e; + border-color: #f0ad4e; + color: #fff; } + .direct-chat-warning .right > .direct-chat-text:after, .direct-chat-warning .right > .direct-chat-text:before { + border-left-color: #f0ad4e; } + +.direct-chat-info .right > .direct-chat-text { + background: #5bc0de; + border-color: #5bc0de; + color: #fff; } + .direct-chat-info .right > .direct-chat-text:after, .direct-chat-info .right > .direct-chat-text:before { + border-left-color: #5bc0de; } + +.direct-chat-success .right > .direct-chat-text { + background: #5cb85c; + border-color: #5cb85c; + color: #fff; } + .direct-chat-success .right > .direct-chat-text:after, .direct-chat-success .right > .direct-chat-text:before { + border-left-color: #5cb85c; } + +/* + * 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; + border: 0; } + +.modal-header { + border-bottom-color: #f4f4f4; } + +.modal-footer { + border-top-color: #f4f4f4; } + +.modal-primary .modal-header, +.modal-primary .modal-footer { + border-color: #025aa5; } + +.modal-warning .modal-header, +.modal-warning .modal-footer { + border-color: #ec971f; } + +.modal-info .modal-header, +.modal-info .modal-footer { + border-color: #31b0d5; } + +.modal-success .modal-header, +.modal-success .modal-footer { + border-color: #449d44; } + +.modal-danger .modal-header, +.modal-danger .modal-footer { + border-color: #c9302c; } + +/* + * 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: #55595c; } + +.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: #55595c; } + +.login-box, +.register-box { + width: 360px; + margin: 7% auto; } + @media (max-width: 34em) { + .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: 34em) { + .error-page { + width: 100%; } } + .error-page > .headline { + float: left; + font-size: 100px; + font-weight: 300; } + @media (max-width: 34em) { + .error-page > .headline { + float: none; + text-align: center; } } + .error-page > .error-content { + margin-left: 190px; + display: block; } + @media (max-width: 34em) { + .error-page > .error-content { + margin-left: 0; } } + .error-page > .error-content > h3 { + font-weight: 300; + font-size: 25px; } + @media (max-width: 34em) { + .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 #55595c; } + +.profile-username { + font-size: 21px; + margin-top: 5px; } + +.post { + border-bottom: 1px solid #55595c; + 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: 3rem; + text-align: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + .btn-social > :first-child { + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 2.25rem; + line-height: 4.25rem; + font-size: 1.6em; + text-align: center; + border-right: 1px solid rgba(0, 0, 0, 0.2); } + .btn-social.btn-lg, .btn-group-lg > .btn-social.btn { + padding-left: 3.25rem; } + .btn-social.btn-lg > :first-child, .btn-group-lg > .btn-social.btn > :first-child { + line-height: 2.5rem; + width: 2.5rem; + font-size: 1.8em; } + .btn-social.btn-sm, .btn-group-sm > .btn-social.btn { + padding-left: 1.825rem; } + .btn-social.btn-sm > :first-child, .btn-group-sm > .btn-social.btn > :first-child { + line-height: 1.55rem; + width: 1.55rem; + font-size: 1.4em; } + .btn-social.btn-xs { + padding-left: 2.55rem; } + .btn-social.btn-xs > :first-child { + line-height: 2.275rem; + width: 2.275rem; + font-size: 1.2em; } + +.btn-social-icon { + height: 4.25rem; + width: 4.25rem; + padding: 0; } + .btn-social-icon > :first-child { + border: none; + text-align: center; + width: 100%; } + .btn-social-icon.btn-lg, .btn-group-lg > .btn-social-icon.btn { + height: 2.5rem; + width: 2.5rem; + padding-left: 0; + padding-right: 0; } + .btn-social-icon.btn-sm, .btn-group-sm > .btn-social-icon.btn { + height: 3.55rem; + width: 3.55rem; + padding-left: 0; + padding-right: 0; } + .btn-social-icon.btn-xs { + height: 4.275rem; + width: 4.275rem; + padding-left: 0; + padding-right: 0; } + +.btn-adn { + background-color: #d87a68; + color: #fff; + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); } + .btn-adn:focus, .btn-adn.focus, .btn-adn:active, .btn-adn.active, + .open > .btn-adn.dropdown-toggle { + 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 > .btn-adn.dropdown-toggle { + background-image: none; } + .btn-adn.disabled:focus, .btn-adn.disabled.focus, .btn-adn:disabled:focus, .btn-adn:disabled.focus, + fieldset[disabled] .btn-adn:focus, + fieldset[disabled] .btn-adn.focus { + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); } + .btn-adn.disabled:hover, .btn-adn:disabled:hover, + fieldset[disabled] .btn-adn:hover { + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-bitbucket { + background-color: #205081; + color: #fff; + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); } + .btn-bitbucket:focus, .btn-bitbucket.focus, .btn-bitbucket:active, .btn-bitbucket.active, + .open > .btn-bitbucket.dropdown-toggle { + 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 > .btn-bitbucket.dropdown-toggle { + background-image: none; } + .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket:disabled:focus, .btn-bitbucket:disabled.focus, + fieldset[disabled] .btn-bitbucket:focus, + fieldset[disabled] .btn-bitbucket.focus { + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); } + .btn-bitbucket.disabled:hover, .btn-bitbucket:disabled:hover, + fieldset[disabled] .btn-bitbucket:hover { + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-dropbox { + background-color: #1087dd; + color: #fff; + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); } + .btn-dropbox:focus, .btn-dropbox.focus, .btn-dropbox:active, .btn-dropbox.active, + .open > .btn-dropbox.dropdown-toggle { + 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 > .btn-dropbox.dropdown-toggle { + background-image: none; } + .btn-dropbox.disabled:focus, .btn-dropbox.disabled.focus, .btn-dropbox:disabled:focus, .btn-dropbox:disabled.focus, + fieldset[disabled] .btn-dropbox:focus, + fieldset[disabled] .btn-dropbox.focus { + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); } + .btn-dropbox.disabled:hover, .btn-dropbox:disabled:hover, + fieldset[disabled] .btn-dropbox:hover { + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-facebook { + background-color: #3b5998; + color: #fff; + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); } + .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, + .open > .btn-facebook.dropdown-toggle { + 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 > .btn-facebook.dropdown-toggle { + background-image: none; } + .btn-facebook.disabled:focus, .btn-facebook.disabled.focus, .btn-facebook:disabled:focus, .btn-facebook:disabled.focus, + fieldset[disabled] .btn-facebook:focus, + fieldset[disabled] .btn-facebook.focus { + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); } + .btn-facebook.disabled:hover, .btn-facebook:disabled:hover, + fieldset[disabled] .btn-facebook:hover { + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-flickr { + background-color: #ff0084; + color: #fff; + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); } + .btn-flickr:focus, .btn-flickr.focus, .btn-flickr:active, .btn-flickr.active, + .open > .btn-flickr.dropdown-toggle { + 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 > .btn-flickr.dropdown-toggle { + background-image: none; } + .btn-flickr.disabled:focus, .btn-flickr.disabled.focus, .btn-flickr:disabled:focus, .btn-flickr:disabled.focus, + fieldset[disabled] .btn-flickr:focus, + fieldset[disabled] .btn-flickr.focus { + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); } + .btn-flickr.disabled:hover, .btn-flickr:disabled:hover, + fieldset[disabled] .btn-flickr:hover { + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-foursquare { + background-color: #f94877; + color: #fff; + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); } + .btn-foursquare:focus, .btn-foursquare.focus, .btn-foursquare:active, .btn-foursquare.active, + .open > .btn-foursquare.dropdown-toggle { + 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 > .btn-foursquare.dropdown-toggle { + background-image: none; } + .btn-foursquare.disabled:focus, .btn-foursquare.disabled.focus, .btn-foursquare:disabled:focus, .btn-foursquare:disabled.focus, + fieldset[disabled] .btn-foursquare:focus, + fieldset[disabled] .btn-foursquare.focus { + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); } + .btn-foursquare.disabled:hover, .btn-foursquare:disabled:hover, + fieldset[disabled] .btn-foursquare:hover { + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-github { + background-color: #444444; + color: #fff; + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); } + .btn-github:focus, .btn-github.focus, .btn-github:active, .btn-github.active, + .open > .btn-github.dropdown-toggle { + 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 > .btn-github.dropdown-toggle { + background-image: none; } + .btn-github.disabled:focus, .btn-github.disabled.focus, .btn-github:disabled:focus, .btn-github:disabled.focus, + fieldset[disabled] .btn-github:focus, + fieldset[disabled] .btn-github.focus { + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); } + .btn-github.disabled:hover, .btn-github:disabled:hover, + fieldset[disabled] .btn-github:hover { + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-google { + background-color: #dd4b39; + color: #fff; + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); } + .btn-google:focus, .btn-google.focus, .btn-google:active, .btn-google.active, + .open > .btn-google.dropdown-toggle { + 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 > .btn-google.dropdown-toggle { + background-image: none; } + .btn-google.disabled:focus, .btn-google.disabled.focus, .btn-google:disabled:focus, .btn-google:disabled.focus, + fieldset[disabled] .btn-google:focus, + fieldset[disabled] .btn-google.focus { + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); } + .btn-google.disabled:hover, .btn-google:disabled:hover, + fieldset[disabled] .btn-google:hover { + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-instagram { + background-color: #3f729b; + color: #fff; + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); } + .btn-instagram:focus, .btn-instagram.focus, .btn-instagram:active, .btn-instagram.active, + .open > .btn-instagram.dropdown-toggle { + 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 > .btn-instagram.dropdown-toggle { + background-image: none; } + .btn-instagram.disabled:focus, .btn-instagram.disabled.focus, .btn-instagram:disabled:focus, .btn-instagram:disabled.focus, + fieldset[disabled] .btn-instagram:focus, + fieldset[disabled] .btn-instagram.focus { + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); } + .btn-instagram.disabled:hover, .btn-instagram:disabled:hover, + fieldset[disabled] .btn-instagram:hover { + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-linkedin { + background-color: #007bb6; + color: #fff; + background-color: #007bb6; + border-color: rgba(0, 0, 0, 0.2); } + .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, + .open > .btn-linkedin.dropdown-toggle { + 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 > .btn-linkedin.dropdown-toggle { + background-image: none; } + .btn-linkedin.disabled:focus, .btn-linkedin.disabled.focus, .btn-linkedin:disabled:focus, .btn-linkedin:disabled.focus, + fieldset[disabled] .btn-linkedin:focus, + fieldset[disabled] .btn-linkedin.focus { + background-color: #007bb6; + border-color: rgba(0, 0, 0, 0.2); } + .btn-linkedin.disabled:hover, .btn-linkedin:disabled:hover, + fieldset[disabled] .btn-linkedin:hover { + background-color: #007bb6; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-microsoft { + background-color: #2672ec; + color: #fff; + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); } + .btn-microsoft:focus, .btn-microsoft.focus, .btn-microsoft:active, .btn-microsoft.active, + .open > .btn-microsoft.dropdown-toggle { + 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 > .btn-microsoft.dropdown-toggle { + background-image: none; } + .btn-microsoft.disabled:focus, .btn-microsoft.disabled.focus, .btn-microsoft:disabled:focus, .btn-microsoft:disabled.focus, + fieldset[disabled] .btn-microsoft:focus, + fieldset[disabled] .btn-microsoft.focus { + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); } + .btn-microsoft.disabled:hover, .btn-microsoft:disabled:hover, + fieldset[disabled] .btn-microsoft:hover { + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-openid { + background-color: #f7931e; + color: #fff; + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-openid:focus, .btn-openid.focus, .btn-openid:active, .btn-openid.active, + .open > .btn-openid.dropdown-toggle { + 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 > .btn-openid.dropdown-toggle { + background-image: none; } + .btn-openid.disabled:focus, .btn-openid.disabled.focus, .btn-openid:disabled:focus, .btn-openid:disabled.focus, + fieldset[disabled] .btn-openid:focus, + fieldset[disabled] .btn-openid.focus { + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-openid.disabled:hover, .btn-openid:disabled:hover, + fieldset[disabled] .btn-openid:hover { + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-pinterest { + background-color: #cb2027; + color: #fff; + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); } + .btn-pinterest:focus, .btn-pinterest.focus, .btn-pinterest:active, .btn-pinterest.active, + .open > .btn-pinterest.dropdown-toggle { + 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 > .btn-pinterest.dropdown-toggle { + background-image: none; } + .btn-pinterest.disabled:focus, .btn-pinterest.disabled.focus, .btn-pinterest:disabled:focus, .btn-pinterest:disabled.focus, + fieldset[disabled] .btn-pinterest:focus, + fieldset[disabled] .btn-pinterest.focus { + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); } + .btn-pinterest.disabled:hover, .btn-pinterest:disabled:hover, + fieldset[disabled] .btn-pinterest:hover { + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-reddit { + background-color: #eff7ff; + color: #000; + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); } + .btn-reddit:focus, .btn-reddit.focus, .btn-reddit:active, .btn-reddit.active, + .open > .btn-reddit.dropdown-toggle { + 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 > .btn-reddit.dropdown-toggle { + background-image: none; } + .btn-reddit.disabled:focus, .btn-reddit.disabled.focus, .btn-reddit:disabled:focus, .btn-reddit:disabled.focus, + fieldset[disabled] .btn-reddit:focus, + fieldset[disabled] .btn-reddit.focus { + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); } + .btn-reddit.disabled:hover, .btn-reddit:disabled:hover, + fieldset[disabled] .btn-reddit:hover { + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-soundcloud { + background-color: #ff5500; + color: #fff; + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud:focus, .btn-soundcloud.focus, .btn-soundcloud:active, .btn-soundcloud.active, + .open > .btn-soundcloud.dropdown-toggle { + color: #fff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud:hover { + color: #fff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud:active, .btn-soundcloud.active, + .open > .btn-soundcloud.dropdown-toggle { + background-image: none; } + .btn-soundcloud.disabled:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud:disabled:focus, .btn-soundcloud:disabled.focus, + fieldset[disabled] .btn-soundcloud:focus, + fieldset[disabled] .btn-soundcloud.focus { + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud.disabled:hover, .btn-soundcloud:disabled:hover, + fieldset[disabled] .btn-soundcloud:hover { + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-tumblr { + background-color: #2c4762; + color: #fff; + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); } + .btn-tumblr:focus, .btn-tumblr.focus, .btn-tumblr:active, .btn-tumblr.active, + .open > .btn-tumblr.dropdown-toggle { + 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 > .btn-tumblr.dropdown-toggle { + background-image: none; } + .btn-tumblr.disabled:focus, .btn-tumblr.disabled.focus, .btn-tumblr:disabled:focus, .btn-tumblr:disabled.focus, + fieldset[disabled] .btn-tumblr:focus, + fieldset[disabled] .btn-tumblr.focus { + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); } + .btn-tumblr.disabled:hover, .btn-tumblr:disabled:hover, + fieldset[disabled] .btn-tumblr:hover { + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-twitter { + background-color: #55acee; + color: #fff; + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); } + .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, + .open > .btn-twitter.dropdown-toggle { + 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 > .btn-twitter.dropdown-toggle { + background-image: none; } + .btn-twitter.disabled:focus, .btn-twitter.disabled.focus, .btn-twitter:disabled:focus, .btn-twitter:disabled.focus, + fieldset[disabled] .btn-twitter:focus, + fieldset[disabled] .btn-twitter.focus { + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); } + .btn-twitter.disabled:hover, .btn-twitter:disabled:hover, + fieldset[disabled] .btn-twitter:hover { + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-vimeo { + background-color: #1ab7ea; + color: #fff; + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vimeo:focus, .btn-vimeo.focus, .btn-vimeo:active, .btn-vimeo.active, + .open > .btn-vimeo.dropdown-toggle { + 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 > .btn-vimeo.dropdown-toggle { + background-image: none; } + .btn-vimeo.disabled:focus, .btn-vimeo.disabled.focus, .btn-vimeo:disabled:focus, .btn-vimeo:disabled.focus, + fieldset[disabled] .btn-vimeo:focus, + fieldset[disabled] .btn-vimeo.focus { + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vimeo.disabled:hover, .btn-vimeo:disabled:hover, + fieldset[disabled] .btn-vimeo:hover { + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-vk { + background-color: #587ea3; + color: #fff; + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vk:focus, .btn-vk.focus, .btn-vk:active, .btn-vk.active, + .open > .btn-vk.dropdown-toggle { + 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 > .btn-vk.dropdown-toggle { + background-image: none; } + .btn-vk.disabled:focus, .btn-vk.disabled.focus, .btn-vk:disabled:focus, .btn-vk:disabled.focus, + fieldset[disabled] .btn-vk:focus, + fieldset[disabled] .btn-vk.focus { + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vk.disabled:hover, .btn-vk:disabled:hover, + fieldset[disabled] .btn-vk:hover { + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-yahoo { + background-color: #720e9e; + color: #fff; + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-yahoo:focus, .btn-yahoo.focus, .btn-yahoo:active, .btn-yahoo.active, + .open > .btn-yahoo.dropdown-toggle { + 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 > .btn-yahoo.dropdown-toggle { + background-image: none; } + .btn-yahoo.disabled:focus, .btn-yahoo.disabled.focus, .btn-yahoo:disabled:focus, .btn-yahoo:disabled.focus, + fieldset[disabled] .btn-yahoo:focus, + fieldset[disabled] .btn-yahoo.focus { + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-yahoo.disabled:hover, .btn-yahoo:disabled:hover, + fieldset[disabled] .btn-yahoo:hover { + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); } + +/* + * 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: #fafafa; } + +.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 { + transition: transform linear .3s; } + .fc-color-picker > li .fa:hover { + -ms-transform: rotate(30deg); + transform: rotate(30deg); } + +#add-new-event { + 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.125); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); + 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-container--default:focus, .select2-container--default:active, +.select2-selection.select2-container--focus, +.select2-selection:focus, +.select2-selection:active { + outline: none; } + +.select2-container--default .select2-selection--single, +.select2-selection .select2-selection--single { + border: 1px solid #55595c; + border-radius: 0; + padding: 6px 12px; + height: 34px; } + +.select2-container--default.select2-container--open { + border-color: #0275d8; } + +.select2-dropdown { + border: 1px solid #55595c; + border-radius: 0; } + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #0275d8; + 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 #55595c; } + .select2-dropdown .select2-search__field:focus, + .select2-search--inline .select2-search__field:focus { + outline: none; + border: 1px solid #0275d8; } + +.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 #55595c; + border-radius: 0; } + .select2-container--default .select2-selection--multiple:focus { + border-color: #0275d8; } + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #55595c; } + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #0275d8; + border-color: #0267bf; + 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, .callout.callout-danger, .alert-danger, +.alert-error, .label-danger, .modal-danger .modal-body, +.bg-yellow, +.callout.callout-warning, +.alert-warning, +.label-warning, +.modal-warning .modal-body, +.bg-aqua, +.callout.callout-info, +.alert-info, +.label-info, +.modal-info .modal-body, +.bg-blue, +.bg-light-blue, +.label-primary, +.modal-primary .modal-body, +.bg-green, +.callout.callout-success, +.alert-success, +.label-success, +.modal-success .modal-body, +.bg-navy, +.bg-teal, +.bg-olive, +.bg-lime, +.bg-orange, +.bg-fuchsia, +.bg-purple, +.bg-maroon, +.bg-black, +.bg-red-active, +.modal-danger .modal-header, +.modal-danger .modal-footer, +.bg-yellow-active, +.modal-warning .modal-header, +.modal-warning .modal-footer, +.bg-aqua-active, +.modal-info .modal-header, +.modal-info .modal-footer, +.bg-blue-active, +.bg-light-blue-active, +.modal-primary .modal-header, +.modal-primary .modal-footer, +.bg-green-active, +.modal-success .modal-header, +.modal-success .modal-footer, +.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 { + color: #fff !important; } + +.bg-gray { + color: #000; + background-color: #55595c !important; } + +.bg-gray-light { + background-color: #f7f7f7; } + +.bg-black { + background-color: #111 !important; } + +.bg-red, .callout.callout-danger, .alert-danger, +.alert-error, .label-danger, .modal-danger .modal-body { + background-color: #d9534f !important; } + +.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { + background-color: #f0ad4e !important; } + +.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { + background-color: #5bc0de !important; } + +.bg-blue { + background-color: #0073b7 !important; } + +.bg-light-blue, .label-primary, .modal-primary .modal-body { + background-color: #0275d8 !important; } + +.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { + background-color: #5cb85c !important; } + +.bg-navy { + background-color: #001F3F !important; } + +.bg-teal { + background-color: #39CCCC !important; } + +.bg-olive { + background-color: #3D9970 !important; } + +.bg-lime { + background-color: #01FF70 !important; } + +.bg-orange { + background-color: #FF851B !important; } + +.bg-fuchsia { + background-color: #F012BE !important; } + +.bg-purple { + background-color: #605ca8 !important; } + +.bg-maroon { + background-color: #D81B60 !important; } + +.bg-gray-active { + color: #000; + background-color: #3d3f41 !important; } + +.bg-black-active { + background-color: black !important; } + +.bg-red-active, .modal-danger .modal-header, +.modal-danger .modal-footer { + background-color: #d43a36 !important; } + +.bg-yellow-active, .modal-warning .modal-header, +.modal-warning .modal-footer { + background-color: #eea032 !important; } + +.bg-aqua-active, .modal-info .modal-header, +.modal-info .modal-footer { + background-color: #42b6d9 !important; } + +.bg-blue-active { + background-color: #005384 !important; } + +.bg-light-blue-active, .modal-primary .modal-header, +.modal-primary .modal-footer { + background-color: #0265ba !important; } + +.bg-green-active, .modal-success .modal-header, +.modal-success .modal-footer { + background-color: #4cae4c !important; } + +.bg-navy-active { + background-color: #001a35 !important; } + +.bg-teal-active { + background-color: #30bbbb !important; } + +.bg-olive-active { + background-color: #368763 !important; } + +.bg-lime-active { + background-color: #00e765 !important; } + +.bg-orange-active { + background-color: #ff7701 !important; } + +.bg-fuchsia-active { + background-color: #db0ead !important; } + +.bg-purple-active { + background-color: #555299 !important; } + +.bg-maroon-active { + background-color: #ca195a !important; } + +[class^="bg-"].disabled { + opacity: .65; } + +.text-red { + color: #d9534f !important; } + +.text-yellow { + color: #f0ad4e !important; } + +.text-aqua { + color: #5bc0de !important; } + +.text-blue { + color: #0073b7 !important; } + +.text-black { + color: #111 !important; } + +.text-light-blue { + color: #0275d8 !important; } + +.text-green { + color: #5cb85c !important; } + +.text-gray { + color: #55595c !important; } + +.text-navy { + color: #001F3F !important; } + +.text-teal { + color: #39CCCC !important; } + +.text-olive { + color: #3D9970 !important; } + +.text-lime { + color: #01FF70 !important; } + +.text-orange { + color: #FF851B !important; } + +.text-fuchsia { + color: #F012BE !important; } + +.text-purple { + color: #605ca8 !important; } + +.text-maroon { + color: #D81B60 !important; } + +.link-muted { + color: #0c0c0c; } + .link-muted:hover, .link-muted:focus { + color: black; } + +.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: #39CCCC; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)); + background: -ms-linear-gradient(bottom, #39CCCC, #7adddd); + background: -moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%); + background: -o-linear-gradient(#7adddd, #39CCCC); + color: #fff; } + +.bg-light-blue-gradient { + background: #0275d8; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0275d8), color-stop(1, #1a94fd)); + background: -ms-linear-gradient(bottom, #0275d8, #1a94fd); + background: -moz-linear-gradient(center bottom, #0275d8 0%, #1a94fd 100%); + background: -o-linear-gradient(#1a94fd, #0275d8); + color: #fff; } + +.bg-blue-gradient { + background: #0073b7; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)); + background: -ms-linear-gradient(bottom, #0073b7, #0089db); + background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%); + background: -o-linear-gradient(#0089db, #0073b7); + color: #fff; } + +.bg-aqua-gradient { + background: #5bc0de; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5bc0de), color-stop(1, #79cbe4)); + background: -ms-linear-gradient(bottom, #5bc0de, #79cbe4); + background: -moz-linear-gradient(center bottom, #5bc0de 0%, #79cbe4 100%); + background: -o-linear-gradient(#79cbe4, #5bc0de); + color: #fff; } + +.bg-yellow-gradient { + background: #f0ad4e; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0ad4e), color-stop(1, #f6d099)); + background: -ms-linear-gradient(bottom, #f0ad4e, #f6d099); + background: -moz-linear-gradient(center bottom, #f0ad4e 0%, #f6d099 100%); + background: -o-linear-gradient(#f6d099, #f0ad4e); + color: #fff; } + +.bg-purple-gradient { + background: #605ca8; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)); + background: -ms-linear-gradient(bottom, #605ca8, #9491c4); + background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%); + background: -o-linear-gradient(#9491c4, #605ca8); + color: #fff; } + +.bg-green-gradient { + background: #5cb85c; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5cb85c), color-stop(1, #75c375)); + background: -ms-linear-gradient(bottom, #5cb85c, #75c375); + background: -moz-linear-gradient(center bottom, #5cb85c 0%, #75c375 100%); + background: -o-linear-gradient(#75c375, #5cb85c); + color: #fff; } + +.bg-red-gradient { + background: #d9534f; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d9534f), color-stop(1, #e27c79)); + background: -ms-linear-gradient(bottom, #d9534f, #e27c79); + background: -moz-linear-gradient(center bottom, #d9534f 0%, #e27c79 100%); + background: -o-linear-gradient(#e27c79, #d9534f); + color: #fff; } + +.bg-black-gradient { + background: #111; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)); + background: -ms-linear-gradient(bottom, #111, #2b2b2b); + background: -moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%); + background: -o-linear-gradient(#2b2b2b, #111); + color: #fff; } + +.bg-maroon-gradient { + background: #D81B60; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)); + background: -ms-linear-gradient(bottom, #D81B60, #e73f7c); + background: -moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%); + background: -o-linear-gradient(#e73f7c, #D81B60); + 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, .box-comments .box-comment img, .user-block.user-block-sm img, +.img-md, +.img-lg { + 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, .box-comments .box-comment img + .img-push, .user-block.user-block-sm img + .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 #55595c; + padding: 3px; } + +.img-bordered-sm { + border: 2px solid #55595c; + 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; } + .full-opacity-hover:hover { + opacity: 1; } + +.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); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .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; } } + +/* + * Skin: Blue + * ---------- + */ +.skin-blue .main-header { + /* + .navbar { + @include navbar-variant($light-blue, #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken($light-blue, 5%); + } + } + @media (max-width: $screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken($light-blue, 5%); + } + } + } + } + } + }*/ } + .skin-blue .main-header .logo { + background-color: #0267bf; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue .main-header .logo:hover { + background-color: #0265ba; } + .skin-blue .main-header li.user-header { + background-color: #0275d8; } + +.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: #0275d8; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-blue .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +.skin-blue.layout-top-nav .main-header > .logo { + background-color: #0275d8; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue.layout-top-nav .main-header > .logo:hover { + background-color: #0272d3; } + +/* + * Skin: Blue + * ---------- + */ +.skin-blue-light .main-header .navbar { + background-color: #0275d8; } + .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: #0267bf; } + @media (max-width: 48em) { + .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: #0267bf; } } + +.skin-blue-light .main-header .logo { + background-color: #0275d8; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue-light .main-header .logo:hover { + background-color: #0272d3; } + +.skin-blue-light .main-header li.user-header { + background-color: #0275d8; } + +.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 #55595c; } + +.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info > a { + color: #444; } + +.skin-blue-light .sidebar-menu > li { + 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: #0275d8; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-blue-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +.skin-blue-light .main-footer { + border-top-color: #55595c; } + +.skin-blue.layout-top-nav .main-header > .logo { + background-color: #0275d8; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue.layout-top-nav .main-header > .logo:hover { + background-color: #0272d3; } + +/* + * Skin: Black + * ----------- + */ +/* skin-black navbar */ +.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: 48em) { + .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: 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; + transition: all 0.3s ease-in-out; } + .skin-black .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Black + * ----------- + */ +/* skin-black navbar */ +.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: 48em) { + .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: 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 #55595c; } + +.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a { + color: #444; } + +.skin-black-light .sidebar-menu > li { + 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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-black-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Green + * ----------- + */ +.skin-green .main-header .navbar { + background-color: #5cb85c; } + .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: #4cae4c; } + @media (max-width: 48em) { + .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: #4cae4c; } } + +.skin-green .main-header .logo { + background-color: #4cae4c; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-green .main-header .logo:hover { + background-color: #4aab4a; } + +.skin-green .main-header li.user-header { + background-color: #5cb85c; } + +.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: #5cb85c; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-green .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Green + * ----------- + */ +.skin-green-light .main-header .navbar { + background-color: #5cb85c; } + .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: #4cae4c; } + @media (max-width: 48em) { + .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: #4cae4c; } } + +.skin-green-light .main-header .logo { + background-color: #5cb85c; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-green-light .main-header .logo:hover { + background-color: #58b658; } + +.skin-green-light .main-header li.user-header { + background-color: #5cb85c; } + +.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 #55595c; } + +.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info > a { + color: #444; } + +.skin-green-light .sidebar-menu > li { + 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: #5cb85c; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-green-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Red + * --------- + */ +.skin-red .main-header .navbar { + background-color: #d9534f; } + .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: #d43f3a; } + @media (max-width: 48em) { + .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: #d43f3a; } } + +.skin-red .main-header .logo { + background-color: #d43f3a; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-red .main-header .logo:hover { + background-color: #d43a36; } + +.skin-red .main-header li.user-header { + background-color: #d9534f; } + +.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: #d9534f; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-red .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Red + * --------- + */ +.skin-red-light .main-header .navbar { + background-color: #d9534f; } + .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: #d43f3a; } + @media (max-width: 48em) { + .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: #d43f3a; } } + +.skin-red-light .main-header .logo { + background-color: #d9534f; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-red-light .main-header .logo:hover { + background-color: #d84f4b; } + +.skin-red-light .main-header li.user-header { + background-color: #d9534f; } + +.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 #55595c; } + +.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info > a { + color: #444; } + +.skin-red-light .sidebar-menu > li { + 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: #d9534f; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-red-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Yellow + * ------------ + */ +.skin-yellow .main-header .navbar { + background-color: #f0ad4e; } + .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: #eea236; } + @media (max-width: 48em) { + .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: #eea236; } } + +.skin-yellow .main-header .logo { + background-color: #eea236; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-yellow .main-header .logo:hover { + background-color: #eea032; } + +.skin-yellow .main-header li.user-header { + background-color: #f0ad4e; } + +.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: #f0ad4e; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-yellow .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Yellow + * ------------ + */ +.skin-yellow-light .main-header .navbar { + background-color: #f0ad4e; } + .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: #eea236; } + @media (max-width: 48em) { + .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: #eea236; } } + +.skin-yellow-light .main-header .logo { + background-color: #f0ad4e; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-yellow-light .main-header .logo:hover { + background-color: #f0ab49; } + +.skin-yellow-light .main-header li.user-header { + background-color: #f0ad4e; } + +.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 #55595c; } + +.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info > a { + color: #444; } + +.skin-yellow-light .sidebar-menu > li { + 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: #f0ad4e; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-yellow-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Purple + * ------------ + */ +.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: 48em) { + .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; + transition: all 0.3s ease-in-out; } + .skin-purple .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Purple + * ------------ + */ +.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: 48em) { + .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 #55595c; } + +.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info > a { + color: #444; } + +.skin-purple-light .sidebar-menu > li { + 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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-purple-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } diff --git a/dist/css/AdminLTE.min.css b/dist/css/AdminLTE.min.css new file mode 100644 index 000000000..a6d8b4280 --- /dev/null +++ b/dist/css/AdminLTE.min.css @@ -0,0 +1,9699 @@ +@charset "UTF-8"; +/*! + * AdminLTE v3.0.0-alpha + * Author: Abdullah Almsaeed + * Website: Almsaeed Studio + * License: Open source - MIT +!*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], +template { + display: none; } + +a { + background-color: transparent; } + +a:active { + outline: 0; } + +a:hover { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, +strong { + font-weight: bold; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +img { + border: 0; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; } + +pre { + overflow: auto; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; } + +button { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } + +button[disabled], +html input[disabled] { + cursor: default; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; } + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + border: 0; + padding: 0; } + +textarea { + overflow: auto; } + +optgroup { + font-weight: bold; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +@media print { + *, + *:before, + *:after { + text-shadow: none !important; + box-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } + abbr[title]:after { + content: " (" attr(title) ")"; } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + img { + max-width: 100% !important; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } + .navbar { + display: none; } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; } + .label { + border: 1px solid #000; } + .table { + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } + +html { + box-sizing: border-box; } + +*, +*:before, +*:after { + box-sizing: inherit; } + +@-moz-viewport { + width: device-width; } + +@-ms-viewport { + width: device-width; } + +@-o-viewport { + width: device-width; } + +@-webkit-viewport { + width: device-width; } + +@viewport { + width: device-width; } + +html { + font-size: 16px; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #373a3c; + background-color: #fff; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818a91; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: bold; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +a { + color: #0275d8; + text-decoration: none; } + a:focus, a:hover { + color: #014c8c; + text-decoration: underline; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +pre { + margin-top: 0; + margin-bottom: 1rem; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; } + +[role="button"] { + cursor: pointer; } + +table { + background-color: transparent; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #818a91; + text-align: left; + caption-side: bottom; } + +th { + text-align: left; } + +label { + display: inline-block; + margin-bottom: .5rem; } + +input, +button, +select, +textarea { + margin: 0; + line-height: inherit; } + +textarea { + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; } + +input[type="search"] { + -webkit-appearance: none; } + +output { + display: inline-block; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; } + +h1, .h1, +h2, .h2, +h3, .h3 { + margin-bottom: 0.5rem; } + +h4, .h4, +h5, .h5, +h6, .h6 { + margin-bottom: 0.5rem; } + +h1, .h1 { + font-size: 2.5rem; } + +h2, .h2 { + font-size: 2rem; } + +h3, .h3 { + font-size: 1.75rem; } + +h4, .h4 { + font-size: 1.5rem; } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } + +.lead { + font-size: 1.25rem; + font-weight: 300; } + +.display-1 { + font-size: 3.5rem; + font-weight: 300; } + +.display-2 { + font-size: 4.5rem; + font-weight: 300; } + +.display-3 { + font-size: 5.5rem; + font-weight: 300; } + +.display-4 { + font-size: 6rem; + font-weight: 300; } + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } + +small, +.small { + font-size: 80%; + font-weight: normal; } + +mark, +.mark { + padding: .2em; + background-color: #fcf8e3; } + +.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + margin-left: -5px; + list-style: none; } + .list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; } + +.dl-horizontal { + margin-right: -1.875rem; + margin-left: -1.875rem; } + .dl-horizontal:before, .dl-horizontal:after { + content: " "; + display: table; } + .dl-horizontal:after { + clear: both; } + +.initialism { + font-size: 90%; + text-transform: uppercase; } + +.blockquote { + padding: 0.5rem 1rem; + margin-bottom: 1rem; + font-size: 1.25rem; + border-left: 0.25rem solid #eceeef; } + .blockquote p:last-child, + .blockquote ul:last-child, + .blockquote ol:last-child { + margin-bottom: 0; } + .blockquote footer { + display: block; + font-size: 80%; + line-height: 1.5; + color: #818a91; } + .blockquote footer:before { + content: "\2014 \00A0"; } + +.blockquote-reverse { + padding-right: 1rem; + padding-left: 0; + text-align: right; + border-right: 0.25rem solid #eceeef; + border-left: 0; } + .blockquote-reverse footer:before { + content: ""; } + .blockquote-reverse footer:after { + content: "\00A0 \2014"; } + +.figure { + display: inline-block; } + .figure > img { + line-height: 1; + margin-bottom: 0.5rem; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +.img-responsive, .figure > img, .carousel-inner > .carousel-item > img, +.carousel-inner > .carousel-item > a > img { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + line-height: 1.5; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all .2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } + +code { + padding: .2rem .4rem; + font-size: 90%; + color: #bd4147; + background-color: #f7f7f9; + border-radius: 0.25rem; } + +kbd { + padding: .2rem .4rem; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 0.2rem; } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + line-height: 1.5; + color: #373a3c; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .container:before, .container:after { + content: " "; + display: table; } + .container:after { + clear: both; } + @media (min-width: 34em) { + .container { + max-width: 34rem; } } + @media (min-width: 48em) { + .container { + max-width: 45rem; } } + @media (min-width: 62em) { + .container { + max-width: 60rem; } } + @media (min-width: 75em) { + .container { + max-width: 72.25rem; } } + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .container-fluid:before, .container-fluid:after { + content: " "; + display: table; } + .container-fluid:after { + clear: both; } + +.row { + margin-left: -0.9375rem; + margin-right: -0.9375rem; } + .row:before, .row:after { + content: " "; + display: table; } + .row:after { + clear: both; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + position: relative; + min-height: 1px; + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; } + +.col-xs-1 { + width: 8.3333333333%; } + +.col-xs-2 { + width: 16.6666666667%; } + +.col-xs-3 { + width: 25%; } + +.col-xs-4 { + width: 33.3333333333%; } + +.col-xs-5 { + width: 41.6666666667%; } + +.col-xs-6 { + width: 50%; } + +.col-xs-7 { + width: 58.3333333333%; } + +.col-xs-8 { + width: 66.6666666667%; } + +.col-xs-9 { + width: 75%; } + +.col-xs-10 { + width: 83.3333333333%; } + +.col-xs-11 { + width: 91.6666666667%; } + +.col-xs-12 { + width: 100%; } + +.col-xs-pull-0 { + right: auto; } + +.col-xs-pull-1 { + right: 8.3333333333%; } + +.col-xs-pull-2 { + right: 16.6666666667%; } + +.col-xs-pull-3 { + right: 25%; } + +.col-xs-pull-4 { + right: 33.3333333333%; } + +.col-xs-pull-5 { + right: 41.6666666667%; } + +.col-xs-pull-6 { + right: 50%; } + +.col-xs-pull-7 { + right: 58.3333333333%; } + +.col-xs-pull-8 { + right: 66.6666666667%; } + +.col-xs-pull-9 { + right: 75%; } + +.col-xs-pull-10 { + right: 83.3333333333%; } + +.col-xs-pull-11 { + right: 91.6666666667%; } + +.col-xs-pull-12 { + right: 100%; } + +.col-xs-push-0 { + left: auto; } + +.col-xs-push-1 { + left: 8.3333333333%; } + +.col-xs-push-2 { + left: 16.6666666667%; } + +.col-xs-push-3 { + left: 25%; } + +.col-xs-push-4 { + left: 33.3333333333%; } + +.col-xs-push-5 { + left: 41.6666666667%; } + +.col-xs-push-6 { + left: 50%; } + +.col-xs-push-7 { + left: 58.3333333333%; } + +.col-xs-push-8 { + left: 66.6666666667%; } + +.col-xs-push-9 { + left: 75%; } + +.col-xs-push-10 { + left: 83.3333333333%; } + +.col-xs-push-11 { + left: 91.6666666667%; } + +.col-xs-push-12 { + left: 100%; } + +.col-xs-offset-0 { + margin-left: 0%; } + +.col-xs-offset-1 { + margin-left: 8.3333333333%; } + +.col-xs-offset-2 { + margin-left: 16.6666666667%; } + +.col-xs-offset-3 { + margin-left: 25%; } + +.col-xs-offset-4 { + margin-left: 33.3333333333%; } + +.col-xs-offset-5 { + margin-left: 41.6666666667%; } + +.col-xs-offset-6 { + margin-left: 50%; } + +.col-xs-offset-7 { + margin-left: 58.3333333333%; } + +.col-xs-offset-8 { + margin-left: 66.6666666667%; } + +.col-xs-offset-9 { + margin-left: 75%; } + +.col-xs-offset-10 { + margin-left: 83.3333333333%; } + +.col-xs-offset-11 { + margin-left: 91.6666666667%; } + +.col-xs-offset-12 { + margin-left: 100%; } + +@media (min-width: 34em) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; } + .col-sm-1 { + width: 8.3333333333%; } + .col-sm-2 { + width: 16.6666666667%; } + .col-sm-3 { + width: 25%; } + .col-sm-4 { + width: 33.3333333333%; } + .col-sm-5 { + width: 41.6666666667%; } + .col-sm-6 { + width: 50%; } + .col-sm-7 { + width: 58.3333333333%; } + .col-sm-8 { + width: 66.6666666667%; } + .col-sm-9 { + width: 75%; } + .col-sm-10 { + width: 83.3333333333%; } + .col-sm-11 { + width: 91.6666666667%; } + .col-sm-12 { + width: 100%; } + .col-sm-pull-0 { + right: auto; } + .col-sm-pull-1 { + right: 8.3333333333%; } + .col-sm-pull-2 { + right: 16.6666666667%; } + .col-sm-pull-3 { + right: 25%; } + .col-sm-pull-4 { + right: 33.3333333333%; } + .col-sm-pull-5 { + right: 41.6666666667%; } + .col-sm-pull-6 { + right: 50%; } + .col-sm-pull-7 { + right: 58.3333333333%; } + .col-sm-pull-8 { + right: 66.6666666667%; } + .col-sm-pull-9 { + right: 75%; } + .col-sm-pull-10 { + right: 83.3333333333%; } + .col-sm-pull-11 { + right: 91.6666666667%; } + .col-sm-pull-12 { + right: 100%; } + .col-sm-push-0 { + left: auto; } + .col-sm-push-1 { + left: 8.3333333333%; } + .col-sm-push-2 { + left: 16.6666666667%; } + .col-sm-push-3 { + left: 25%; } + .col-sm-push-4 { + left: 33.3333333333%; } + .col-sm-push-5 { + left: 41.6666666667%; } + .col-sm-push-6 { + left: 50%; } + .col-sm-push-7 { + left: 58.3333333333%; } + .col-sm-push-8 { + left: 66.6666666667%; } + .col-sm-push-9 { + left: 75%; } + .col-sm-push-10 { + left: 83.3333333333%; } + .col-sm-push-11 { + left: 91.6666666667%; } + .col-sm-push-12 { + left: 100%; } + .col-sm-offset-0 { + margin-left: 0%; } + .col-sm-offset-1 { + margin-left: 8.3333333333%; } + .col-sm-offset-2 { + margin-left: 16.6666666667%; } + .col-sm-offset-3 { + margin-left: 25%; } + .col-sm-offset-4 { + margin-left: 33.3333333333%; } + .col-sm-offset-5 { + margin-left: 41.6666666667%; } + .col-sm-offset-6 { + margin-left: 50%; } + .col-sm-offset-7 { + margin-left: 58.3333333333%; } + .col-sm-offset-8 { + margin-left: 66.6666666667%; } + .col-sm-offset-9 { + margin-left: 75%; } + .col-sm-offset-10 { + margin-left: 83.3333333333%; } + .col-sm-offset-11 { + margin-left: 91.6666666667%; } + .col-sm-offset-12 { + margin-left: 100%; } } + +@media (min-width: 48em) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; } + .col-md-1 { + width: 8.3333333333%; } + .col-md-2 { + width: 16.6666666667%; } + .col-md-3 { + width: 25%; } + .col-md-4 { + width: 33.3333333333%; } + .col-md-5 { + width: 41.6666666667%; } + .col-md-6 { + width: 50%; } + .col-md-7 { + width: 58.3333333333%; } + .col-md-8 { + width: 66.6666666667%; } + .col-md-9 { + width: 75%; } + .col-md-10 { + width: 83.3333333333%; } + .col-md-11 { + width: 91.6666666667%; } + .col-md-12 { + width: 100%; } + .col-md-pull-0 { + right: auto; } + .col-md-pull-1 { + right: 8.3333333333%; } + .col-md-pull-2 { + right: 16.6666666667%; } + .col-md-pull-3 { + right: 25%; } + .col-md-pull-4 { + right: 33.3333333333%; } + .col-md-pull-5 { + right: 41.6666666667%; } + .col-md-pull-6 { + right: 50%; } + .col-md-pull-7 { + right: 58.3333333333%; } + .col-md-pull-8 { + right: 66.6666666667%; } + .col-md-pull-9 { + right: 75%; } + .col-md-pull-10 { + right: 83.3333333333%; } + .col-md-pull-11 { + right: 91.6666666667%; } + .col-md-pull-12 { + right: 100%; } + .col-md-push-0 { + left: auto; } + .col-md-push-1 { + left: 8.3333333333%; } + .col-md-push-2 { + left: 16.6666666667%; } + .col-md-push-3 { + left: 25%; } + .col-md-push-4 { + left: 33.3333333333%; } + .col-md-push-5 { + left: 41.6666666667%; } + .col-md-push-6 { + left: 50%; } + .col-md-push-7 { + left: 58.3333333333%; } + .col-md-push-8 { + left: 66.6666666667%; } + .col-md-push-9 { + left: 75%; } + .col-md-push-10 { + left: 83.3333333333%; } + .col-md-push-11 { + left: 91.6666666667%; } + .col-md-push-12 { + left: 100%; } + .col-md-offset-0 { + margin-left: 0%; } + .col-md-offset-1 { + margin-left: 8.3333333333%; } + .col-md-offset-2 { + margin-left: 16.6666666667%; } + .col-md-offset-3 { + margin-left: 25%; } + .col-md-offset-4 { + margin-left: 33.3333333333%; } + .col-md-offset-5 { + margin-left: 41.6666666667%; } + .col-md-offset-6 { + margin-left: 50%; } + .col-md-offset-7 { + margin-left: 58.3333333333%; } + .col-md-offset-8 { + margin-left: 66.6666666667%; } + .col-md-offset-9 { + margin-left: 75%; } + .col-md-offset-10 { + margin-left: 83.3333333333%; } + .col-md-offset-11 { + margin-left: 91.6666666667%; } + .col-md-offset-12 { + margin-left: 100%; } } + +@media (min-width: 62em) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; } + .col-lg-1 { + width: 8.3333333333%; } + .col-lg-2 { + width: 16.6666666667%; } + .col-lg-3 { + width: 25%; } + .col-lg-4 { + width: 33.3333333333%; } + .col-lg-5 { + width: 41.6666666667%; } + .col-lg-6 { + width: 50%; } + .col-lg-7 { + width: 58.3333333333%; } + .col-lg-8 { + width: 66.6666666667%; } + .col-lg-9 { + width: 75%; } + .col-lg-10 { + width: 83.3333333333%; } + .col-lg-11 { + width: 91.6666666667%; } + .col-lg-12 { + width: 100%; } + .col-lg-pull-0 { + right: auto; } + .col-lg-pull-1 { + right: 8.3333333333%; } + .col-lg-pull-2 { + right: 16.6666666667%; } + .col-lg-pull-3 { + right: 25%; } + .col-lg-pull-4 { + right: 33.3333333333%; } + .col-lg-pull-5 { + right: 41.6666666667%; } + .col-lg-pull-6 { + right: 50%; } + .col-lg-pull-7 { + right: 58.3333333333%; } + .col-lg-pull-8 { + right: 66.6666666667%; } + .col-lg-pull-9 { + right: 75%; } + .col-lg-pull-10 { + right: 83.3333333333%; } + .col-lg-pull-11 { + right: 91.6666666667%; } + .col-lg-pull-12 { + right: 100%; } + .col-lg-push-0 { + left: auto; } + .col-lg-push-1 { + left: 8.3333333333%; } + .col-lg-push-2 { + left: 16.6666666667%; } + .col-lg-push-3 { + left: 25%; } + .col-lg-push-4 { + left: 33.3333333333%; } + .col-lg-push-5 { + left: 41.6666666667%; } + .col-lg-push-6 { + left: 50%; } + .col-lg-push-7 { + left: 58.3333333333%; } + .col-lg-push-8 { + left: 66.6666666667%; } + .col-lg-push-9 { + left: 75%; } + .col-lg-push-10 { + left: 83.3333333333%; } + .col-lg-push-11 { + left: 91.6666666667%; } + .col-lg-push-12 { + left: 100%; } + .col-lg-offset-0 { + margin-left: 0%; } + .col-lg-offset-1 { + margin-left: 8.3333333333%; } + .col-lg-offset-2 { + margin-left: 16.6666666667%; } + .col-lg-offset-3 { + margin-left: 25%; } + .col-lg-offset-4 { + margin-left: 33.3333333333%; } + .col-lg-offset-5 { + margin-left: 41.6666666667%; } + .col-lg-offset-6 { + margin-left: 50%; } + .col-lg-offset-7 { + margin-left: 58.3333333333%; } + .col-lg-offset-8 { + margin-left: 66.6666666667%; } + .col-lg-offset-9 { + margin-left: 75%; } + .col-lg-offset-10 { + margin-left: 83.3333333333%; } + .col-lg-offset-11 { + margin-left: 91.6666666667%; } + .col-lg-offset-12 { + margin-left: 100%; } } + +@media (min-width: 75em) { + .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + float: left; } + .col-xl-1 { + width: 8.3333333333%; } + .col-xl-2 { + width: 16.6666666667%; } + .col-xl-3 { + width: 25%; } + .col-xl-4 { + width: 33.3333333333%; } + .col-xl-5 { + width: 41.6666666667%; } + .col-xl-6 { + width: 50%; } + .col-xl-7 { + width: 58.3333333333%; } + .col-xl-8 { + width: 66.6666666667%; } + .col-xl-9 { + width: 75%; } + .col-xl-10 { + width: 83.3333333333%; } + .col-xl-11 { + width: 91.6666666667%; } + .col-xl-12 { + width: 100%; } + .col-xl-pull-0 { + right: auto; } + .col-xl-pull-1 { + right: 8.3333333333%; } + .col-xl-pull-2 { + right: 16.6666666667%; } + .col-xl-pull-3 { + right: 25%; } + .col-xl-pull-4 { + right: 33.3333333333%; } + .col-xl-pull-5 { + right: 41.6666666667%; } + .col-xl-pull-6 { + right: 50%; } + .col-xl-pull-7 { + right: 58.3333333333%; } + .col-xl-pull-8 { + right: 66.6666666667%; } + .col-xl-pull-9 { + right: 75%; } + .col-xl-pull-10 { + right: 83.3333333333%; } + .col-xl-pull-11 { + right: 91.6666666667%; } + .col-xl-pull-12 { + right: 100%; } + .col-xl-push-0 { + left: auto; } + .col-xl-push-1 { + left: 8.3333333333%; } + .col-xl-push-2 { + left: 16.6666666667%; } + .col-xl-push-3 { + left: 25%; } + .col-xl-push-4 { + left: 33.3333333333%; } + .col-xl-push-5 { + left: 41.6666666667%; } + .col-xl-push-6 { + left: 50%; } + .col-xl-push-7 { + left: 58.3333333333%; } + .col-xl-push-8 { + left: 66.6666666667%; } + .col-xl-push-9 { + left: 75%; } + .col-xl-push-10 { + left: 83.3333333333%; } + .col-xl-push-11 { + left: 91.6666666667%; } + .col-xl-push-12 { + left: 100%; } + .col-xl-offset-0 { + margin-left: 0%; } + .col-xl-offset-1 { + margin-left: 8.3333333333%; } + .col-xl-offset-2 { + margin-left: 16.6666666667%; } + .col-xl-offset-3 { + margin-left: 25%; } + .col-xl-offset-4 { + margin-left: 33.3333333333%; } + .col-xl-offset-5 { + margin-left: 41.6666666667%; } + .col-xl-offset-6 { + margin-left: 50%; } + .col-xl-offset-7 { + margin-left: 58.3333333333%; } + .col-xl-offset-8 { + margin-left: 66.6666666667%; } + .col-xl-offset-9 { + margin-left: 75%; } + .col-xl-offset-10 { + margin-left: 83.3333333333%; } + .col-xl-offset-11 { + margin-left: 91.6666666667%; } + .col-xl-offset-12 { + margin-left: 100%; } } + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; } + .table th, + .table td { + padding: 0.75rem; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #eceeef; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #eceeef; } + .table tbody + tbody { + border-top: 2px solid #eceeef; } + .table .table { + background-color: #fff; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid #eceeef; } + .table-bordered th, + .table-bordered td { + border: 1px solid #eceeef; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } + +.table-striped tbody tr:nth-of-type(odd) { + background-color: #f9f9f9; } + +.table-hover tbody tr:hover { + background-color: #f5f5f5; } + +.table-active, +.table-active > th, +.table-active > td { + background-color: #f5f5f5; } + +.table-hover .table-active:hover { + background-color: #e8e8e8; } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: #e8e8e8; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #dff0d8; } + +.table-hover .table-success:hover { + background-color: #d0e9c6; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #d0e9c6; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #d9edf7; } + +.table-hover .table-info:hover { + background-color: #c4e3f3; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #c4e3f3; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fcf8e3; } + +.table-hover .table-warning:hover { + background-color: #faf2cc; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #faf2cc; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f2dede; } + +.table-hover .table-danger:hover { + background-color: #ebcccc; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #ebcccc; } + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; } + +.thead-inverse th { + color: #fff; + background-color: #373a3c; } + +.thead-default th { + color: #55595c; + background-color: #eceeef; } + +.table-inverse { + color: #eceeef; + background-color: #373a3c; } + .table-inverse.table-bordered { + border: 0; } + .table-inverse th, + .table-inverse td, + .table-inverse thead th { + border-color: #55595c; } + +.table-reflow thead { + float: left; } + +.table-reflow tbody { + display: block; + white-space: nowrap; } + +.table-reflow th, +.table-reflow td { + border-top: 1px solid #eceeef; + border-left: 1px solid #eceeef; } + .table-reflow th:last-child, + .table-reflow td:last-child { + border-right: 1px solid #eceeef; } + +.table-reflow thead:last-child tr:last-child th, +.table-reflow thead:last-child tr:last-child td, +.table-reflow tbody:last-child tr:last-child th, +.table-reflow tbody:last-child tr:last-child td, +.table-reflow tfoot:last-child tr:last-child th, +.table-reflow tfoot:last-child tr:last-child td { + border-bottom: 1px solid #eceeef; } + +.table-reflow tr { + float: left; } + .table-reflow tr th, + .table-reflow tr td { + display: block !important; + border: 1px solid #eceeef; } + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + color: #55595c; + background-color: #fff; + background-image: none; + border: 0.0625rem solid #ccc; + border-radius: 0.25rem; } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:focus { + border-color: #66afe9; + outline: none; } + .form-control::placeholder { + color: #999; + opacity: 1; } + .form-control:disabled, .form-control[readonly], + fieldset[disabled] .form-control { + background-color: #eceeef; + opacity: 1; } + .form-control[disabled], + fieldset[disabled] .form-control { + cursor: not-allowed; } + +.form-control-file, +.form-control-range { + display: block; } + +.form-control-label { + padding: 0.4375rem 0.75rem; + margin-bottom: 0; } + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 2.375rem; } + input[type="date"].input-sm, + .input-group-sm input[type="date"].form-control, + input[type="time"].input-sm, + .input-group-sm + input[type="time"].form-control, + input[type="datetime-local"].input-sm, + .input-group-sm + input[type="datetime-local"].form-control, + input[type="month"].input-sm, + .input-group-sm + input[type="month"].form-control { + line-height: 1.95rem; } + input[type="date"].input-lg, + .input-group-lg input[type="date"].form-control, + input[type="time"].input-lg, + .input-group-lg + input[type="time"].form-control, + input[type="datetime-local"].input-lg, + .input-group-lg + input[type="datetime-local"].form-control, + input[type="month"].input-lg, + .input-group-lg + input[type="month"].form-control { + line-height: 3.2916666667rem; } } + +.form-control-static { + min-height: 2.375rem; + padding-top: 0.4375rem; + padding-bottom: 0.4375rem; + margin-bottom: 0; } + .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, + .input-group-sm > .form-control-static.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, + .input-group-lg > .form-control-static.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-static.btn { + padding-right: 0; + padding-left: 0; } + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + padding: 0.275rem 0.75rem; + font-size: 0.85rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + padding: 0.75rem 1.25rem; + font-size: 1.25rem; + line-height: 1.3333333333; + border-radius: 0.3rem; } + +.form-group { + margin-bottom: 15px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-bottom: 0.75rem; } + .radio label, + .checkbox label { + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + .radio label input:only-child, + .checkbox label input:only-child { + position: static; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-top: .25rem; + margin-left: -1.25rem; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -.25rem; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: .75rem; } + +input[type="radio"]:disabled, input[type="radio"].disabled, +fieldset[disabled] input[type="radio"], +input[type="checkbox"]:disabled, +input[type="checkbox"].disabled, +fieldset[disabled] +input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, +fieldset[disabled] +.checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +fieldset[disabled] .radio label, +.checkbox.disabled label, +fieldset[disabled] +.checkbox label { + cursor: not-allowed; } + +.form-control-success, +.form-control-warning, +.form-control-error { + padding-right: 2.25rem; + background-position: center right 0.59375rem; + background-size: 1.54375rem 1.54375rem; + background-repeat: no-repeat; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #5cb85c; } + +.has-success .form-control { + border-color: #5cb85c; } + +.has-success .input-group-addon { + color: #5cb85c; + border-color: #5cb85c; + background-color: #eaf6ea; } + +.has-success .form-control-feedback { + color: #5cb85c; } + +.has-success .form-control-success { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg=="); } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #f0ad4e; } + +.has-warning .form-control { + border-color: #f0ad4e; } + +.has-warning .input-group-addon { + color: #f0ad4e; + border-color: #f0ad4e; + background-color: white; } + +.has-warning .form-control-feedback { + color: #f0ad4e; } + +.has-warning .form-control-warning { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg=="); } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #d9534f; } + +.has-error .form-control { + border-color: #d9534f; } + +.has-error .input-group-addon { + color: #d9534f; + border-color: #d9534f; + background-color: #fdf7f7; } + +.has-error .form-control-feedback { + color: #d9534f; } + +.has-error .form-control-error { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4="); } + +@media (min-width: 34em) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; } + .form-inline .form-control-static { + display: inline-block; } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; } + .form-inline .input-group > .form-control { + width: 100%; } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } } + +.btn { + display: inline-block; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + user-select: none; + border: 0.0625rem solid transparent; + padding: 0.375rem 1rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; } + .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + .btn:focus, .btn:hover { + text-decoration: none; } + .btn.focus { + text-decoration: none; } + .btn:active, .btn.active { + background-image: none; + outline: 0; } + .btn.disabled, .btn:disabled, + fieldset[disabled] .btn { + cursor: not-allowed; + opacity: .65; } + +a.btn.disaabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-primary { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:hover { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + background-image: none; } + .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus, + fieldset[disabled] .btn-primary:focus, + fieldset[disabled] .btn-primary.focus { + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary.disabled:hover, .btn-primary:disabled:hover, + fieldset[disabled] .btn-primary:hover { + background-color: #0275d8; + border-color: #0275d8; } + +.btn-secondary { + color: #373a3c; + background-color: #fff; + border-color: #ccc; } + .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:hover { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:active, .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + background-image: none; } + .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus, + fieldset[disabled] .btn-secondary:focus, + fieldset[disabled] .btn-secondary.focus { + background-color: #fff; + border-color: #ccc; } + .btn-secondary.disabled:hover, .btn-secondary:disabled:hover, + fieldset[disabled] .btn-secondary:hover { + background-color: #fff; + border-color: #ccc; } + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + background-image: none; } + .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus, + fieldset[disabled] .btn-info:focus, + fieldset[disabled] .btn-info.focus { + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info.disabled:hover, .btn-info:disabled:hover, + fieldset[disabled] .btn-info:hover { + background-color: #5bc0de; + border-color: #5bc0de; } + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + background-image: none; } + .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus, + fieldset[disabled] .btn-success:focus, + fieldset[disabled] .btn-success.focus { + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success.disabled:hover, .btn-success:disabled:hover, + fieldset[disabled] .btn-success:hover { + background-color: #5cb85c; + border-color: #5cb85c; } + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + background-image: none; } + .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus, + fieldset[disabled] .btn-warning:focus, + fieldset[disabled] .btn-warning.focus { + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning.disabled:hover, .btn-warning:disabled:hover, + fieldset[disabled] .btn-warning:hover { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + background-image: none; } + .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus, + fieldset[disabled] .btn-danger:focus, + fieldset[disabled] .btn-danger.focus { + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger.disabled:hover, .btn-danger:disabled:hover, + fieldset[disabled] .btn-danger:hover { + background-color: #d9534f; + border-color: #d9534f; } + +.btn-primary-outline { + color: #0275d8; + background-image: none; + background-color: transparent; + border-color: #0275d8; } + .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, + .open > .btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary-outline:hover { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus, + fieldset[disabled] .btn-primary-outline:focus, + fieldset[disabled] .btn-primary-outline.focus { + border-color: #43a7fd; } + .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover, + fieldset[disabled] .btn-primary-outline:hover { + border-color: #43a7fd; } + +.btn-secondary-outline { + color: #ccc; + background-image: none; + background-color: transparent; + border-color: #ccc; } + .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, + .open > .btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-secondary-outline:hover { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus, + fieldset[disabled] .btn-secondary-outline:focus, + fieldset[disabled] .btn-secondary-outline.focus { + border-color: white; } + .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover, + fieldset[disabled] .btn-secondary-outline:hover { + border-color: white; } + +.btn-info-outline { + color: #5bc0de; + background-image: none; + background-color: transparent; + border-color: #5bc0de; } + .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, + .open > .btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info-outline:hover { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus, + fieldset[disabled] .btn-info-outline:focus, + fieldset[disabled] .btn-info-outline.focus { + border-color: #b0e1ef; } + .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover, + fieldset[disabled] .btn-info-outline:hover { + border-color: #b0e1ef; } + +.btn-success-outline { + color: #5cb85c; + background-image: none; + background-color: transparent; + border-color: #5cb85c; } + .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, + .open > .btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success-outline:hover { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus, + fieldset[disabled] .btn-success-outline:focus, + fieldset[disabled] .btn-success-outline.focus { + border-color: #a3d7a3; } + .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover, + fieldset[disabled] .btn-success-outline:hover { + border-color: #a3d7a3; } + +.btn-warning-outline { + color: #f0ad4e; + background-image: none; + background-color: transparent; + border-color: #f0ad4e; } + .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, + .open > .btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning-outline:hover { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus, + fieldset[disabled] .btn-warning-outline:focus, + fieldset[disabled] .btn-warning-outline.focus { + border-color: #f8d9ac; } + .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover, + fieldset[disabled] .btn-warning-outline:hover { + border-color: #f8d9ac; } + +.btn-danger-outline { + color: #d9534f; + background-image: none; + background-color: transparent; + border-color: #d9534f; } + .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, + .open > .btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger-outline:hover { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus, + fieldset[disabled] .btn-danger-outline:focus, + fieldset[disabled] .btn-danger-outline.focus { + border-color: #eba5a3; } + .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover, + fieldset[disabled] .btn-danger-outline:hover { + border-color: #eba5a3; } + +.btn-link { + font-weight: normal; + color: #0275d8; + border-radius: 0; } + .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled, + fieldset[disabled] .btn-link { + background-color: transparent; } + .btn-link, .btn-link:focus, .btn-link:active { + border-color: transparent; } + .btn-link:hover { + border-color: transparent; } + .btn-link:focus, .btn-link:hover { + color: #014c8c; + text-decoration: underline; + background-color: transparent; } + .btn-link:disabled:focus, .btn-link:disabled:hover, + fieldset[disabled] .btn-link:focus, + fieldset[disabled] .btn-link:hover { + color: #818a91; + text-decoration: none; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.75rem 1.25rem; + font-size: 1.25rem; + line-height: 1.3333333333; + border-radius: 0.3rem; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.75rem; + font-size: 0.85rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.btn-block { + display: block; + width: 100%; } + +.btn-block + .btn-block { + margin-top: 5px; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + opacity: 0; + transition: opacity .15s linear; } + .fade.in { + opacity: 1; } + +.collapse { + display: none; } + .collapse.in { + display: block; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; } + +.dropup, +.dropdown { + position: relative; } + +.dropdown-toggle:after { + display: inline-block; + width: 0; + height: 0; + margin-left: .25rem; + vertical-align: middle; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-left: 0.3em solid transparent; } + +.dropdown-toggle:focus { + outline: 0; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 1rem; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + +.dropdown-divider { + height: 1px; + margin: 0.5rem 0; + overflow: hidden; + background-color: #e5e5e5; } + +.dropdown-item { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.5; + color: #373a3c; + white-space: nowrap; + text-align: inherit; + width: 100%; + background: none; + border: 0; } + .dropdown-item:focus, .dropdown-item:hover { + color: #2b2d2f; + text-decoration: none; + background-color: #f5f5f5; } + .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { + color: #fff; + text-decoration: none; + background-color: #0275d8; + outline: 0; } + .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + color: #818a91; } + .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } + +.open > .dropdown-menu { + display: block; } + +.open > a { + outline: 0; } + +.dropdown-menu-right { + right: 0; + left: auto; } + +.dropdown-menu-left { + right: auto; + left: 0; } + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 0.85rem; + line-height: 1.5; + color: #818a91; + white-space: nowrap; } + +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; } + +.pull-right > .dropdown-menu { + right: 0; + left: auto; } + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 0.3em solid; } + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + float: left; } + .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 2; } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover { + z-index: 2; } + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; } + +.btn-toolbar { + margin-left: -5px; } + .btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table; } + .btn-toolbar:after { + clear: both; } + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 5px; } + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } + +.btn-group > .btn:first-child { + margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.btn-group > .btn-group { + float: left; } + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; } + +.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; } + +.btn .caret { + margin-left: 0; } + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 0.3em 0.3em 0; + border-bottom-width: 0; } + +.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { + border-width: 0 0.3em 0.3em; } + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; } + +.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { + content: " "; + display: table; } + +.btn-group-vertical > .btn-group:after { + clear: both; } + +.btn-group-vertical > .btn-group > .btn { + float: none; } + +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } + +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; } + +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group { + position: relative; + display: table; + border-collapse: separate; } + .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; } + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; } + .input-group-addon:not(:first-child):not(:last-child), + .input-group-btn:not(:first-child):not(:last-child), + .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; } + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; } + +.input-group-addon { + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: normal; + line-height: 1; + color: #55595c; + text-align: center; + background-color: #eceeef; + border: 1px solid #ccc; + border-radius: 0.25rem; } + .input-group-addon.form-control-sm, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 0.275rem 0.75rem; + font-size: 0.85rem; + border-radius: 0.2rem; } + .input-group-addon.form-control-lg, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 1.25rem 1.25rem; + font-size: 1.25rem; + border-radius: 0.3rem; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.input-group-addon:first-child { + border-right: 0; } + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.input-group-addon:last-child { + border-left: 0; } + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 2; } + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-right: -1px; } + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; } + +.c-input { + position: relative; + display: inline; + padding-left: 1.5rem; + color: #555; + cursor: pointer; } + .c-input > input { + position: absolute; + z-index: -1; + opacity: 0; } + .c-input > input:checked ~ .c-indicator { + color: #fff; + background-color: #0074d9; } + .c-input > input:active ~ .c-indicator { + color: #fff; + background-color: #84c6ff; } + .c-input + .c-input { + margin-left: 1rem; } + +.c-indicator { + position: absolute; + top: 0; + left: 0; + display: block; + width: 1rem; + height: 1rem; + font-size: 65%; + line-height: 1rem; + color: #eee; + text-align: center; + user-select: none; + background-color: #eee; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; } + +.c-checkbox .c-indicator { + border-radius: .25rem; } + +.c-checkbox input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); } + +.c-checkbox input:indeterminate ~ .c-indicator { + background-color: #0074d9; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); } + +.c-radio .c-indicator { + border-radius: 50%; } + +.c-radio input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } + +.c-inputs-stacked .c-input { + display: inline; } + .c-inputs-stacked .c-input:after { + display: block; + margin-bottom: .25rem; + content: ""; } + .c-inputs-stacked .c-input + .c-input { + margin-left: 0; } + +.c-select { + display: inline-block; + max-width: 100%; + padding: .375rem 1.75rem .375rem .75rem; + vertical-align: middle; + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #ccc; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding-right: .75rem \9; + background-image: none \9; } + .c-select:focus { + outline: none; + border-color: #51a7e8; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); } + .c-select::-ms-expand { + opacity: 0; } + +.c-select-sm { + padding-top: 3px; + padding-bottom: 3px; + font-size: 12px; } + .c-select-sm:not([multiple]) { + height: 26px; + min-height: 26px; } + +.file { + position: relative; + display: inline-block; + height: 2.5rem; + cursor: pointer; } + +.file input { + min-width: 14rem; + margin: 0; + filter: alpha(opacity=0); + opacity: 0; } + +.file-custom { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + user-select: none; + background-color: #fff; + border: .075rem solid #ddd; + border-radius: .25rem; + box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); } + +.file-custom:after { + content: "Choose file..."; } + +.file-custom:before { + position: absolute; + top: -.075rem; + right: -.075rem; + bottom: -.075rem; + z-index: 6; + display: block; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + content: "Browse"; + background-color: #eee; + border: .075rem solid #ddd; + border-radius: 0 .25rem .25rem 0; } + +.file input:focus ~ .file-custom { + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; } + +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.nav-link { + display: inline-block; } + .nav-link:focus, .nav-link:hover { + text-decoration: none; } + .nav-link.disabled { + color: #818a91; } + .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: transparent; } + +.nav-inline .nav-link + .nav-link { + margin-left: 1rem; } + +.nav-tabs { + border-bottom: 1px solid #ddd; } + .nav-tabs:before, .nav-tabs:after { + content: " "; + display: table; } + .nav-tabs:after { + clear: both; } + .nav-tabs .nav-item { + float: left; + margin-bottom: -1px; } + .nav-tabs .nav-item + .nav-item { + margin-left: .2rem; } + .nav-tabs .nav-link { + display: block; + padding: 0.5em 1em; + border: 1px solid transparent; + border-radius: 0.25rem 0.25rem 0 0; } + .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color: #eceeef #eceeef #ddd; } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { + color: #818a91; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, + .nav-tabs .nav-item.open .nav-link, + .nav-tabs .nav-item.open .nav-link:focus, + .nav-tabs .nav-item.open .nav-link:hover { + color: #55595c; + background-color: #fff; + border-color: #ddd #ddd transparent; } + +.nav-pills .nav-item { + float: left; } + .nav-pills .nav-item + .nav-item { + margin-left: .2rem; } + +.nav-pills .nav-link { + display: block; + padding: 0.5em 1em; + border-radius: 0.25rem; } + +.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, +.nav-pills .nav-item.open .nav-link, +.nav-pills .nav-item.open .nav-link:focus, +.nav-pills .nav-item.open .nav-link:hover { + color: #fff; + cursor: default; + background-color: #0275d8; } + +.nav-stacked .nav-item { + display: block; + float: none; } + .nav-stacked .nav-item + .nav-item { + margin-top: .2rem; + margin-left: 0; } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.navbar { + position: relative; + padding: 0.5rem 1rem; } + .navbar:before, .navbar:after { + content: " "; + display: table; } + .navbar:after { + clear: both; } + @media (min-width: 34em) { + .navbar { + border-radius: 0.25rem; } } + +.navbar-static-top { + z-index: 1000; } + @media (min-width: 34em) { + .navbar-static-top { + border-radius: 0; } } + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; } + @media (min-width: 34em) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; } } + +.navbar-fixed-top { + top: 0; } + +.navbar-fixed-bottom { + bottom: 0; } + +.navbar-sticky-top { + position: sticky; + top: 0; + z-index: 1030; + width: 100%; } + @media (min-width: 34em) { + .navbar-sticky-top { + border-radius: 0; } } + +.navbar-brand { + float: left; + margin-right: 1rem; + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 1.25rem; } + .navbar-brand:focus, .navbar-brand:hover { + text-decoration: none; } + .navbar-brand > img { + display: block; } + +.navbar-divider { + float: left; + width: 1px; + padding-top: .425rem; + padding-bottom: .425rem; + overflow: hidden; + margin-left: 1rem; + margin-right: 1rem; } + .navbar-divider:before { + content: '\00a0'; } + +.navbar-toggler { + padding: .5rem .75rem; + font-size: 1.25rem; + line-height: 1; + background: none; + border: 0.0625rem solid transparent; + border-radius: 0.25rem; } + .navbar-toggler:focus, .navbar-toggler:hover { + text-decoration: none; } + +@media (min-width: 34em) { + .navbar-toggleable-xs { + display: block !important; } } + +@media (min-width: 48em) { + .navbar-toggleable-sm { + display: block !important; } } + +.navbar-nav .nav-item { + float: left; } + +.navbar-nav .nav-link { + display: block; + padding-top: .425rem; + padding-bottom: .425rem; } + .navbar-nav .nav-link + .nav-link { + margin-left: 1rem; } + +.navbar-nav .nav-item + .nav-item { + margin-left: 1rem; } + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.8); } + .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, 0.8); } + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.3); } + .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, 0.6); } + +.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .active > .nav-link:focus, +.navbar-light .navbar-nav .active > .nav-link:hover, +.navbar-light .navbar-nav .nav-link.open, +.navbar-light .navbar-nav .nav-link.open:focus, +.navbar-light .navbar-nav .nav-link.open:hover, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.active:focus, +.navbar-light .navbar-nav .nav-link.active:hover { + color: rgba(0, 0, 0, 0.8); } + +.navbar-light .navbar-divider { + background-color: rgba(0, 0, 0, 0.075); } + +.navbar-dark .navbar-brand { + color: white; } + .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: white; } + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, 0.75); } + +.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link:focus, +.navbar-dark .navbar-nav .active > .nav-link:hover, +.navbar-dark .navbar-nav .nav-link.open, +.navbar-dark .navbar-nav .nav-link.open:focus, +.navbar-dark .navbar-nav .nav-link.open:hover, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.active:focus, +.navbar-dark .navbar-nav .nav-link.active:hover { + color: white; } + +.navbar-dark .navbar-divider { + background-color: rgba(255, 255, 255, 0.075); } + +.card { + position: relative; + margin-bottom: 0.75rem; + border: 0.0625rem solid #e5e5e5; + border-radius: 0.25rem; } + +.card-block { + padding: 1.25rem; } + +.card-title { + margin-top: 0; + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card > .list-group:first-child .list-group-item:first-child { + border-radius: 0.25rem 0.25rem 0 0; } + +.card > .list-group:last-child .list-group-item:last-child { + border-radius: 0 0 0.25rem 0.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + border-bottom: 0.0625rem solid #e5e5e5; } + .card-header:first-child { + border-radius: 0.1875rem 0.1875rem 0 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + border-top: 0.0625rem solid #e5e5e5; } + .card-footer:last-child { + border-radius: 0 0 0.1875rem 0.1875rem; } + +.card-primary { + background-color: #0275d8; + border-color: #0275d8; } + +.card-success { + background-color: #5cb85c; + border-color: #5cb85c; } + +.card-info { + background-color: #5bc0de; + border-color: #5bc0de; } + +.card-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.card-danger { + background-color: #d9534f; + border-color: #d9534f; } + +.card-inverse .card-header, +.card-inverse .card-footer { + border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); } + +.card-inverse .card-header, +.card-inverse .card-footer, +.card-inverse .card-title, +.card-inverse .card-blockquote { + color: #fff; } + +.card-inverse .card-link, +.card-inverse .card-text, +.card-inverse .card-blockquote > footer { + color: rgba(255, 255, 255, 0.65); } + +.card-inverse .card-link:focus, .card-inverse .card-link:hover { + color: #fff; } + +.card-blockquote { + padding: 0; + margin-bottom: 0; + border-left: 0; } + +.card-img { + border-radius: 0.25rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img-top { + border-radius: 0.25rem 0.25rem 0 0; } + +.card-img-bottom { + border-radius: 0 0 0.25rem 0.25rem; } + +.card-deck { + display: table; + table-layout: fixed; + border-spacing: 1.25rem 0; } + .card-deck .card { + display: table-cell; + width: 1%; + vertical-align: top; } + +.card-deck-wrapper { + margin-right: -1.25rem; + margin-left: -1.25rem; } + +.card-group { + display: table; + width: 100%; + table-layout: fixed; } + .card-group .card { + display: table-cell; + vertical-align: top; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } + .card-group .card:first-child .card-img-top { + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-bottom { + border-bottom-right-radius: 0; } + .card-group .card:last-child .card-img-top { + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-bottom { + border-bottom-left-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + border-radius: 0; } + +.card-columns { + column-count: 3; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } + +.breadcrumb { + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #eceeef; + border-radius: 0.25rem; } + .breadcrumb > li { + display: inline-block; } + .breadcrumb > li + li:before { + padding-right: .5rem; + padding-left: .5rem; + color: #818a91; + content: "/ "; } + .breadcrumb > .active { + color: #818a91; } + +.pagination { + display: inline-block; + padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; + border-radius: 0.25rem; } + .pagination > li { + display: inline; } + .pagination > li > a, + .pagination > li > span { + position: relative; + float: left; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.5; + color: #0275d8; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; } + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .pagination > li:last-child > a, + .pagination > li:last-child > span { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .pagination > li > a:focus, .pagination > li > a:hover, + .pagination > li > span:focus, + .pagination > li > span:hover { + color: #014c8c; + background-color: #eceeef; + border-color: #ddd; } + .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, + .pagination > .active > span, + .pagination > .active > span:focus, + .pagination > .active > span:hover { + z-index: 2; + color: #fff; + cursor: default; + background-color: #0275d8; + border-color: #0275d8; } + .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, + .pagination > .disabled > a, + .pagination > .disabled > a:focus, + .pagination > .disabled > a:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; } + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.3333333333; } + +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 0.3rem; + border-top-left-radius: 0.3rem; } + +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 0.3rem; + border-top-right-radius: 0.3rem; } + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 0.275rem 0.75rem; + font-size: 0.85rem; + line-height: 1.5; } + +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 0.2rem; + border-top-left-radius: 0.2rem; } + +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 0.2rem; + border-top-right-radius: 0.2rem; } + +.pager { + padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; + text-align: center; + list-style: none; } + .pager:before, .pager:after { + content: " "; + display: table; } + .pager:after { + clear: both; } + .pager li { + display: inline; } + .pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; } + .pager li > a:focus, .pager li > a:hover { + text-decoration: none; + background-color: #eceeef; } + .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; } + .pager .disabled > span { + color: #818a91; + cursor: not-allowed; + background-color: #fff; } + +.pager-next > a, +.pager-next > span { + float: right; } + +.pager-prev > a, +.pager-prev > span { + float: left; } + +.label { + display: inline-block; + padding: .25em .4em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; } + .label:empty { + display: none; } + .btn .label { + position: relative; + top: -1px; } + +a.label:focus, a.label:hover { + color: #fff; + text-decoration: none; + cursor: pointer; } + +.label-pill { + padding-left: .6em; + padding-right: .6em; + border-radius: 1rem; } + +.label-default { + background-color: #818a91; } + .label-default[href]:focus, .label-default[href]:hover { + background-color: #687077; } + +.label-primary { + background-color: #0275d8; } + .label-primary[href]:focus, .label-primary[href]:hover { + background-color: #025aa5; } + +.label-success { + background-color: #5cb85c; } + .label-success[href]:focus, .label-success[href]:hover { + background-color: #449d44; } + +.label-info { + background-color: #5bc0de; } + .label-info[href]:focus, .label-info[href]:hover { + background-color: #31b0d5; } + +.label-warning { + background-color: #f0ad4e; } + .label-warning[href]:focus, .label-warning[href]:hover { + background-color: #ec971f; } + +.label-danger { + background-color: #d9534f; } + .label-danger[href]:focus, .label-danger[href]:hover { + background-color: #c9302c; } + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #eceeef; + border-radius: 0.3rem; } + +.jumbotron-hr { + border-top-color: #d0d5d8; } + +@media (min-width: 34em) { + .jumbotron { + padding: 4rem 2rem; } } + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; } + +.alert { + padding: 15px; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; } + .alert > p, + .alert > ul { + margin-bottom: 0; } + .alert > p + p { + margin-top: 5px; } + +.alert-heading { + margin-top: 0; + color: inherit; } + +.alert-link { + font-weight: bold; } + +.alert-dismissible { + padding-right: 35px; } + .alert-dismissible .close, .alert-dismissible .mailbox-attachment-close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } + +.alert-success { + background-color: #dff0d8; + border-color: #d0e9c6; + color: #3c763d; } + .alert-success hr { + border-top-color: #c1e2b3; } + .alert-success .alert-link { + color: #2b542c; } + +.alert-info { + background-color: #d9edf7; + border-color: #bcdff1; + color: #31708f; } + .alert-info hr { + border-top-color: #a6d5ec; } + .alert-info .alert-link { + color: #245269; } + +.alert-warning { + background-color: #fcf8e3; + border-color: #faf2cc; + color: #8a6d3b; } + .alert-warning hr { + border-top-color: #f7ecb5; } + .alert-warning .alert-link { + color: #66512c; } + +.alert-danger { + background-color: #f2dede; + border-color: #ebcccc; + color: #a94442; } + .alert-danger hr { + border-top-color: #e4b9b9; } + .alert-danger .alert-link { + color: #843534; } + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } + +.progress { + display: block; + width: 100%; + height: 1rem; + margin-bottom: 1rem; } + +.progress[value] { + color: #0074d9; + border: 0; + appearance: none; } + +.progress[value]::-webkit-progress-bar { + background-color: #eee; + border-radius: 0.25rem; } + +.progress[value]::-webkit-progress-value::before { + content: attr(value); } + +.progress[value]::-webkit-progress-value { + background-color: #0074d9; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.progress[value="100"]::-webkit-progress-value { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } + +@media screen and (min-width: 0\0) { + .progress { + background-color: #eee; + border-radius: 0.25rem; } + .progress-bar { + display: inline-block; + height: 1rem; + text-indent: -999rem; + background-color: #0074d9; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .progress[width^="0"] { + min-width: 2rem; + color: #818a91; + background-color: transparent; + background-image: none; } + .progress[width="100%"] { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } } + +.progress-striped[value]::-webkit-progress-value { + 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); + background-size: 1rem 1rem; } + +.progress-striped[value]::-moz-progress-bar { + 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); + background-size: 1rem 1rem; } + +@media screen and (min-width: 0\0) { + .progress-bar-striped { + 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); + background-size: 1rem 1rem; } } + +.progress-animated[value]::-webkit-progress-value { + animation: progress-bar-stripes 2s linear infinite; } + +.progress-animated[value]::-moz-progress-bar { + animation: progress-bar-stripes 2s linear infinite; } + +@media screen and (min-width: 0\0) { + .progress-animated .progress-bar-striped { + animation: progress-bar-stripes 2s linear infinite; } } + +.progress-success[value]::-webkit-progress-value { + background-color: #5cb85c; } + +.progress-success[value]::-moz-progress-bar { + background-color: #5cb85c; } + +@media screen and (min-width: 0\0) { + .progress-success .progress-bar { + background-color: #5cb85c; } } + +.progress-info[value]::-webkit-progress-value { + background-color: #5bc0de; } + +.progress-info[value]::-moz-progress-bar { + background-color: #5bc0de; } + +@media screen and (min-width: 0\0) { + .progress-info .progress-bar { + background-color: #5bc0de; } } + +.progress-warning[value]::-webkit-progress-value { + background-color: #f0ad4e; } + +.progress-warning[value]::-moz-progress-bar { + background-color: #f0ad4e; } + +@media screen and (min-width: 0\0) { + .progress-warning .progress-bar { + background-color: #f0ad4e; } } + +.progress-danger[value]::-webkit-progress-value { + background-color: #d9534f; } + +.progress-danger[value]::-moz-progress-bar { + background-color: #d9534f; } + +@media screen and (min-width: 0\0) { + .progress-danger .progress-bar { + background-color: #d9534f; } } + +.media { + margin-top: 15px; } + .media:first-child { + margin-top: 0; } + +.media, +.media-body { + overflow: hidden; + zoom: 1; } + +.media-body { + width: 10000px; } + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; } + +.media-middle { + vertical-align: middle; } + +.media-bottom { + vertical-align: bottom; } + +.media-object { + display: block; } + .media-object.img-thumbnail { + max-width: none; } + +.media-right { + padding-left: 10px; } + +.media-left { + padding-right: 10px; } + +.media-heading { + margin-top: 0; + margin-bottom: 5px; } + +.media-list { + padding-left: 0; + list-style: none; } + +.list-group { + padding-left: 0; + margin-bottom: 0; } + +.list-group-item { + position: relative; + display: block; + padding: .75rem 1.25rem; + margin-bottom: -.0625rem; + background-color: #fff; + border: 0.0625rem solid #ddd; } + .list-group-item:first-child { + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.list-group-flush .list-group-item { + border-width: .0625rem 0; + border-radius: 0; } + +a.list-group-item, +button.list-group-item { + width: 100%; + text-align: inherit; + color: #555; } + a.list-group-item .list-group-item-heading, + button.list-group-item .list-group-item-heading { + color: #333; } + a.list-group-item:focus, a.list-group-item:hover, + button.list-group-item:focus, + button.list-group-item:hover { + color: #555; + text-decoration: none; + background-color: #f5f5f5; } + +.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; } + .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { + color: inherit; } + .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { + color: #818a91; } + +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { + z-index: 2; + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .list-group-item.active .list-group-item-heading, + .list-group-item.active .list-group-item-heading > small, + .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, + .list-group-item.active:focus .list-group-item-heading > small, + .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, + .list-group-item.active:hover .list-group-item-heading > small, + .list-group-item.active:hover .list-group-item-heading > .small { + color: inherit; } + .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { + color: #a8d6fe; } + +.list-group-item-state { + color: #3c763d; + background-color: #dff0d8; } + +a.list-group-item-state, +button.list-group-item-state { + color: #3c763d; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #3c763d; + background-color: #d0e9c6; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; } + +.list-group-item-state { + color: #31708f; + background-color: #d9edf7; } + +a.list-group-item-state, +button.list-group-item-state { + color: #31708f; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #31708f; + background-color: #c4e3f3; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #31708f; + border-color: #31708f; } + +.list-group-item-state { + color: #8a6d3b; + background-color: #fcf8e3; } + +a.list-group-item-state, +button.list-group-item-state { + color: #8a6d3b; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #8a6d3b; + background-color: #faf2cc; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; } + +.list-group-item-state { + color: #a94442; + background-color: #f2dede; } + +a.list-group-item-state, +button.list-group-item-state { + color: #a94442; } + a.list-group-item-state .list-group-item-heading, + button.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, a.list-group-item-state:hover, + button.list-group-item-state:focus, + button.list-group-item-state:hover { + color: #a94442; + background-color: #ebcccc; } + a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, + button.list-group-item-state.active, + button.list-group-item-state.active:focus, + button.list-group-item-state.active:hover { + color: #fff; + background-color: #a94442; + border-color: #a94442; } + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; } + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; } + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } + +.embed-responsive-21by9 { + padding-bottom: 42.8571428571%; } + +.embed-responsive-16by9 { + padding-bottom: 56.25%; } + +.embed-responsive-4by3 { + padding-bottom: 75%; } + +.close, .mailbox-attachment-close { + float: right; + font-size: 1.5rem; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; } + .close:focus, .mailbox-attachment-close:focus, .close:hover, .mailbox-attachment-close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; } + +button.close, button.mailbox-attachment-close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.modal-open { + overflow: hidden; } + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; + -webkit-overflow-scrolling: touch; } + .modal.fade .modal-dialog { + transform: translate(0, -25%); + transition: transform .3s ease-out; } + .modal.in .modal-dialog { + transform: translate(0, 0); } + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; } + +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; } + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.in { + opacity: 0.5; } + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; } + .modal-header:before, .modal-header:after { + content: " "; + display: table; } + .modal-header:after { + clear: both; } + +.modal-header .close, .modal-header .mailbox-attachment-close { + margin-top: -2px; } + +.modal-title { + margin: 0; + line-height: 1.5; } + +.modal-body { + position: relative; + padding: 15px; } + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; } + .modal-footer:before, .modal-footer:after { + content: " "; + display: table; } + .modal-footer:after { + clear: both; } + .modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } + .modal-footer .btn-block + .btn-block { + margin-left: 0; } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } + +@media (min-width: 34em) { + .modal-dialog { + width: 600px; + margin: 30px auto; } + .modal-sm { + width: 300px; } } + +@media (min-width: 48em) { + .modal-lg { + width: 900px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 0.85rem; + opacity: 0; } + .tooltip.in { + opacity: 0.9; } + .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { + padding: 5px 0; + margin-top: -3px; } + .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; } + .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { + padding: 0 5px; + margin-left: 3px; } + .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; } + .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { + padding: 5px 0; + margin-top: 3px; } + .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } + .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { + padding: 0 5px; + margin-left: -3px; } + .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; } + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; } + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + padding: 1px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 0.85rem; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; } + .popover.popover-top, .popover.bs-tether-element-attached-bottom { + margin-top: -10px; } + .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; } + .popover.popover-top .popover-arrow:after, .popover.bs-tether-element-attached-bottom .popover-arrow:after { + bottom: 1px; + margin-left: -10px; + content: ""; + border-top-color: #fff; + border-bottom-width: 0; } + .popover.popover-right, .popover.bs-tether-element-attached-left { + margin-left: 10px; } + .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.popover-right .popover-arrow:after, .popover.bs-tether-element-attached-left .popover-arrow:after { + bottom: -10px; + left: 1px; + content: ""; + border-right-color: #fff; + border-left-width: 0; } + .popover.popover-bottom, .popover.bs-tether-element-attached-top { + margin-top: 10px; } + .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); } + .popover.popover-bottom .popover-arrow:after, .popover.bs-tether-element-attached-top .popover-arrow:after { + top: 1px; + margin-left: -10px; + content: ""; + border-top-width: 0; + border-bottom-color: #fff; } + .popover.popover-left, .popover.bs-tether-element-attached-right { + margin-left: -10px; } + .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: rgba(0, 0, 0, 0.25); } + .popover.popover-left .popover-arrow:after, .popover.bs-tether-element-attached-right .popover-arrow:after { + right: 1px; + bottom: -10px; + content: ""; + border-right-width: 0; + border-left-color: #fff; } + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: -0.7rem -0.7rem 0 0; } + +.popover-content { + padding: 9px 14px; } + +.popover-arrow, .popover-arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.popover-arrow { + border-width: 11px; } + +.popover-arrow:after { + content: ""; + border-width: 10px; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner > .carousel-item { + position: relative; + display: none; + transition: .6s ease-in-out left; } + .carousel-inner > .carousel-item > img, + .carousel-inner > .carousel-item > a > img { + line-height: 1; } + @media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .carousel-item { + transition: transform .6s ease-in-out; + backface-visibility: hidden; + perspective: 1000px; } + .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { + left: 0; + transform: translate3d(100%, 0, 0); } + .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { + left: 0; + transform: translate3d(-100%, 0, 0); } + .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { + left: 0; + transform: translate3d(0, 0, 0); } } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; } + .carousel-control.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + .carousel-control.right { + right: 0; + left: auto; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + .carousel-control:focus, .carousel-control:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + .carousel-control .icon-prev, + .carousel-control .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; } + .carousel-control .icon-prev { + left: 50%; + margin-left: -10px; } + .carousel-control .icon-next { + right: 50%; + margin-right: -10px; } + .carousel-control .icon-prev:before { + content: "\2039"; } + .carousel-control .icon-next:before { + content: "\203a"; } + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: transparent; + border: 1px solid #fff; + border-radius: 10px; } + .carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { + text-shadow: none; } + +@media (min-width: 34em) { + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; } + .carousel-control .icon-prev { + margin-left: -15px; } + .carousel-control .icon-next { + margin-right: -15px; } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; } + .carousel-indicators { + bottom: 20px; } } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } + +.clearfix:after { + clear: both; } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } + +.pull-right { + float: right !important; } + +.pull-left { + float: left !important; } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } + +[hidden] { + display: none !important; } + +.invisible { + visibility: hidden; } + +.text-hide { + font: "0/0" a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +.text-justify { + text-align: justify; } + +.text-nowrap { + white-space: nowrap; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-xs-left { + text-align: left; } + +.text-xs-right { + text-align: right; } + +.text-xs-center { + text-align: center; } + +@media (min-width: 34em) { + .text-sm-left { + text-align: left; } + .text-sm-right { + text-align: right; } + .text-sm-center { + text-align: center; } } + +@media (min-width: 48em) { + .text-md-left { + text-align: left; } + .text-md-right { + text-align: right; } + .text-md-center { + text-align: center; } } + +@media (min-width: 62em) { + .text-lg-left { + text-align: left; } + .text-lg-right { + text-align: right; } + .text-lg-center { + text-align: center; } } + +@media (min-width: 75em) { + .text-xl-left { + text-align: left; } + .text-xl-right { + text-align: right; } + .text-xl-center { + text-align: center; } } + +.text-lowercase { + text-transform: lowercase; } + +.text-uppercase { + text-transform: uppercase; } + +.text-capitalize { + text-transform: capitalize; } + +.text-muted { + color: #818a91; } + +.text-primary { + color: #0275d8; } + +a.text-primary:focus, a.text-primary:hover { + color: #025aa5; } + +.text-success { + color: #5cb85c; } + +a.text-success:focus, a.text-success:hover { + color: #449d44; } + +.text-info { + color: #5bc0de; } + +a.text-info:focus, a.text-info:hover { + color: #31b0d5; } + +.text-warning { + color: #f0ad4e; } + +a.text-warning:focus, a.text-warning:hover { + color: #ec971f; } + +.text-danger { + color: #d9534f; } + +a.text-danger:focus, a.text-danger:hover { + color: #c9302c; } + +.bg-inverse { + color: #eceeef; + background-color: #373a3c; } + +.bg-faded { + background-color: #f7f7f9; } + +.bg-primary { + color: #fff; + background-color: #0275d8; } + +a.bg-primary:focus, a.bg-primary:hover { + background-color: #025aa5; } + +.bg-success { + color: #fff; + background-color: #5cb85c; } + +a.bg-success:focus, a.bg-success:hover { + background-color: #449d44; } + +.bg-info { + color: #fff; + background-color: #5bc0de; } + +a.bg-info:focus, a.bg-info:hover { + background-color: #31b0d5; } + +.bg-warning { + color: #fff; + background-color: #f0ad4e; } + +a.bg-warning:focus, a.bg-warning:hover { + background-color: #ec971f; } + +.bg-danger { + color: #fff; + background-color: #d9534f; } + +a.bg-danger:focus, a.bg-danger:hover { + background-color: #c9302c; } + +.m-a-0 { + margin: 0 !important; } + +.m-t-0 { + margin-top: 0 !important; } + +.m-r-0 { + margin-right: 0 !important; } + +.m-b-0 { + margin-bottom: 0 !important; } + +.m-l-0 { + margin-left: 0 !important; } + +.m-x-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + +.m-y-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.m-a { + margin: 1rem !important; } + +.m-t { + margin-top: 1rem !important; } + +.m-r { + margin-right: 1rem !important; } + +.m-b { + margin-bottom: 1rem !important; } + +.m-l { + margin-left: 1rem !important; } + +.m-x { + margin-right: 1rem !important; + margin-left: 1rem !important; } + +.m-y { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.m-x-auto { + margin-right: auto !important; + margin-left: auto !important; } + +.m-a-md { + margin: 1.5rem !important; } + +.m-t-md { + margin-top: 1.5rem !important; } + +.m-r-md { + margin-right: 1.5rem !important; } + +.m-b-md { + margin-bottom: 1.5rem !important; } + +.m-l-md { + margin-left: 1.5rem !important; } + +.m-x-md { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + +.m-y-md { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.m-a-lg { + margin: 3rem !important; } + +.m-t-lg { + margin-top: 3rem !important; } + +.m-r-lg { + margin-right: 3rem !important; } + +.m-b-lg { + margin-bottom: 3rem !important; } + +.m-l-lg { + margin-left: 3rem !important; } + +.m-x-lg { + margin-right: 3rem !important; + margin-left: 3rem !important; } + +.m-y-lg { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.p-a-0 { + padding: 0 !important; } + +.p-t-0 { + padding-top: 0 !important; } + +.p-r-0 { + padding-right: 0 !important; } + +.p-b-0 { + padding-bottom: 0 !important; } + +.p-l-0 { + padding-left: 0 !important; } + +.p-x-0 { + padding-left: 0 !important; + padding-right: 0 !important; } + +.p-y-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.p-a { + padding: 1rem !important; } + +.p-t { + padding-top: 1rem !important; } + +.p-r { + padding-right: 1rem !important; } + +.p-b { + padding-bottom: 1rem !important; } + +.p-l { + padding-left: 1rem !important; } + +.p-x { + padding-right: 1rem !important; + padding-left: 1rem !important; } + +.p-y { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.p-a-md { + padding: 1.5rem !important; } + +.p-t-md { + padding-top: 1.5rem !important; } + +.p-r-md { + padding-right: 1.5rem !important; } + +.p-b-md { + padding-bottom: 1.5rem !important; } + +.p-l-md { + padding-left: 1.5rem !important; } + +.p-x-md { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + +.p-y-md { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.p-a-lg { + padding: 3rem !important; } + +.p-t-lg { + padding-top: 3rem !important; } + +.p-r-lg { + padding-right: 3rem !important; } + +.p-b-lg { + padding-bottom: 3rem !important; } + +.p-l-lg { + padding-left: 3rem !important; } + +.p-x-lg { + padding-right: 3rem !important; + padding-left: 3rem !important; } + +.p-y-lg { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.pos-f-t { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.hidden-xs-up { + display: none !important; } + +@media (max-width: 33.9em) { + .hidden-xs-down { + display: none !important; } } + +@media (min-width: 34em) { + .hidden-sm-up { + display: none !important; } } + +@media (max-width: 47.9em) { + .hidden-sm-down { + display: none !important; } } + +@media (min-width: 48em) { + .hidden-md-up { + display: none !important; } } + +@media (max-width: 61.9em) { + .hidden-md-down { + display: none !important; } } + +@media (min-width: 62em) { + .hidden-lg-up { + display: none !important; } } + +@media (max-width: 74.9em) { + .hidden-lg-down { + display: none !important; } } + +@media (min-width: 75em) { + .hidden-xl-up { + display: none !important; } } + +.hidden-xl-down { + display: none !important; } + +.visible-print-block { + display: none !important; } + @media print { + .visible-print-block { + display: block !important; } } + +.visible-print-inline { + display: none !important; } + @media print { + .visible-print-inline { + display: inline !important; } } + +.visible-print-inline-block { + display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; } } + +@media print { + .hidden-print .hidden-print { + display: none !important; } } + +/* + * Core: General Layout Style + * ------------------------- + */ +html, +body { + min-height: 100%; } + .layout-boxed html, .layout-boxed + body { + height: 100%; } + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + overflow-x: hidden; } + +/* Layout */ +.wrapper { + min-height: 100%; + position: relative; + overflow: hidden; } + .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 + */ +.content-wrapper { + min-height: 100%; } + +.content-wrapper, +.main-footer { + margin-left: 230px; + z-index: 820; } + .layout-top-nav .content-wrapper, .layout-top-nav + .main-footer { + margin-left: 0; } + @media (max-width: 49em) { + .content-wrapper, + .main-footer { + margin-left: 0; } } + @media (min-width: 48em) { + .sidebar-collapse .content-wrapper, .sidebar-collapse + .main-footer { + margin-left: 0; } } + +.main-header, +.main-footer, +.content-wrapper { + transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; } + @media (max-width: 49em) { + .sidebar-open .main-header, .sidebar-open + .main-footer, .sidebar-open + .content-wrapper { + -webkit-transform: translate(230px, 0); + -ms-transform: translate(230px, 0); + transform: translate(230px, 0); } } + +.content-wrapper, +.right-side { + min-height: 100%; + background-color: #eceeef; + z-index: 800; } + +.main-footer { + background: #fff; + padding: 15px; + color: #444; + border-top: 1px solid #eceeef; } + +/* 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; } + +.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 */ + transition: none; } + +/* Content */ +.content { + min-height: 250px; + padding: 0 15px 15px 15px; } + +/* H1 - H6 font */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: 'Source Sans Pro', sans-serif; } + +/* General Links */ +a { + color: #0275d8; } + +a:hover, +a:active, +a:focus { + outline: none; + text-decoration: none; + color: #299bfd; } + +/* 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 { + padding: 0 16px 0 0; } + .main-header .navbar-brand { + width: 230px; + padding: 10px; } + .main-header .nav-link { + padding: 15px 5px; } + +.content-header { + padding: 15px; } + .content-header h1 { + font-size: 1.8rem; + margin: 0; } + .content-header .breadcrumb { + margin-bottom: 0; + padding: 0; + background: transparent; + font-size: 1rem; } + +/* + * Component: Sidebar + * ------------------ + */ +.main-sidebar { + position: absolute; + top: 0; + left: 0; + padding-top: 55px; + min-height: 100%; + width: 230px; + z-index: 810; + transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } + @media (max-width: 48em) { + .main-sidebar { + padding-top: 0; } } + @media (max-width: 49em) { + .main-sidebar { + -webkit-transform: translate(-230px, 0); + -ms-transform: translate(-230px, 0); + transform: translate(-230px, 0); } } + @media (min-width: 48em) { + .sidebar-collapse .main-sidebar { + -webkit-transform: translate(-230px, 0); + -ms-transform: translate(-230px, 0); + transform: translate(-230px, 0); } } + @media (max-width: 49em) { + .sidebar-open .main-sidebar { + -webkit-transform: translate(0, 0); + -ms-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-top: 3px; + margin-right: 5px; } + .sidebar-menu li.header { + padding: 10px 25px 10px 15px; + font-size: 12px; } + .sidebar-menu li > a > .fa-angle-left { + width: auto; + height: auto; + padding: 0; + margin-right: 10px; + margin-top: 3px; } + .sidebar-menu li.active > a > .fa-angle-left { + -ms-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 > .fa-angle-left, + .sidebar-menu .treeview-menu > li > a > .fa-angle-down { + width: auto; } + +/* + * Component: Sidebar Mini + */ +@media (min-width: 34em) { + .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); + 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 > .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 { + 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; + transition: right 0.3s ease-in-out; } + +.control-sidebar { + position: absolute; + z-index: 1010; } + .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: 34em) { + .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: 34em) { + .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: #b8c7ce; } + .control-sidebar-dark, + .control-sidebar-dark + .control-sidebar-bg { + background: #222d32; } + .control-sidebar-dark .nav-tabs.control-sidebar-tabs { + border-bottom: #1c2529; } + .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { + background: #181f23; + color: #b8c7ce; } + .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: #141a1d; + border-bottom-color: #141a1d; } + .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: #1c2529; } + .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: #222d32; + 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: #1e282c; } + .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { + color: #b8c7ce; } + +.control-sidebar-light { + color: #5e5e5e; } + .control-sidebar-light, + .control-sidebar-light + .control-sidebar-bg { + background: #f9fafc; + border-left: 1px solid #55595c; } + .control-sidebar-light .nav-tabs.control-sidebar-tabs { + border-bottom: #55595c; } + .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { + background: #e8ecf4; + color: #444; } + .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: #55595c; + border-bottom-color: #55595c; } + .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: #eff2f7; } + .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: #f9fafc; + 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: #f4f4f5; } + .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { + color: #5e5e5e; } + +/* + * 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: #616669; + 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-radius: 4px 4px 0 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-radius: 0 0 4px 4px; + font-size: 12px; + background-color: #fff; + padding: 7px 10px; + border-bottom: 1px solid #eeeeee; + color: #444 !important; + text-align: center; } + @media (max-width: 34em) { + .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: 34em) { + .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: 34em) { + .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: 0) { + .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; + 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: 34em) { + .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: #55595c; } + .form-control:focus { + border-color: #0275d8; + 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: #5cb85c; } + +.form-group.has-success .form-control { + border-color: #5cb85c; + box-shadow: none; } + +.form-group.has-warning label { + color: #f0ad4e; } + +.form-group.has-warning .form-control { + border-color: #f0ad4e; + box-shadow: none; } + +.form-group.has-error label { + color: #d9534f; } + +.form-group.has-error .form-control { + border-color: #d9534f; + box-shadow: none; } + +/* Input group */ +.input-group .input-group-addon { + border-radius: 0; + border-color: #55595c; + 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: 2.375rem; } + +.input-lg + .form-control-feedback.fa, +.input-group-lg + .form-control-feedback.fa, +.form-group-lg .form-control + .form-control-feedback.fa { + line-height: 3.2916666667rem; } + +.input-sm + .form-control-feedback.fa, +.input-group-sm + .form-control-feedback.fa, +.form-group-sm .form-control + .form-control-feedback.fa { + line-height: 1.95rem; } + +/* + * Component: Progress Bar + * ----------------------- + */ +.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-bar, + .progress-sm, + .progress-sm .progress-bar { + border-radius: 1px; } + +.progress.xs, +.progress-xs { + height: 7px; } + .progress.xs, .progress.xs .progress-bar, + .progress-xs, + .progress-xs .progress-bar { + border-radius: 1px; } + +.progress.xxs, +.progress-xxs { + height: 3px; } + .progress.xxs, .progress.xxs .progress-bar, + .progress-xxs, + .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; } + +/* +// Variations +// ------------------------- +.progress-bar-light-blue, +.progress-bar-primary { + @include progress-bar-variant($light-blue); +} + +.progress-bar-green, +.progress-bar-success { + @include progress-bar-variant($green); +} + +.progress-bar-aqua, +.progress-bar-info { + @include progress-bar-variant($aqua); +} + +.progress-bar-yellow, +.progress-bar-warning { + @include progress-bar-variant($yellow); +} + +.progress-bar-red, +.progress-bar-danger { + @include progress-bar-variant($red); +} +*/ +/* + * 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.125); } + .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: 5px; } + .small-box .icon { + 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: 0) { + .small-box { + text-align: center; } + .small-box .icon { + display: none; } + .small-box p { + font-size: 12px; } } + +/* + * Component: Box + * -------------- + */ +.card { + background: #fff; } + +.box { + position: relative; + border-radius: 3px; + background: #ffffff; + border-top: 3px solid #818a91; + margin-bottom: 20px; + width: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); } + .box.box-primary { + border-top-color: #0275d8; } + .box.box-info { + border-top-color: #5bc0de; } + .box.box-danger { + border-top-color: #d9534f; } + .box.box-warning { + border-top-color: #f0ad4e; } + .box.box-success { + border-top-color: #5cb85c; } + .box.box-default { + border-top-color: #818a91; } + .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 #55595c; } + .box.box-solid.box-default > .box-header { + color: #444; + background: #55595c; + background-color: #55595c; } + .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 #0275d8; } + .box.box-solid.box-primary > .box-header { + color: #fff; + background: #0275d8; + background-color: #0275d8; } + .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 #5bc0de; } + .box.box-solid.box-info > .box-header { + color: #fff; + background: #5bc0de; + background-color: #5bc0de; } + .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 #d9534f; } + .box.box-solid.box-danger > .box-header { + color: #fff; + background: #d9534f; + background-color: #d9534f; } + .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 #f0ad4e; } + .box.box-solid.box-warning > .box-header { + color: #fff; + background: #f0ad4e; + background-color: #f0ad4e; } + .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 #5cb85c; } + .box.box-solid.box-success > .box-header { + color: #fff; + background: #5cb85c; + background-color: #5cb85c; } + .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: 0.3em; } + +.box > .overlay, +.box > .loading-img, +.overlay-wrapper > .overlay, +.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-header:after, +.box-body:before, +.box-body:after, +.box-footer:before, +.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; } + +.btn-box-tool { + padding: 5px; + font-size: 12px; + background: transparent; + color: #818a91; } + .open .btn-box-tool, .btn-box-tool:hover { + color: #55595c; } + .btn-box-tool.btn:active { + box-shadow: none; } + +.box-body { + border-radius: 0 0 3px 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-radius: 0 0 3px 0; } + .box-body .box-pane-right { + border-radius: 0 0 0 3px; } + +.box-footer { + border-radius: 0 0 3px 3px; + border-top: 1px solid #f4f4f4; + padding: 10px; + background-color: #fff; } + +.chart-legend { + margin: 10px 0; } + @media (max-width: 34em) { + .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: #d9534f; } + .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: #55595c !important; } + .todo-list .danger { + border-left-color: #d9534f; } + .todo-list .warning { + border-left-color: #f0ad4e; } + .todo-list .info { + border-left-color: #5bc0de; } + .todo-list .success { + border-left-color: #5cb85c; } + .todo-list .primary { + border-left-color: #0275d8; } + .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 #5cb85c; } + .chat .item > .offline { + border: 2px solid #d9534f; } + .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.125); + border-radius: 2px; + margin-bottom: 15px; } + .info-box small { + font-size: 14px; } + .info-box .progress { + background: rgba(0, 0, 0, 0.125); + 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-radius: 2px 0 2px 0; + 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 { + 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: #55595c; + 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; } + .timeline-inverse > li > .timeline-item > .timeline-header { + border-bottom-color: #ddd; } + +/* + * Component: Button + * ----------------- + */ +.btn { + border-radius: 3px; + 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; + 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: #0275d8; + border-color: #0267bf; } + .btn-primary:hover, .btn-primary:active, .btn-primary.hover { + background-color: #0267bf; } + +.btn-success { + background-color: #5cb85c; + border-color: #4cae4c; } + .btn-success:hover, .btn-success:active, .btn-success.hover { + background-color: #4cae4c; } + +.btn-info { + background-color: #5bc0de; + border-color: #46b8da; } + .btn-info:hover, .btn-info:active, .btn-info.hover { + background-color: #46b8da; } + +.btn-danger { + background-color: #d9534f; + border-color: #d43f3a; } + .btn-danger:hover, .btn-danger:active, .btn-danger.hover { + background-color: #d43f3a; } + +.btn-warning { + background-color: #f0ad4e; + border-color: #eea236; } + .btn-warning:hover, .btn-warning:active, .btn-warning.hover { + background-color: #eea236; } + +.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-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: #c9302c; } + .callout.callout-warning { + border-color: #ec971f; } + .callout.callout-info { + border-color: #31b0d5; } + .callout.callout-success { + border-color: #449d44; } + +/* + * Component: alert + * ---------------- + */ +.alert { + border-radius: 3px; } + .alert h4 { + font-weight: 600; } + .alert .icon { + margin-right: 10px; } + .alert .close, .alert .mailbox-attachment-close { + color: #000; + opacity: .2; } + .alert .close:hover, .alert .mailbox-attachment-close:hover { + opacity: .5; } + .alert a { + color: #fff; + text-decoration: underline; } + +.alert-success { + border-color: #4cae4c; } + +.alert-danger, +.alert-error { + border-color: #d43f3a; } + +.alert-warning { + border-color: #eea236; } + +.alert-info { + border-color: #46b8da; } + +/* + * Component: Nav + * -------------- + */ +.nav > li > a:hover, +.nav > li > a:active, +.nav > li > a:focus { + color: #444; } + +/* 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: #0275d8; } + +.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: #0275d8; } + +.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.125); + 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: #0275d8; } + .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: #0275d8; } + .nav-tabs-custom.tab-info > .nav-tabs > li.active { + border-top-color: #5bc0de; } + .nav-tabs-custom.tab-danger > .nav-tabs > li.active { + border-top-color: #d9534f; } + .nav-tabs-custom.tab-warning > .nav-tabs > li.active { + border-top-color: #f0ad4e; } + .nav-tabs-custom.tab-success > .nav-tabs > li.active { + border-top-color: #5cb85c; } + .nav-tabs-custom.tab-default > .nav-tabs > li.active { + border-top-color: #55595c; } + +/* PAGINATION */ +.pagination > li > a { + background: #fafafa; + 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; + 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 { + 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 > thead > tr > td, +.table > tbody > tr > th, +.table > tbody > tr > td, +.table > tfoot > tr > th, +.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 > thead > tr > td, + .table-bordered > tbody > tr > th, + .table-bordered > tbody > tr > td, + .table-bordered > tfoot > tr > th, + .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: #55595c; + 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); + transform: translate(0, 0); } + +.direct-chat-messages { + -webkit-transform: translate(0, 0); + -ms-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 { + transition: transform .5s ease-in-out; } + +.direct-chat-text { + border-radius: 5px; + position: relative; + padding: 5px 10px; + background: #55595c; + border: 1px solid #55595c; + 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: #55595c; + 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: #55595c; } + +.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); + transform: translate(0, 0); } + +.direct-chat-contacts { + -webkit-transform: translate(101%, 0); + -ms-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: #d9534f; + border-color: #d9534f; + color: #fff; } + .direct-chat-danger .right > .direct-chat-text:after, .direct-chat-danger .right > .direct-chat-text:before { + border-left-color: #d9534f; } + +.direct-chat-primary .right > .direct-chat-text { + background: #0275d8; + border-color: #0275d8; + color: #fff; } + .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before { + border-left-color: #0275d8; } + +.direct-chat-warning .right > .direct-chat-text { + background: #f0ad4e; + border-color: #f0ad4e; + color: #fff; } + .direct-chat-warning .right > .direct-chat-text:after, .direct-chat-warning .right > .direct-chat-text:before { + border-left-color: #f0ad4e; } + +.direct-chat-info .right > .direct-chat-text { + background: #5bc0de; + border-color: #5bc0de; + color: #fff; } + .direct-chat-info .right > .direct-chat-text:after, .direct-chat-info .right > .direct-chat-text:before { + border-left-color: #5bc0de; } + +.direct-chat-success .right > .direct-chat-text { + background: #5cb85c; + border-color: #5cb85c; + color: #fff; } + .direct-chat-success .right > .direct-chat-text:after, .direct-chat-success .right > .direct-chat-text:before { + border-left-color: #5cb85c; } + +/* + * 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; + border: 0; } + +.modal-header { + border-bottom-color: #f4f4f4; } + +.modal-footer { + border-top-color: #f4f4f4; } + +.modal-primary .modal-header, +.modal-primary .modal-footer { + border-color: #025aa5; } + +.modal-warning .modal-header, +.modal-warning .modal-footer { + border-color: #ec971f; } + +.modal-info .modal-header, +.modal-info .modal-footer { + border-color: #31b0d5; } + +.modal-success .modal-header, +.modal-success .modal-footer { + border-color: #449d44; } + +.modal-danger .modal-header, +.modal-danger .modal-footer { + border-color: #c9302c; } + +/* + * 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: #55595c; } + +.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: #55595c; } + +.login-box, +.register-box { + width: 360px; + margin: 7% auto; } + @media (max-width: 34em) { + .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: 34em) { + .error-page { + width: 100%; } } + .error-page > .headline { + float: left; + font-size: 100px; + font-weight: 300; } + @media (max-width: 34em) { + .error-page > .headline { + float: none; + text-align: center; } } + .error-page > .error-content { + margin-left: 190px; + display: block; } + @media (max-width: 34em) { + .error-page > .error-content { + margin-left: 0; } } + .error-page > .error-content > h3 { + font-weight: 300; + font-size: 25px; } + @media (max-width: 34em) { + .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 #55595c; } + +.profile-username { + font-size: 21px; + margin-top: 5px; } + +.post { + border-bottom: 1px solid #55595c; + 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: 3rem; + text-align: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + .btn-social > :first-child { + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 2.25rem; + line-height: 4.25rem; + font-size: 1.6em; + text-align: center; + border-right: 1px solid rgba(0, 0, 0, 0.2); } + .btn-social.btn-lg, .btn-group-lg > .btn-social.btn { + padding-left: 3.25rem; } + .btn-social.btn-lg > :first-child, .btn-group-lg > .btn-social.btn > :first-child { + line-height: 2.5rem; + width: 2.5rem; + font-size: 1.8em; } + .btn-social.btn-sm, .btn-group-sm > .btn-social.btn { + padding-left: 1.825rem; } + .btn-social.btn-sm > :first-child, .btn-group-sm > .btn-social.btn > :first-child { + line-height: 1.55rem; + width: 1.55rem; + font-size: 1.4em; } + .btn-social.btn-xs { + padding-left: 2.55rem; } + .btn-social.btn-xs > :first-child { + line-height: 2.275rem; + width: 2.275rem; + font-size: 1.2em; } + +.btn-social-icon { + height: 4.25rem; + width: 4.25rem; + padding: 0; } + .btn-social-icon > :first-child { + border: none; + text-align: center; + width: 100%; } + .btn-social-icon.btn-lg, .btn-group-lg > .btn-social-icon.btn { + height: 2.5rem; + width: 2.5rem; + padding-left: 0; + padding-right: 0; } + .btn-social-icon.btn-sm, .btn-group-sm > .btn-social-icon.btn { + height: 3.55rem; + width: 3.55rem; + padding-left: 0; + padding-right: 0; } + .btn-social-icon.btn-xs { + height: 4.275rem; + width: 4.275rem; + padding-left: 0; + padding-right: 0; } + +.btn-adn { + background-color: #d87a68; + color: #fff; + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); } + .btn-adn:focus, .btn-adn.focus, .btn-adn:active, .btn-adn.active, + .open > .btn-adn.dropdown-toggle { + 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 > .btn-adn.dropdown-toggle { + background-image: none; } + .btn-adn.disabled:focus, .btn-adn.disabled.focus, .btn-adn:disabled:focus, .btn-adn:disabled.focus, + fieldset[disabled] .btn-adn:focus, + fieldset[disabled] .btn-adn.focus { + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); } + .btn-adn.disabled:hover, .btn-adn:disabled:hover, + fieldset[disabled] .btn-adn:hover { + background-color: #d87a68; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-bitbucket { + background-color: #205081; + color: #fff; + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); } + .btn-bitbucket:focus, .btn-bitbucket.focus, .btn-bitbucket:active, .btn-bitbucket.active, + .open > .btn-bitbucket.dropdown-toggle { + 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 > .btn-bitbucket.dropdown-toggle { + background-image: none; } + .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket:disabled:focus, .btn-bitbucket:disabled.focus, + fieldset[disabled] .btn-bitbucket:focus, + fieldset[disabled] .btn-bitbucket.focus { + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); } + .btn-bitbucket.disabled:hover, .btn-bitbucket:disabled:hover, + fieldset[disabled] .btn-bitbucket:hover { + background-color: #205081; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-dropbox { + background-color: #1087dd; + color: #fff; + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); } + .btn-dropbox:focus, .btn-dropbox.focus, .btn-dropbox:active, .btn-dropbox.active, + .open > .btn-dropbox.dropdown-toggle { + 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 > .btn-dropbox.dropdown-toggle { + background-image: none; } + .btn-dropbox.disabled:focus, .btn-dropbox.disabled.focus, .btn-dropbox:disabled:focus, .btn-dropbox:disabled.focus, + fieldset[disabled] .btn-dropbox:focus, + fieldset[disabled] .btn-dropbox.focus { + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); } + .btn-dropbox.disabled:hover, .btn-dropbox:disabled:hover, + fieldset[disabled] .btn-dropbox:hover { + background-color: #1087dd; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-facebook { + background-color: #3b5998; + color: #fff; + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); } + .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, + .open > .btn-facebook.dropdown-toggle { + 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 > .btn-facebook.dropdown-toggle { + background-image: none; } + .btn-facebook.disabled:focus, .btn-facebook.disabled.focus, .btn-facebook:disabled:focus, .btn-facebook:disabled.focus, + fieldset[disabled] .btn-facebook:focus, + fieldset[disabled] .btn-facebook.focus { + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); } + .btn-facebook.disabled:hover, .btn-facebook:disabled:hover, + fieldset[disabled] .btn-facebook:hover { + background-color: #3b5998; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-flickr { + background-color: #ff0084; + color: #fff; + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); } + .btn-flickr:focus, .btn-flickr.focus, .btn-flickr:active, .btn-flickr.active, + .open > .btn-flickr.dropdown-toggle { + 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 > .btn-flickr.dropdown-toggle { + background-image: none; } + .btn-flickr.disabled:focus, .btn-flickr.disabled.focus, .btn-flickr:disabled:focus, .btn-flickr:disabled.focus, + fieldset[disabled] .btn-flickr:focus, + fieldset[disabled] .btn-flickr.focus { + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); } + .btn-flickr.disabled:hover, .btn-flickr:disabled:hover, + fieldset[disabled] .btn-flickr:hover { + background-color: #ff0084; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-foursquare { + background-color: #f94877; + color: #fff; + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); } + .btn-foursquare:focus, .btn-foursquare.focus, .btn-foursquare:active, .btn-foursquare.active, + .open > .btn-foursquare.dropdown-toggle { + 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 > .btn-foursquare.dropdown-toggle { + background-image: none; } + .btn-foursquare.disabled:focus, .btn-foursquare.disabled.focus, .btn-foursquare:disabled:focus, .btn-foursquare:disabled.focus, + fieldset[disabled] .btn-foursquare:focus, + fieldset[disabled] .btn-foursquare.focus { + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); } + .btn-foursquare.disabled:hover, .btn-foursquare:disabled:hover, + fieldset[disabled] .btn-foursquare:hover { + background-color: #f94877; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-github { + background-color: #444444; + color: #fff; + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); } + .btn-github:focus, .btn-github.focus, .btn-github:active, .btn-github.active, + .open > .btn-github.dropdown-toggle { + 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 > .btn-github.dropdown-toggle { + background-image: none; } + .btn-github.disabled:focus, .btn-github.disabled.focus, .btn-github:disabled:focus, .btn-github:disabled.focus, + fieldset[disabled] .btn-github:focus, + fieldset[disabled] .btn-github.focus { + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); } + .btn-github.disabled:hover, .btn-github:disabled:hover, + fieldset[disabled] .btn-github:hover { + background-color: #444444; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-google { + background-color: #dd4b39; + color: #fff; + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); } + .btn-google:focus, .btn-google.focus, .btn-google:active, .btn-google.active, + .open > .btn-google.dropdown-toggle { + 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 > .btn-google.dropdown-toggle { + background-image: none; } + .btn-google.disabled:focus, .btn-google.disabled.focus, .btn-google:disabled:focus, .btn-google:disabled.focus, + fieldset[disabled] .btn-google:focus, + fieldset[disabled] .btn-google.focus { + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); } + .btn-google.disabled:hover, .btn-google:disabled:hover, + fieldset[disabled] .btn-google:hover { + background-color: #dd4b39; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-instagram { + background-color: #3f729b; + color: #fff; + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); } + .btn-instagram:focus, .btn-instagram.focus, .btn-instagram:active, .btn-instagram.active, + .open > .btn-instagram.dropdown-toggle { + 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 > .btn-instagram.dropdown-toggle { + background-image: none; } + .btn-instagram.disabled:focus, .btn-instagram.disabled.focus, .btn-instagram:disabled:focus, .btn-instagram:disabled.focus, + fieldset[disabled] .btn-instagram:focus, + fieldset[disabled] .btn-instagram.focus { + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); } + .btn-instagram.disabled:hover, .btn-instagram:disabled:hover, + fieldset[disabled] .btn-instagram:hover { + background-color: #3f729b; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-linkedin { + background-color: #007bb6; + color: #fff; + background-color: #007bb6; + border-color: rgba(0, 0, 0, 0.2); } + .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, + .open > .btn-linkedin.dropdown-toggle { + 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 > .btn-linkedin.dropdown-toggle { + background-image: none; } + .btn-linkedin.disabled:focus, .btn-linkedin.disabled.focus, .btn-linkedin:disabled:focus, .btn-linkedin:disabled.focus, + fieldset[disabled] .btn-linkedin:focus, + fieldset[disabled] .btn-linkedin.focus { + background-color: #007bb6; + border-color: rgba(0, 0, 0, 0.2); } + .btn-linkedin.disabled:hover, .btn-linkedin:disabled:hover, + fieldset[disabled] .btn-linkedin:hover { + background-color: #007bb6; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-microsoft { + background-color: #2672ec; + color: #fff; + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); } + .btn-microsoft:focus, .btn-microsoft.focus, .btn-microsoft:active, .btn-microsoft.active, + .open > .btn-microsoft.dropdown-toggle { + 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 > .btn-microsoft.dropdown-toggle { + background-image: none; } + .btn-microsoft.disabled:focus, .btn-microsoft.disabled.focus, .btn-microsoft:disabled:focus, .btn-microsoft:disabled.focus, + fieldset[disabled] .btn-microsoft:focus, + fieldset[disabled] .btn-microsoft.focus { + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); } + .btn-microsoft.disabled:hover, .btn-microsoft:disabled:hover, + fieldset[disabled] .btn-microsoft:hover { + background-color: #2672ec; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-openid { + background-color: #f7931e; + color: #fff; + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-openid:focus, .btn-openid.focus, .btn-openid:active, .btn-openid.active, + .open > .btn-openid.dropdown-toggle { + 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 > .btn-openid.dropdown-toggle { + background-image: none; } + .btn-openid.disabled:focus, .btn-openid.disabled.focus, .btn-openid:disabled:focus, .btn-openid:disabled.focus, + fieldset[disabled] .btn-openid:focus, + fieldset[disabled] .btn-openid.focus { + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-openid.disabled:hover, .btn-openid:disabled:hover, + fieldset[disabled] .btn-openid:hover { + background-color: #f7931e; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-pinterest { + background-color: #cb2027; + color: #fff; + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); } + .btn-pinterest:focus, .btn-pinterest.focus, .btn-pinterest:active, .btn-pinterest.active, + .open > .btn-pinterest.dropdown-toggle { + 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 > .btn-pinterest.dropdown-toggle { + background-image: none; } + .btn-pinterest.disabled:focus, .btn-pinterest.disabled.focus, .btn-pinterest:disabled:focus, .btn-pinterest:disabled.focus, + fieldset[disabled] .btn-pinterest:focus, + fieldset[disabled] .btn-pinterest.focus { + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); } + .btn-pinterest.disabled:hover, .btn-pinterest:disabled:hover, + fieldset[disabled] .btn-pinterest:hover { + background-color: #cb2027; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-reddit { + background-color: #eff7ff; + color: #000; + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); } + .btn-reddit:focus, .btn-reddit.focus, .btn-reddit:active, .btn-reddit.active, + .open > .btn-reddit.dropdown-toggle { + 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 > .btn-reddit.dropdown-toggle { + background-image: none; } + .btn-reddit.disabled:focus, .btn-reddit.disabled.focus, .btn-reddit:disabled:focus, .btn-reddit:disabled.focus, + fieldset[disabled] .btn-reddit:focus, + fieldset[disabled] .btn-reddit.focus { + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); } + .btn-reddit.disabled:hover, .btn-reddit:disabled:hover, + fieldset[disabled] .btn-reddit:hover { + background-color: #eff7ff; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-soundcloud { + background-color: #ff5500; + color: #fff; + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud:focus, .btn-soundcloud.focus, .btn-soundcloud:active, .btn-soundcloud.active, + .open > .btn-soundcloud.dropdown-toggle { + color: #fff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud:hover { + color: #fff; + background-color: #cc4400; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud:active, .btn-soundcloud.active, + .open > .btn-soundcloud.dropdown-toggle { + background-image: none; } + .btn-soundcloud.disabled:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud:disabled:focus, .btn-soundcloud:disabled.focus, + fieldset[disabled] .btn-soundcloud:focus, + fieldset[disabled] .btn-soundcloud.focus { + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); } + .btn-soundcloud.disabled:hover, .btn-soundcloud:disabled:hover, + fieldset[disabled] .btn-soundcloud:hover { + background-color: #ff5500; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-tumblr { + background-color: #2c4762; + color: #fff; + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); } + .btn-tumblr:focus, .btn-tumblr.focus, .btn-tumblr:active, .btn-tumblr.active, + .open > .btn-tumblr.dropdown-toggle { + 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 > .btn-tumblr.dropdown-toggle { + background-image: none; } + .btn-tumblr.disabled:focus, .btn-tumblr.disabled.focus, .btn-tumblr:disabled:focus, .btn-tumblr:disabled.focus, + fieldset[disabled] .btn-tumblr:focus, + fieldset[disabled] .btn-tumblr.focus { + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); } + .btn-tumblr.disabled:hover, .btn-tumblr:disabled:hover, + fieldset[disabled] .btn-tumblr:hover { + background-color: #2c4762; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-twitter { + background-color: #55acee; + color: #fff; + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); } + .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, + .open > .btn-twitter.dropdown-toggle { + 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 > .btn-twitter.dropdown-toggle { + background-image: none; } + .btn-twitter.disabled:focus, .btn-twitter.disabled.focus, .btn-twitter:disabled:focus, .btn-twitter:disabled.focus, + fieldset[disabled] .btn-twitter:focus, + fieldset[disabled] .btn-twitter.focus { + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); } + .btn-twitter.disabled:hover, .btn-twitter:disabled:hover, + fieldset[disabled] .btn-twitter:hover { + background-color: #55acee; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-vimeo { + background-color: #1ab7ea; + color: #fff; + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vimeo:focus, .btn-vimeo.focus, .btn-vimeo:active, .btn-vimeo.active, + .open > .btn-vimeo.dropdown-toggle { + 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 > .btn-vimeo.dropdown-toggle { + background-image: none; } + .btn-vimeo.disabled:focus, .btn-vimeo.disabled.focus, .btn-vimeo:disabled:focus, .btn-vimeo:disabled.focus, + fieldset[disabled] .btn-vimeo:focus, + fieldset[disabled] .btn-vimeo.focus { + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vimeo.disabled:hover, .btn-vimeo:disabled:hover, + fieldset[disabled] .btn-vimeo:hover { + background-color: #1ab7ea; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-vk { + background-color: #587ea3; + color: #fff; + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vk:focus, .btn-vk.focus, .btn-vk:active, .btn-vk.active, + .open > .btn-vk.dropdown-toggle { + 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 > .btn-vk.dropdown-toggle { + background-image: none; } + .btn-vk.disabled:focus, .btn-vk.disabled.focus, .btn-vk:disabled:focus, .btn-vk:disabled.focus, + fieldset[disabled] .btn-vk:focus, + fieldset[disabled] .btn-vk.focus { + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); } + .btn-vk.disabled:hover, .btn-vk:disabled:hover, + fieldset[disabled] .btn-vk:hover { + background-color: #587ea3; + border-color: rgba(0, 0, 0, 0.2); } + +.btn-yahoo { + background-color: #720e9e; + color: #fff; + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-yahoo:focus, .btn-yahoo.focus, .btn-yahoo:active, .btn-yahoo.active, + .open > .btn-yahoo.dropdown-toggle { + 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 > .btn-yahoo.dropdown-toggle { + background-image: none; } + .btn-yahoo.disabled:focus, .btn-yahoo.disabled.focus, .btn-yahoo:disabled:focus, .btn-yahoo:disabled.focus, + fieldset[disabled] .btn-yahoo:focus, + fieldset[disabled] .btn-yahoo.focus { + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); } + .btn-yahoo.disabled:hover, .btn-yahoo:disabled:hover, + fieldset[disabled] .btn-yahoo:hover { + background-color: #720e9e; + border-color: rgba(0, 0, 0, 0.2); } + +/* + * 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: #fafafa; } + +.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 { + transition: transform linear .3s; } + .fc-color-picker > li .fa:hover { + -ms-transform: rotate(30deg); + transform: rotate(30deg); } + +#add-new-event { + 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.125); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); + 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-container--default:focus, .select2-container--default:active, +.select2-selection.select2-container--focus, +.select2-selection:focus, +.select2-selection:active { + outline: none; } + +.select2-container--default .select2-selection--single, +.select2-selection .select2-selection--single { + border: 1px solid #55595c; + border-radius: 0; + padding: 6px 12px; + height: 34px; } + +.select2-container--default.select2-container--open { + border-color: #0275d8; } + +.select2-dropdown { + border: 1px solid #55595c; + border-radius: 0; } + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #0275d8; + 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 #55595c; } + .select2-dropdown .select2-search__field:focus, + .select2-search--inline .select2-search__field:focus { + outline: none; + border: 1px solid #0275d8; } + +.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 #55595c; + border-radius: 0; } + .select2-container--default .select2-selection--multiple:focus { + border-color: #0275d8; } + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #55595c; } + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #0275d8; + border-color: #0267bf; + 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, .callout.callout-danger, .alert-danger, +.alert-error, .label-danger, .modal-danger .modal-body, +.bg-yellow, +.callout.callout-warning, +.alert-warning, +.label-warning, +.modal-warning .modal-body, +.bg-aqua, +.callout.callout-info, +.alert-info, +.label-info, +.modal-info .modal-body, +.bg-blue, +.bg-light-blue, +.label-primary, +.modal-primary .modal-body, +.bg-green, +.callout.callout-success, +.alert-success, +.label-success, +.modal-success .modal-body, +.bg-navy, +.bg-teal, +.bg-olive, +.bg-lime, +.bg-orange, +.bg-fuchsia, +.bg-purple, +.bg-maroon, +.bg-black, +.bg-red-active, +.modal-danger .modal-header, +.modal-danger .modal-footer, +.bg-yellow-active, +.modal-warning .modal-header, +.modal-warning .modal-footer, +.bg-aqua-active, +.modal-info .modal-header, +.modal-info .modal-footer, +.bg-blue-active, +.bg-light-blue-active, +.modal-primary .modal-header, +.modal-primary .modal-footer, +.bg-green-active, +.modal-success .modal-header, +.modal-success .modal-footer, +.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 { + color: #fff !important; } + +.bg-gray { + color: #000; + background-color: #55595c !important; } + +.bg-gray-light { + background-color: #f7f7f7; } + +.bg-black { + background-color: #111 !important; } + +.bg-red, .callout.callout-danger, .alert-danger, +.alert-error, .label-danger, .modal-danger .modal-body { + background-color: #d9534f !important; } + +.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { + background-color: #f0ad4e !important; } + +.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { + background-color: #5bc0de !important; } + +.bg-blue { + background-color: #0073b7 !important; } + +.bg-light-blue, .label-primary, .modal-primary .modal-body { + background-color: #0275d8 !important; } + +.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { + background-color: #5cb85c !important; } + +.bg-navy { + background-color: #001F3F !important; } + +.bg-teal { + background-color: #39CCCC !important; } + +.bg-olive { + background-color: #3D9970 !important; } + +.bg-lime { + background-color: #01FF70 !important; } + +.bg-orange { + background-color: #FF851B !important; } + +.bg-fuchsia { + background-color: #F012BE !important; } + +.bg-purple { + background-color: #605ca8 !important; } + +.bg-maroon { + background-color: #D81B60 !important; } + +.bg-gray-active { + color: #000; + background-color: #3d3f41 !important; } + +.bg-black-active { + background-color: black !important; } + +.bg-red-active, .modal-danger .modal-header, +.modal-danger .modal-footer { + background-color: #d43a36 !important; } + +.bg-yellow-active, .modal-warning .modal-header, +.modal-warning .modal-footer { + background-color: #eea032 !important; } + +.bg-aqua-active, .modal-info .modal-header, +.modal-info .modal-footer { + background-color: #42b6d9 !important; } + +.bg-blue-active { + background-color: #005384 !important; } + +.bg-light-blue-active, .modal-primary .modal-header, +.modal-primary .modal-footer { + background-color: #0265ba !important; } + +.bg-green-active, .modal-success .modal-header, +.modal-success .modal-footer { + background-color: #4cae4c !important; } + +.bg-navy-active { + background-color: #001a35 !important; } + +.bg-teal-active { + background-color: #30bbbb !important; } + +.bg-olive-active { + background-color: #368763 !important; } + +.bg-lime-active { + background-color: #00e765 !important; } + +.bg-orange-active { + background-color: #ff7701 !important; } + +.bg-fuchsia-active { + background-color: #db0ead !important; } + +.bg-purple-active { + background-color: #555299 !important; } + +.bg-maroon-active { + background-color: #ca195a !important; } + +[class^="bg-"].disabled { + opacity: .65; } + +.text-red { + color: #d9534f !important; } + +.text-yellow { + color: #f0ad4e !important; } + +.text-aqua { + color: #5bc0de !important; } + +.text-blue { + color: #0073b7 !important; } + +.text-black { + color: #111 !important; } + +.text-light-blue { + color: #0275d8 !important; } + +.text-green { + color: #5cb85c !important; } + +.text-gray { + color: #55595c !important; } + +.text-navy { + color: #001F3F !important; } + +.text-teal { + color: #39CCCC !important; } + +.text-olive { + color: #3D9970 !important; } + +.text-lime { + color: #01FF70 !important; } + +.text-orange { + color: #FF851B !important; } + +.text-fuchsia { + color: #F012BE !important; } + +.text-purple { + color: #605ca8 !important; } + +.text-maroon { + color: #D81B60 !important; } + +.link-muted { + color: #0c0c0c; } + .link-muted:hover, .link-muted:focus { + color: black; } + +.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: #39CCCC; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)); + background: -ms-linear-gradient(bottom, #39CCCC, #7adddd); + background: -moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%); + background: -o-linear-gradient(#7adddd, #39CCCC); + color: #fff; } + +.bg-light-blue-gradient { + background: #0275d8; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0275d8), color-stop(1, #1a94fd)); + background: -ms-linear-gradient(bottom, #0275d8, #1a94fd); + background: -moz-linear-gradient(center bottom, #0275d8 0%, #1a94fd 100%); + background: -o-linear-gradient(#1a94fd, #0275d8); + color: #fff; } + +.bg-blue-gradient { + background: #0073b7; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)); + background: -ms-linear-gradient(bottom, #0073b7, #0089db); + background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%); + background: -o-linear-gradient(#0089db, #0073b7); + color: #fff; } + +.bg-aqua-gradient { + background: #5bc0de; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5bc0de), color-stop(1, #79cbe4)); + background: -ms-linear-gradient(bottom, #5bc0de, #79cbe4); + background: -moz-linear-gradient(center bottom, #5bc0de 0%, #79cbe4 100%); + background: -o-linear-gradient(#79cbe4, #5bc0de); + color: #fff; } + +.bg-yellow-gradient { + background: #f0ad4e; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0ad4e), color-stop(1, #f6d099)); + background: -ms-linear-gradient(bottom, #f0ad4e, #f6d099); + background: -moz-linear-gradient(center bottom, #f0ad4e 0%, #f6d099 100%); + background: -o-linear-gradient(#f6d099, #f0ad4e); + color: #fff; } + +.bg-purple-gradient { + background: #605ca8; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)); + background: -ms-linear-gradient(bottom, #605ca8, #9491c4); + background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%); + background: -o-linear-gradient(#9491c4, #605ca8); + color: #fff; } + +.bg-green-gradient { + background: #5cb85c; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5cb85c), color-stop(1, #75c375)); + background: -ms-linear-gradient(bottom, #5cb85c, #75c375); + background: -moz-linear-gradient(center bottom, #5cb85c 0%, #75c375 100%); + background: -o-linear-gradient(#75c375, #5cb85c); + color: #fff; } + +.bg-red-gradient { + background: #d9534f; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d9534f), color-stop(1, #e27c79)); + background: -ms-linear-gradient(bottom, #d9534f, #e27c79); + background: -moz-linear-gradient(center bottom, #d9534f 0%, #e27c79 100%); + background: -o-linear-gradient(#e27c79, #d9534f); + color: #fff; } + +.bg-black-gradient { + background: #111; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)); + background: -ms-linear-gradient(bottom, #111, #2b2b2b); + background: -moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%); + background: -o-linear-gradient(#2b2b2b, #111); + color: #fff; } + +.bg-maroon-gradient { + background: #D81B60; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)); + background: -ms-linear-gradient(bottom, #D81B60, #e73f7c); + background: -moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%); + background: -o-linear-gradient(#e73f7c, #D81B60); + 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, .box-comments .box-comment img, .user-block.user-block-sm img, +.img-md, +.img-lg { + 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, .box-comments .box-comment img + .img-push, .user-block.user-block-sm img + .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 #55595c; + padding: 3px; } + +.img-bordered-sm { + border: 2px solid #55595c; + 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; } + .full-opacity-hover:hover { + opacity: 1; } + +.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); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .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; } } + +/* + * Skin: Blue + * ---------- + */ +.skin-blue .main-header { + /* + .navbar { + @include navbar-variant($light-blue, #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken($light-blue, 5%); + } + } + @media (max-width: $screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken($light-blue, 5%); + } + } + } + } + } + }*/ } + .skin-blue .main-header .logo { + background-color: #0267bf; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue .main-header .logo:hover { + background-color: #0265ba; } + .skin-blue .main-header li.user-header { + background-color: #0275d8; } + +.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: #0275d8; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-blue .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +.skin-blue.layout-top-nav .main-header > .logo { + background-color: #0275d8; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue.layout-top-nav .main-header > .logo:hover { + background-color: #0272d3; } + +/* + * Skin: Blue + * ---------- + */ +.skin-blue-light .main-header .navbar { + background-color: #0275d8; } + .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: #0267bf; } + @media (max-width: 48em) { + .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: #0267bf; } } + +.skin-blue-light .main-header .logo { + background-color: #0275d8; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue-light .main-header .logo:hover { + background-color: #0272d3; } + +.skin-blue-light .main-header li.user-header { + background-color: #0275d8; } + +.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 #55595c; } + +.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info > a { + color: #444; } + +.skin-blue-light .sidebar-menu > li { + 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: #0275d8; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-blue-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +.skin-blue-light .main-footer { + border-top-color: #55595c; } + +.skin-blue.layout-top-nav .main-header > .logo { + background-color: #0275d8; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-blue.layout-top-nav .main-header > .logo:hover { + background-color: #0272d3; } + +/* + * Skin: Black + * ----------- + */ +/* skin-black navbar */ +.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: 48em) { + .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: 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; + transition: all 0.3s ease-in-out; } + .skin-black .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Black + * ----------- + */ +/* skin-black navbar */ +.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: 48em) { + .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: 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 #55595c; } + +.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a { + color: #444; } + +.skin-black-light .sidebar-menu > li { + 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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-black-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Green + * ----------- + */ +.skin-green .main-header .navbar { + background-color: #5cb85c; } + .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: #4cae4c; } + @media (max-width: 48em) { + .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: #4cae4c; } } + +.skin-green .main-header .logo { + background-color: #4cae4c; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-green .main-header .logo:hover { + background-color: #4aab4a; } + +.skin-green .main-header li.user-header { + background-color: #5cb85c; } + +.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: #5cb85c; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-green .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Green + * ----------- + */ +.skin-green-light .main-header .navbar { + background-color: #5cb85c; } + .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: #4cae4c; } + @media (max-width: 48em) { + .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: #4cae4c; } } + +.skin-green-light .main-header .logo { + background-color: #5cb85c; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-green-light .main-header .logo:hover { + background-color: #58b658; } + +.skin-green-light .main-header li.user-header { + background-color: #5cb85c; } + +.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 #55595c; } + +.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info > a { + color: #444; } + +.skin-green-light .sidebar-menu > li { + 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: #5cb85c; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-green-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Red + * --------- + */ +.skin-red .main-header .navbar { + background-color: #d9534f; } + .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: #d43f3a; } + @media (max-width: 48em) { + .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: #d43f3a; } } + +.skin-red .main-header .logo { + background-color: #d43f3a; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-red .main-header .logo:hover { + background-color: #d43a36; } + +.skin-red .main-header li.user-header { + background-color: #d9534f; } + +.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: #d9534f; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-red .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Red + * --------- + */ +.skin-red-light .main-header .navbar { + background-color: #d9534f; } + .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: #d43f3a; } + @media (max-width: 48em) { + .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: #d43f3a; } } + +.skin-red-light .main-header .logo { + background-color: #d9534f; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-red-light .main-header .logo:hover { + background-color: #d84f4b; } + +.skin-red-light .main-header li.user-header { + background-color: #d9534f; } + +.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 #55595c; } + +.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info > a { + color: #444; } + +.skin-red-light .sidebar-menu > li { + 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: #d9534f; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-red-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Yellow + * ------------ + */ +.skin-yellow .main-header .navbar { + background-color: #f0ad4e; } + .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: #eea236; } + @media (max-width: 48em) { + .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: #eea236; } } + +.skin-yellow .main-header .logo { + background-color: #eea236; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-yellow .main-header .logo:hover { + background-color: #eea032; } + +.skin-yellow .main-header li.user-header { + background-color: #f0ad4e; } + +.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: #f0ad4e; } + +.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; + transition: all 0.3s ease-in-out; } + .skin-yellow .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Yellow + * ------------ + */ +.skin-yellow-light .main-header .navbar { + background-color: #f0ad4e; } + .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: #eea236; } + @media (max-width: 48em) { + .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: #eea236; } } + +.skin-yellow-light .main-header .logo { + background-color: #f0ad4e; + color: #fff; + border-bottom: 0 solid transparent; } + .skin-yellow-light .main-header .logo:hover { + background-color: #f0ab49; } + +.skin-yellow-light .main-header li.user-header { + background-color: #f0ad4e; } + +.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 #55595c; } + +.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info > a { + color: #444; } + +.skin-yellow-light .sidebar-menu > li { + 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: #f0ad4e; } + .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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-yellow-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } } + +/* + * Skin: Purple + * ------------ + */ +.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: 48em) { + .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; + transition: all 0.3s ease-in-out; } + .skin-purple .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +/* + * Skin: Purple + * ------------ + */ +.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: 48em) { + .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 #55595c; } + +.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info > a { + color: #444; } + +.skin-purple-light .sidebar-menu > li { + 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 #55595c; + 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; + transition: all 0.3s ease-in-out; } + .skin-purple-light .sidebar-form input[type="text"] { + color: #666; + border-radius: 2px 0 2px 0; } + .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-radius: 0 2px 0 2px; } + +@media (min-width: 34em) { + .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { + border-left: 1px solid #55595c; } }