From d7ca3459f591cf60e64c39ffd12a7ee7e7729bc9 Mon Sep 17 00:00:00 2001 From: Martin Wasley Date: Wed, 23 May 2018 15:39:39 +0100 Subject: [PATCH] Cicada Theme Update - Additional fixes for Firewall Schedule. (#678) --- .../cicada/assets/stylesheets/main.scss | 17306 +++++++++------- .../www/themes/cicada/build/css/main.css | 26 +- 2 files changed, 9434 insertions(+), 7898 deletions(-) diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss index a46113e84..2f0ecbf11 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss @@ -1,8008 +1,9538 @@ -@charset "UTF-8" +@charset "UTF-8"; + +.widgetdiv .content-box-head { + background: #202020 !important; + color: #ec6d12 !important; + padding-bottom: 1px !important; + padding-top: 1px !important; + padding-right: 1px !important; + padding-left: 5px !important; + min-height: 25px !important; + .btn-group .btn { + color: #FFFFFF !important; + background: none; + border: 0px; + .glyphicon { + color: #FFFFFF !important; + } + } + .list-inline li > h3 { + padding-top: 4px; + } +} + +@font-face { + font-family: 'SourceSansProBold'; + src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); +} + + +@font-face { + font-family: 'SourceSansProSemibold'; + src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); +} + + +@font-face { + font-family: 'SourceSansProRegular'; + src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); +} + + +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +table 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, 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 { + color: #ec6d12; + text-decoration: none; + background: transparent; + outline: 0; + &:link, &:active { + outline: 0; + } + &:hover, &:focus { + color: #ec6d12; + text-decoration: underline; + } +} + +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 { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + -moz-box-sizing: content-box; + 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; + text-transform: none; +} + +select { + text-transform: none; +} + +button, html input[type="button"] { + -webkit-appearance: button; + cursor: pointer; +} + +input { + &[type="reset"], &[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + } +} + +button[disabled], html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + &::-moz-focus-inner { + border: 0; + padding: 0; + } + line-height: normal; + &[type="checkbox"], &[type="radio"] { + box-sizing: border-box; + padding: 0; + } + &[type="number"] { + &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { + height: auto; + } + } + &[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + &::-webkit-search-cancel-button, &::-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: none; + border-spacing: 0; + color: #FFFFFF; + background-color: #3e3e3e; +} + +td, th { + padding: 0; +} + +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a { + text-decoration: underline; + &:visited { + text-decoration: underline; + } + &[href]:after { + content: " (" attr(href) ")"; + } + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a { + &[href^="javascript:"]:after, &[href^="#"]:after { + content: ""; + } + } + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr { + page-break-inside: avoid; + } + img { + page-break-inside: avoid; + max-width: 100% !important; + } + p, h2, h3 { + orphans: 3; + widows: 3; + } + h2, h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table { + td, th { + background-color: #fff !important; + } + } + .btn > .caret, .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered { + th, td { + border: 1px solid #ddd !important; + } + } +} + +@font-face { + font-family: 'Glyphicons Halflings'; + src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); + src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); +} + + +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.glyphicon-asterisk:before { + content: "\2a"; +} + +.glyphicon-plus:before { + content: "\2b"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-cloud:before { + content: "\2601"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} -.widgetdiv .content-box-head - background: #202020 !important - color: #ec6d12 !important - padding-bottom: 1px !important - padding-top: 1px !important - padding-right: 1px !important - padding-left: 5px !important - min-height: 25px !important +.glyphicon-cog:before { + content: "\e019"; +} - .btn-group .btn - color: #FFFFFF !important - background: none - border: 0px +.glyphicon-trash:before { + content: "\e020"; +} - .glyphicon - color: #FFFFFF !important +.glyphicon-home:before { + content: "\e021"; +} - .list-inline li > h3 - padding-top: 4px +.glyphicon-file:before { + content: "\e022"; +} -@font-face - font-family: 'SourceSansProBold' - src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype") +.glyphicon-time:before { + content: "\e023"; +} -@font-face - font-family: 'SourceSansProSemibold' - src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype") +.glyphicon-road:before { + content: "\e024"; +} -@font-face - font-family: 'SourceSansProRegular' - src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype") +.glyphicon-download-alt:before { + content: "\e025"; +} -/*! normalize.css v3.0.1 | MIT License | git.io/normalize +.glyphicon-download:before { + content: "\e026"; +} -table html - font-family: sans-serif - -ms-text-size-adjust: 100% - -webkit-text-size-adjust: 100% +.glyphicon-upload:before { + content: "\e027"; +} -body - margin: 0 +.glyphicon-inbox:before { + content: "\e028"; +} -article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary - display: block +.glyphicon-play-circle:before { + content: "\e029"; +} -audio, canvas, progress, video - display: inline-block - vertical-align: baseline +.glyphicon-repeat:before { + content: "\e030"; +} -audio:not([controls]) - display: none - height: 0 +.glyphicon-refresh:before { + content: "\e031"; +} -[hidden], template - display: none +.glyphicon-list-alt:before { + content: "\e032"; +} -a - color: #ec6d12 - text-decoration: none - background: transparent - outline: 0 +.glyphicon-lock:before { + content: "\e033"; +} - &:link, &:active - outline: 0 +.glyphicon-flag:before { + content: "\e034"; +} - &:hover, &:focus - color: #ec6d12 - text-decoration: underline +.glyphicon-headphones:before { + content: "\e035"; +} -abbr[title] - border-bottom: 1px dotted +.glyphicon-volume-off:before { + content: "\e036"; +} -b, strong - font-weight: bold +.glyphicon-volume-down:before { + content: "\e037"; +} -dfn - font-style: italic +.glyphicon-volume-up:before { + content: "\e038"; +} -h1 - font-size: 2em - margin: 0.67em 0 +.glyphicon-qrcode:before { + content: "\e039"; +} -mark - background: #ff0 - color: #000 +.glyphicon-barcode:before { + content: "\e040"; +} -small - font-size: 80% +.glyphicon-tag:before { + content: "\e041"; +} -sub - font-size: 75% - line-height: 0 - position: relative - vertical-align: baseline +.glyphicon-tags:before { + content: "\e042"; +} -sup - font-size: 75% - line-height: 0 - position: relative - vertical-align: baseline - top: -0.5em +.glyphicon-book:before { + content: "\e043"; +} -sub - bottom: -0.25em +.glyphicon-bookmark:before { + content: "\e044"; +} -img - border: 0 +.glyphicon-print:before { + content: "\e045"; +} -svg:not(:root) - overflow: hidden +.glyphicon-camera:before { + content: "\e046"; +} -figure - margin: 1em 40px +.glyphicon-font:before { + content: "\e047"; +} -hr - -moz-box-sizing: content-box - box-sizing: content-box - height: 0 +.glyphicon-bold:before { + content: "\e048"; +} -pre - overflow: auto +.glyphicon-italic:before { + content: "\e049"; +} -code, kbd, pre, samp - font-family: monospace, monospace - font-size: 1em +.glyphicon-text-height:before { + content: "\e050"; +} -button, input, optgroup, select, textarea - color: inherit - font: inherit - margin: 0 +.glyphicon-text-width:before { + content: "\e051"; +} -button - overflow: visible - text-transform: none +.glyphicon-align-left:before { + content: "\e052"; +} -select - text-transform: none +.glyphicon-align-center:before { + content: "\e053"; +} -button, html input[type="button"] - -webkit-appearance: button - cursor: pointer +.glyphicon-align-right:before { + content: "\e054"; +} -input - &[type="reset"], &[type="submit"] - -webkit-appearance: button - cursor: pointer +.glyphicon-align-justify:before { + content: "\e055"; +} -button[disabled], html input[disabled] - cursor: default +.glyphicon-list:before { + content: "\e056"; +} -button::-moz-focus-inner - border: 0 - padding: 0 +.glyphicon-indent-left:before { + content: "\e057"; +} -input - &::-moz-focus-inner - border: 0 - padding: 0 +.glyphicon-indent-right:before { + content: "\e058"; +} - line-height: normal +.glyphicon-facetime-video:before { + content: "\e059"; +} - &[type="checkbox"], &[type="radio"] - box-sizing: border-box - padding: 0 +.glyphicon-picture:before { + content: "\e060"; +} - &[type="number"] - &::-webkit-inner-spin-button, &::-webkit-outer-spin-button - height: auto +.glyphicon-map-marker:before { + content: "\e062"; +} - &[type="search"] - -webkit-appearance: textfield - -moz-box-sizing: content-box - -webkit-box-sizing: content-box - box-sizing: content-box +.glyphicon-adjust:before { + content: "\e063"; +} - &::-webkit-search-cancel-button, &::-webkit-search-decoration - -webkit-appearance: none +.glyphicon-tint:before { + color: #3F0; + content: "\e064"; +} -fieldset - border: 1px solid #c0c0c0 - margin: 0 2px - padding: 0.35em 0.625em 0.75em +.glyphicon-edit:before { + content: "\e065"; +} -legend - border: 0 - padding: 0 +.glyphicon-share:before { + content: "\e066"; +} -textarea - overflow: auto +.glyphicon-check:before { + content: "\e067"; +} -optgroup - font-weight: bold +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} -table - border-collapse: none - border-spacing: 0 - color: #FFFFFF - background-color: #3e3e3e +.glyphicon-ban-circle:before { + content: "\e090"; +} -td, th - padding: 0 +.glyphicon-arrow-left:before { + content: "\e091"; +} -@media print - * - text-shadow: none !important - color: #000 !important - background: transparent !important - box-shadow: none !important +.glyphicon-arrow-right:before { + content: "\e092"; +} - a - text-decoration: underline +.glyphicon-arrow-up:before { + content: "\e093"; + color: #46A50C !important; +} + +.glyphicon-arrow-down:before { + content: "\e094"; + color: #EF2A00 !important; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-fire:before { + content: "\e104"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-calendar:before { + content: "\e109"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; + color: #FFFFFF !important; +} + +.glyphicon-chevron-down:before { + content: "\e114"; + color: #FFFFFF !important; +} - &:visited - text-decoration: underline +.glyphicon-retweet:before { + content: "\e115"; +} - &[href]:after - content: " (" attr(href) ")" +.glyphicon-shopping-cart:before { + content: "\e116"; +} - abbr[title]:after - content: " (" attr(title) ")" +.glyphicon-folder-close:before { + content: "\e117"; +} - a - &[href^="javascript:"]:after, &[href^="#"]:after - content: "" +.glyphicon-folder-open:before { + content: "\e118"; +} - pre, blockquote - border: 1px solid #999 - page-break-inside: avoid +.glyphicon-resize-vertical:before { + content: "\e119"; +} - thead - display: table-header-group +.glyphicon-resize-horizontal:before { + content: "\e120"; +} - tr - page-break-inside: avoid +.glyphicon-hdd:before { + content: "\e121"; +} - img - page-break-inside: avoid - max-width: 100% !important +.glyphicon-bullhorn:before { + content: "\e122"; +} - p, h2, h3 - orphans: 3 - widows: 3 +.glyphicon-bell:before { + content: "\e123"; +} - h2, h3 - page-break-after: avoid +.glyphicon-certificate:before { + content: "\e124"; +} - select - background: #fff !important +.glyphicon-thumbs-up:before { + content: "\e125"; +} - .navbar - display: none +.glyphicon-thumbs-down:before { + content: "\e126"; +} - .table - td, th - background-color: #fff !important +.glyphicon-hand-right:before { + content: "\e127"; +} - .btn > .caret, .dropup > .btn > .caret - border-top-color: #000 !important +.glyphicon-hand-left:before { + content: "\e128"; +} - .label - border: 1px solid #000 +.glyphicon-hand-up:before { + content: "\e129"; +} - .table - border-collapse: collapse !important +.glyphicon-hand-down:before { + content: "\e130"; +} - .table-bordered - th, td - border: 1px solid #ddd !important +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} -@font-face - font-family: 'Glyphicons Halflings' - src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot") - src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg") +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} -.glyphicon - position: relative - top: 1px - display: inline-block - font-family: 'Glyphicons Halflings' - font-style: normal - font-weight: normal - line-height: 1 - -webkit-font-smoothing: antialiased - -moz-osx-font-smoothing: grayscale +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} -.glyphicon-asterisk:before - content: "\2a" +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} -.glyphicon-plus:before - content: "\2b" +.glyphicon-globe:before { + content: "\e135"; +} -.glyphicon-euro:before - content: "\20ac" +.glyphicon-wrench:before { + content: "\e136"; +} -.glyphicon-minus:before - content: "\2212" +.glyphicon-tasks:before { + content: "\e137"; +} -.glyphicon-cloud:before - content: "\2601" +.glyphicon-filter:before { + content: "\e138"; +} -.glyphicon-envelope:before - content: "\2709" +.glyphicon-briefcase:before { + content: "\e139"; +} -.glyphicon-pencil:before - content: "\270f" +.glyphicon-fullscreen:before { + content: "\e140"; +} -.glyphicon-glass:before - content: "\e001" +.glyphicon-dashboard:before { + content: "\e141"; +} -.glyphicon-music:before - content: "\e002" +.glyphicon-paperclip:before { + content: "\e142"; +} -.glyphicon-search:before - content: "\e003" +.glyphicon-heart-empty:before { + content: "\e143"; +} -.glyphicon-heart:before - content: "\e005" +.glyphicon-link:before { + content: "\e144"; +} -.glyphicon-star:before - content: "\e006" +.glyphicon-phone:before { + content: "\e145"; +} -.glyphicon-star-empty:before - content: "\e007" +.glyphicon-pushpin:before { + content: "\e146"; +} -.glyphicon-user:before - content: "\e008" +.glyphicon-usd:before { + content: "\e148"; +} -.glyphicon-film:before - content: "\e009" +.glyphicon-gbp:before { + content: "\e149"; +} -.glyphicon-th-large:before - content: "\e010" +.glyphicon-sort:before { + content: "\e150"; +} -.glyphicon-th:before - content: "\e011" +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} -.glyphicon-th-list:before - content: "\e012" +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} -.glyphicon-ok:before - content: "\e013" +.glyphicon-sort-by-order:before { + content: "\e153"; +} -.glyphicon-remove:before - content: "\e014" +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} -.glyphicon-zoom-in:before - content: "\e015" +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} -.glyphicon-zoom-out:before - content: "\e016" +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} -.glyphicon-off:before - content: "\e017" +.glyphicon-unchecked:before { + content: "\e157"; +} -.glyphicon-signal:before - content: "\e018" +.glyphicon-expand:before { + content: "\e158"; +} -.glyphicon-cog:before - content: "\e019" +.glyphicon-collapse-down:before { + content: "\e159"; +} -.glyphicon-trash:before - content: "\e020" +.glyphicon-collapse-up:before { + content: "\e160"; +} -.glyphicon-home:before - content: "\e021" +.glyphicon-log-in:before { + content: "\e161"; +} -.glyphicon-file:before - content: "\e022" +.glyphicon-flash:before { + content: "\e162"; +} -.glyphicon-time:before - content: "\e023" +.glyphicon-log-out:before { + content: "\e163"; +} -.glyphicon-road:before - content: "\e024" +.glyphicon-new-window:before { + content: "\e164"; +} -.glyphicon-download-alt:before - content: "\e025" +.glyphicon-record:before { + content: "\e165"; +} -.glyphicon-download:before - content: "\e026" +.glyphicon-save:before { + content: "\e166"; +} -.glyphicon-upload:before - content: "\e027" +.glyphicon-open:before { + content: "\e167"; +} -.glyphicon-inbox:before - content: "\e028" +.glyphicon-saved:before { + content: "\e168"; +} -.glyphicon-play-circle:before - content: "\e029" +.glyphicon-import:before { + content: "\e169"; +} -.glyphicon-repeat:before - content: "\e030" +.glyphicon-export:before { + content: "\e170"; +} -.glyphicon-refresh:before - content: "\e031" +.glyphicon-send:before { + content: "\e171"; +} -.glyphicon-list-alt:before - content: "\e032" +.glyphicon-floppy-disk:before { + content: "\e172"; +} -.glyphicon-lock:before - content: "\e033" +.glyphicon-floppy-saved:before { + content: "\e173"; +} -.glyphicon-flag:before - content: "\e034" +.glyphicon-floppy-remove:before { + content: "\e174"; +} -.glyphicon-headphones:before - content: "\e035" +.glyphicon-floppy-save:before { + content: "\e175"; +} -.glyphicon-volume-off:before - content: "\e036" +.glyphicon-floppy-open:before { + content: "\e176"; +} + +.glyphicon-credit-card:before { + content: "\e177"; +} + +.glyphicon-transfer:before { + content: "\e178"; + color: #46a50c !important; +} + +.glyphicon-cutlery:before { + content: "\e179"; +} + +.glyphicon-header:before { + content: "\e180"; +} + +.glyphicon-compressed:before { + content: "\e181"; +} + +.glyphicon-earphone:before { + content: "\e182"; +} + +.glyphicon-phone-alt:before { + content: "\e183"; +} + +.glyphicon-tower:before { + content: "\e184"; +} + +.glyphicon-stats:before { + content: "\e185"; +} + +.glyphicon-sd-video:before { + content: "\e186"; +} + +.glyphicon-hd-video:before { + content: "\e187"; +} + +.glyphicon-subtitles:before { + content: "\e188"; +} + +.glyphicon-sound-stereo:before { + content: "\e189"; +} + +.glyphicon-sound-dolby:before { + content: "\e190"; +} + +.glyphicon-sound-5-1:before { + content: "\e191"; +} + +.glyphicon-sound-6-1:before { + content: "\e192"; +} + +.glyphicon-sound-7-1:before { + content: "\e193"; +} + +.glyphicon-copyright-mark:before { + content: "\e194"; +} + +.glyphicon-registration-mark:before { + content: "\e195"; +} + +.glyphicon-cloud-download:before { + content: "\e197"; +} + +.glyphicon-cloud-upload:before { + content: "\e198"; +} + +.glyphicon-tree-conifer:before { + content: "\e199"; +} + +.glyphicon-tree-deciduous:before { + content: "\e200"; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + &:before, &:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} + +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857; + color: #FFFFFF; + background-color: none; +} + +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +figure { + margin: 0; +} + +img { + vertical-align: middle; +} + +.img-responsive { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; +} + +.img-rounded { + border-radius: 6px; +} + +.img-thumbnail { + padding: 4px; + line-height: 1.42857; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + width: 100% \9; + max-width: 100%; + height: auto; +} + +.img-circle { + border-radius: 50%; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.sr-only-focusable { + &:active, &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "SourceSansProSemiBold"; + font-weight: 100; + line-height: 1.4; + color: inherit; +} + +h1 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h1 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h1, .h1, h2, .h2, h3, .h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +h1 { + small, .small { + font-size: 65%; + } +} + +.h1 { + small, .small { + font-size: 65%; + } +} + +h2 { + small, .small { + font-size: 65%; + } +} + +.h2 { + small, .small { + font-size: 65%; + } +} + +h3 { + small, .small { + font-size: 65%; + } +} + +.h3 { + small, .small { + font-size: 65%; + } +} + +h4, .h4, h5, .h5, h6, .h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +h4 { + small, .small { + font-size: 75%; + } +} + +.h4 { + small, .small { + font-size: 75%; + } +} + +h5 { + small, .small { + font-size: 75%; + } +} + +.h5 { + small, .small { + font-size: 75%; + } +} + +h6 { + small, .small { + font-size: 75%; + } +} + +.h6 { + small, .small { + font-size: 75%; + } +} + +h1, .h1 { + font-size: 23px; +} + +h2, .h2 { + font-size: 16px; +} + +h3, .h3 { + font-size: 14px; +} + +h4, .h4 { + font-size: 18px; +} + +h5, .h5 { + font-size: 14px; +} + +h6, .h6 { + font-size: 12px; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4; +} + +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} + +small, .small { + font-size: 85%; +} + +cite { + font-style: normal; +} + +mark, .mark { + background-color: #fcf8e3; + padding: .2em; +} + +.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-lowercase { + text-transform: lowercase; +} + +.text-uppercase { + text-transform: uppercase; +} + +.text-capitalize { + text-transform: capitalize; +} + +.text-muted { + color: inherit; +} + +.text-primary { + color: #ec6d12; +} + +a.text-primary:hover { + color: #b85904; +} + +.text-success { + color: #46A50C; +} + +a.text-success:hover { + color: #7fc54f; +} + +.text-info { + color: #56dd03; +} + +a.text-info:hover { + color: #245269; +} + +.text-warning { + color: #f0ad4e; +} + +a.text-warning:hover { + color: #ec971f; +} + +.text-danger { + color: #EF3B25 !important; +} + +a.text-danger:hover { + color: #ec2121; +} + +.bg-primary { + color: #fff; + background-color: #ec6d12; +} + +a.bg-primary:hover { + background-color: #b85904; +} + +.bg-success { + background-color: #9BD275; +} + +a.bg-success:hover { + background-color: #7fc54f; +} + +.bg-info { + background-color: #d9edf7; +} + +a.bg-info:hover { + background-color: #afd9ee; +} + +.bg-warning { + background-color: #fcf8e3; +} + +a.bg-warning:hover { + background-color: #f7ecb5; +} + +.bg-danger { + background-color: #F05050; +} + +a.bg-danger:hover { + background-color: #ec2121; +} + +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} + +ul, ol { + margin-top: 0; + margin-bottom: 10px; +} + +ul { + ul, ol { + margin-bottom: 0; + } +} + +ol { + ul, ol { + margin-bottom: 0; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; + > li { + float: left; + padding-left: 5px; + padding-right: 5px; + } +} + +dl { + margin-top: 0; + margin-bottom: 20px; +} + +dt, dd { + line-height: 1.42857; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 0; +} + +.dl-horizontal dd { + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .dl-horizontal { + dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + dd { + margin-left: 180px; + } + } +} + +abbr { + &[title], &[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777; + } +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; + p:last-child, ul:last-child, ol:last-child { + margin-bottom: 0; + } + footer, small, .small { + display: block; + font-size: 80%; + line-height: 1.42857; + color: #777777; + } + footer:before, small:before, .small:before { + content: '\2014 \00A0'; + } +} + +.blockquote-reverse, blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} + +.blockquote-reverse { + footer:before, small:before, .small:before { + content: ''; + } +} + +blockquote.pull-right { + footer:before, small:before, .small:before { + content: ''; + } +} + +.blockquote-reverse { + footer:after, small:after, .small:after { + content: '\00A0 \2014'; + } +} + +blockquote { + &.pull-right { + footer:after, small:after, .small:after { + content: '\00A0 \2014'; + } + } + &:before, &:after { + content: ""; + } +} + +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857; +} + +code, kbd, pre, samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 3px; +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #2d2d2d; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + kbd { + padding: 0; + font-size: 100%; + box-shadow: none; + } +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857; + word-break: break-all; + word-wrap: break-word; + color: #FFFFFF; + background-color: inherit; + border: inherit; + border-radius: 3px; + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container, .container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 20px; + padding-right: 20px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .container { + width: 760px; + } +} + +@media (min-width: 992px) { + .container { + width: 980px; + } +} + +@media (min-width: 1200px) { + .container { + width: 1180px; + } +} + +.row { + margin-left: -20px; + margin-right: -20px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 20px; + padding-right: 20px; +} + +.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.33333%; +} + +.col-xs-2 { + width: 16.66667%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.33333%; +} + +.col-xs-5 { + width: 41.66667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.33333%; +} + +.col-xs-8 { + width: 66.66667%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.33333%; +} + +.col-xs-11 { + width: 91.66667%; +} + +.col-xs-12 { + width: 100%; +} + +.col-xs-pull-0 { + right: auto; +} + +.col-xs-pull-1 { + right: 8.33333%; +} + +.col-xs-pull-2 { + right: 16.66667%; +} + +.col-xs-pull-3 { + right: 25%; +} + +.col-xs-pull-4 { + right: 33.33333%; +} + +.col-xs-pull-5 { + right: 41.66667%; +} + +.col-xs-pull-6 { + right: 50%; +} + +.col-xs-pull-7 { + right: 58.33333%; +} + +.col-xs-pull-8 { + right: 66.66667%; +} + +.col-xs-pull-9 { + right: 75%; +} -.glyphicon-volume-down:before - content: "\e037" +.col-xs-pull-10 { + right: 83.33333%; +} -.glyphicon-volume-up:before - content: "\e038" +.col-xs-pull-11 { + right: 91.66667%; +} -.glyphicon-qrcode:before - content: "\e039" +.col-xs-pull-12 { + right: 100%; +} -.glyphicon-barcode:before - content: "\e040" +.col-xs-push-0 { + left: auto; +} -.glyphicon-tag:before - content: "\e041" +.col-xs-push-1 { + left: 8.33333%; +} -.glyphicon-tags:before - content: "\e042" - -.glyphicon-book:before - content: "\e043" - -.glyphicon-bookmark:before - content: "\e044" - -.glyphicon-print:before - content: "\e045" - -.glyphicon-camera:before - content: "\e046" - -.glyphicon-font:before - content: "\e047" - -.glyphicon-bold:before - content: "\e048" - -.glyphicon-italic:before - content: "\e049" - -.glyphicon-text-height:before - content: "\e050" - -.glyphicon-text-width:before - content: "\e051" - -.glyphicon-align-left:before - content: "\e052" - -.glyphicon-align-center:before - content: "\e053" - -.glyphicon-align-right:before - content: "\e054" - -.glyphicon-align-justify:before - content: "\e055" - -.glyphicon-list:before - content: "\e056" - -.glyphicon-indent-left:before - content: "\e057" - -.glyphicon-indent-right:before - content: "\e058" - -.glyphicon-facetime-video:before - content: "\e059" - -.glyphicon-picture:before - content: "\e060" - -.glyphicon-map-marker:before - content: "\e062" - -.glyphicon-adjust:before - content: "\e063" - -.glyphicon-tint:before - color: #3F0 - content: "\e064" - -.glyphicon-edit:before - content: "\e065" - -.glyphicon-share:before - content: "\e066" - -.glyphicon-check:before - content: "\e067" - -.glyphicon-move:before - content: "\e068" - -.glyphicon-step-backward:before - content: "\e069" - -.glyphicon-fast-backward:before - content: "\e070" - -.glyphicon-backward:before - content: "\e071" - -.glyphicon-play:before - content: "\e072" - -.glyphicon-pause:before - content: "\e073" - -.glyphicon-stop:before - content: "\e074" - -.glyphicon-forward:before - content: "\e075" - -.glyphicon-fast-forward:before - content: "\e076" - -.glyphicon-step-forward:before - content: "\e077" - -.glyphicon-eject:before - content: "\e078" - -.glyphicon-chevron-left:before - content: "\e079" - -.glyphicon-chevron-right:before - content: "\e080" - -.glyphicon-plus-sign:before - content: "\e081" - -.glyphicon-minus-sign:before - content: "\e082" - -.glyphicon-remove-sign:before - content: "\e083" - -.glyphicon-ok-sign:before - content: "\e084" - -.glyphicon-question-sign:before - content: "\e085" - -.glyphicon-info-sign:before - content: "\e086" - -.glyphicon-screenshot:before - content: "\e087" - -.glyphicon-remove-circle:before - content: "\e088" - -.glyphicon-ok-circle:before - content: "\e089" - -.glyphicon-ban-circle:before - content: "\e090" - -.glyphicon-arrow-left:before - content: "\e091" - -.glyphicon-arrow-right:before - content: "\e092" - -.glyphicon-arrow-up:before - content: "\e093" - color: #46A50C !important - -.glyphicon-arrow-down:before - content: "\e094" - color: #EF2A00 !important - -.glyphicon-share-alt:before - content: "\e095" - -.glyphicon-resize-full:before - content: "\e096" - -.glyphicon-resize-small:before - content: "\e097" - -.glyphicon-exclamation-sign:before - content: "\e101" - -.glyphicon-gift:before - content: "\e102" - -.glyphicon-leaf:before - content: "\e103" - -.glyphicon-fire:before - content: "\e104" - -.glyphicon-eye-open:before - content: "\e105" - -.glyphicon-eye-close:before - content: "\e106" - -.glyphicon-warning-sign:before - content: "\e107" - -.glyphicon-plane:before - content: "\e108" - -.glyphicon-calendar:before - content: "\e109" - -.glyphicon-random:before - content: "\e110" - -.glyphicon-comment:before - content: "\e111" - -.glyphicon-magnet:before - content: "\e112" - -.glyphicon-chevron-up:before - content: "\e113" - color: #FFFFFF !important - -.glyphicon-chevron-down:before - content: "\e114" - color: #FFFFFF !important - -.glyphicon-retweet:before - content: "\e115" - -.glyphicon-shopping-cart:before - content: "\e116" - -.glyphicon-folder-close:before - content: "\e117" - -.glyphicon-folder-open:before - content: "\e118" - -.glyphicon-resize-vertical:before - content: "\e119" - -.glyphicon-resize-horizontal:before - content: "\e120" - -.glyphicon-hdd:before - content: "\e121" - -.glyphicon-bullhorn:before - content: "\e122" - -.glyphicon-bell:before - content: "\e123" - -.glyphicon-certificate:before - content: "\e124" - -.glyphicon-thumbs-up:before - content: "\e125" - -.glyphicon-thumbs-down:before - content: "\e126" - -.glyphicon-hand-right:before - content: "\e127" - -.glyphicon-hand-left:before - content: "\e128" - -.glyphicon-hand-up:before - content: "\e129" - -.glyphicon-hand-down:before - content: "\e130" - -.glyphicon-circle-arrow-right:before - content: "\e131" - -.glyphicon-circle-arrow-left:before - content: "\e132" - -.glyphicon-circle-arrow-up:before - content: "\e133" - -.glyphicon-circle-arrow-down:before - content: "\e134" - -.glyphicon-globe:before - content: "\e135" - -.glyphicon-wrench:before - content: "\e136" - -.glyphicon-tasks:before - content: "\e137" - -.glyphicon-filter:before - content: "\e138" - -.glyphicon-briefcase:before - content: "\e139" - -.glyphicon-fullscreen:before - content: "\e140" - -.glyphicon-dashboard:before - content: "\e141" - -.glyphicon-paperclip:before - content: "\e142" - -.glyphicon-heart-empty:before - content: "\e143" - -.glyphicon-link:before - content: "\e144" - -.glyphicon-phone:before - content: "\e145" - -.glyphicon-pushpin:before - content: "\e146" - -.glyphicon-usd:before - content: "\e148" - -.glyphicon-gbp:before - content: "\e149" - -.glyphicon-sort:before - content: "\e150" - -.glyphicon-sort-by-alphabet:before - content: "\e151" - -.glyphicon-sort-by-alphabet-alt:before - content: "\e152" - -.glyphicon-sort-by-order:before - content: "\e153" - -.glyphicon-sort-by-order-alt:before - content: "\e154" - -.glyphicon-sort-by-attributes:before - content: "\e155" - -.glyphicon-sort-by-attributes-alt:before - content: "\e156" - -.glyphicon-unchecked:before - content: "\e157" - -.glyphicon-expand:before - content: "\e158" - -.glyphicon-collapse-down:before - content: "\e159" - -.glyphicon-collapse-up:before - content: "\e160" - -.glyphicon-log-in:before - content: "\e161" - -.glyphicon-flash:before - content: "\e162" - -.glyphicon-log-out:before - content: "\e163" - -.glyphicon-new-window:before - content: "\e164" - -.glyphicon-record:before - content: "\e165" - -.glyphicon-save:before - content: "\e166" - -.glyphicon-open:before - content: "\e167" - -.glyphicon-saved:before - content: "\e168" - -.glyphicon-import:before - content: "\e169" - -.glyphicon-export:before - content: "\e170" - -.glyphicon-send:before - content: "\e171" - -.glyphicon-floppy-disk:before - content: "\e172" - -.glyphicon-floppy-saved:before - content: "\e173" - -.glyphicon-floppy-remove:before - content: "\e174" - -.glyphicon-floppy-save:before - content: "\e175" - -.glyphicon-floppy-open:before - content: "\e176" - -.glyphicon-credit-card:before - content: "\e177" - -.glyphicon-transfer:before - content: "\e178" - color: #46a50c !important - -.glyphicon-cutlery:before - content: "\e179" - -.glyphicon-header:before - content: "\e180" - -.glyphicon-compressed:before - content: "\e181" - -.glyphicon-earphone:before - content: "\e182" - -.glyphicon-phone-alt:before - content: "\e183" - -.glyphicon-tower:before - content: "\e184" - -.glyphicon-stats:before - content: "\e185" - -.glyphicon-sd-video:before - content: "\e186" - -.glyphicon-hd-video:before - content: "\e187" - -.glyphicon-subtitles:before - content: "\e188" - -.glyphicon-sound-stereo:before - content: "\e189" - -.glyphicon-sound-dolby:before - content: "\e190" - -.glyphicon-sound-5-1:before - content: "\e191" - -.glyphicon-sound-6-1:before - content: "\e192" - -.glyphicon-sound-7-1:before - content: "\e193" - -.glyphicon-copyright-mark:before - content: "\e194" - -.glyphicon-registration-mark:before - content: "\e195" - -.glyphicon-cloud-download:before - content: "\e197" - -.glyphicon-cloud-upload:before - content: "\e198" - -.glyphicon-tree-conifer:before - content: "\e199" - -.glyphicon-tree-deciduous:before - content: "\e200" - -* - -webkit-box-sizing: border-box - -moz-box-sizing: border-box - box-sizing: border-box - text-decoration: none - - &:before, &:after - -webkit-box-sizing: border-box - -moz-box-sizing: border-box - box-sizing: border-box - -html - font-size: 10px - -webkit-tap-highlight-color: transparent - -body - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif - font-size: 14px - line-height: 1.42857 - color: #FFFFFF - background-color: none - -input, button, select, textarea - font-family: inherit - font-size: inherit - line-height: inherit - -figure - margin: 0 - -img - vertical-align: middle - -.img-responsive - display: block - width: 100% \9 - max-width: 100% - height: auto - -.img-rounded - border-radius: 6px - -.img-thumbnail - padding: 4px - line-height: 1.42857 - background-color: #fff - border: 1px solid #ddd - border-radius: 3px - -webkit-transition: all 0.2s ease-in-out - -o-transition: all 0.2s ease-in-out - transition: all 0.2s ease-in-out - display: inline-block - width: 100% \9 - max-width: 100% - height: auto - -.img-circle - border-radius: 50% - -hr - margin-top: 20px - margin-bottom: 20px - border: 0 - border-top: 1px solid #eeeeee - -.sr-only - position: absolute - width: 1px - height: 1px - margin: -1px - padding: 0 - overflow: hidden - clip: rect(0, 0, 0, 0) - border: 0 - -.sr-only-focusable - &:active, &:focus - position: static - width: auto - height: auto - margin: 0 - overflow: visible - clip: auto - -h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 - font-family: "SourceSansProSemiBold" - font-weight: 100 - line-height: 1.4 - color: inherit - -h1 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h2 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h3 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h4 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h5 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h6 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h1 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h2 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h3 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h4 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h5 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h6 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h1, .h1, h2, .h2, h3, .h3 - margin-top: 20px - margin-bottom: 10px - -h1 - small, .small - font-size: 65% - -.h1 - small, .small - font-size: 65% - -h2 - small, .small - font-size: 65% - -.h2 - small, .small - font-size: 65% - -h3 - small, .small - font-size: 65% - -.h3 - small, .small - font-size: 65% - -h4, .h4, h5, .h5, h6, .h6 - margin-top: 10px - margin-bottom: 10px - -h4 - small, .small - font-size: 75% - -.h4 - small, .small - font-size: 75% - -h5 - small, .small - font-size: 75% - -.h5 - small, .small - font-size: 75% - -h6 - small, .small - font-size: 75% - -.h6 - small, .small - font-size: 75% - -h1, .h1 - font-size: 23px - -h2, .h2 - font-size: 16px - -h3, .h3 - font-size: 14px - -h4, .h4 - font-size: 18px - -h5, .h5 - font-size: 14px - -h6, .h6 - font-size: 12px - -p - margin: 0 0 10px - -.lead - margin-bottom: 20px - font-size: 16px - font-weight: 300 - line-height: 1.4 - -@media (min-width: 768px) - .lead - font-size: 21px - -small, .small - font-size: 85% - -cite - font-style: normal - -mark, .mark - background-color: #fcf8e3 - padding: .2em - -.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-lowercase - text-transform: lowercase - -.text-uppercase - text-transform: uppercase - -.text-capitalize - text-transform: capitalize - -.text-muted - color: inherit - -.text-primary - color: #ec6d12 - -a.text-primary:hover - color: #b85904 - -.text-success - color: #46A50C - -a.text-success:hover - color: #7fc54f - -.text-info - color: #56dd03 - -a.text-info:hover - color: #245269 - -.text-warning - color: #f0ad4e - -a.text-warning:hover - color: #ec971f - -.text-danger - color: #EF3B25 !important - -a.text-danger:hover - color: #ec2121 - -.bg-primary - color: #fff - background-color: #ec6d12 - -a.bg-primary:hover - background-color: #b85904 - -.bg-success - background-color: #9BD275 - -a.bg-success:hover - background-color: #7fc54f - -.bg-info - background-color: #d9edf7 - -a.bg-info:hover - background-color: #afd9ee - -.bg-warning - background-color: #fcf8e3 - -a.bg-warning:hover - background-color: #f7ecb5 - -.bg-danger - background-color: #F05050 - -a.bg-danger:hover - background-color: #ec2121 - -.page-header - padding-bottom: 9px - margin: 40px 0 20px - border-bottom: 1px solid #eeeeee - -ul, ol - margin-top: 0 - margin-bottom: 10px - -ul - ul, ol - margin-bottom: 0 - -ol - ul, ol - margin-bottom: 0 - -.list-unstyled - padding-left: 0 - list-style: none - -.list-inline - padding-left: 0 - list-style: none - margin-left: -5px - - > li - float: left - padding-left: 5px - padding-right: 5px - -dl - margin-top: 0 - margin-bottom: 20px - -dt, dd - line-height: 1.42857 - -dt - font-weight: bold - -dd - margin-left: 0 - -.dl-horizontal dd - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .dl-horizontal - dt - float: left - width: 160px - clear: left - text-align: right - overflow: hidden - text-overflow: ellipsis - white-space: nowrap - - dd - margin-left: 180px - -abbr - &[title], &[data-original-title] - cursor: help - border-bottom: 1px dotted #777777 - -.initialism - font-size: 90% - text-transform: uppercase - -blockquote - padding: 10px 20px - margin: 0 0 20px - font-size: 17.5px - border-left: 5px solid #eeeeee - - p:last-child, ul:last-child, ol:last-child - margin-bottom: 0 - - footer, small, .small - display: block - font-size: 80% - line-height: 1.42857 - color: #777777 - - footer:before, small:before, .small:before - content: '\2014 \00A0' - -.blockquote-reverse, blockquote.pull-right - padding-right: 15px - padding-left: 0 - border-right: 5px solid #eeeeee - border-left: 0 - text-align: right - -.blockquote-reverse - footer:before, small:before, .small:before - content: '' - -blockquote.pull-right - footer:before, small:before, .small:before - content: '' - -.blockquote-reverse - footer:after, small:after, .small:after - content: '\00A0 \2014' - -blockquote - &.pull-right - footer:after, small:after, .small:after - content: '\00A0 \2014' - - &:before, &:after - content: "" - -address - margin-bottom: 20px - font-style: normal - line-height: 1.42857 - -code, kbd, pre, samp - font-family: Menlo, Monaco, Consolas, "Courier New", monospace - -code - padding: 2px 4px - font-size: 90% - color: #c7254e - background-color: #f9f2f4 - border-radius: 3px - -kbd - padding: 2px 4px - font-size: 90% - color: #fff - background-color: #2d2d2d - border-radius: 3px - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) - - kbd - padding: 0 - font-size: 100% - box-shadow: none - -pre - display: block - padding: 9.5px - margin: 0 0 10px - font-size: 13px - line-height: 1.42857 - word-break: break-all - word-wrap: break-word - color: #FFFFFF - background-color: inherit - border: inherit - border-radius: 3px - - code - padding: 0 - font-size: inherit - color: inherit - white-space: pre-wrap - background-color: transparent - border-radius: 0 - -.pre-scrollable - max-height: 340px - overflow-y: scroll - -.container, .container-fluid - margin-right: auto - margin-left: auto - padding-left: 20px - padding-right: 20px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .container - width: 760px - -@media (min-width: 992px) - .container - width: 980px - -@media (min-width: 1200px) - .container - width: 1180px - -.row - margin-left: -20px - margin-right: -20px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 - position: relative - min-height: 1px - padding-left: 20px - padding-right: 20px - -.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.33333% - -.col-xs-2 - width: 16.66667% - -.col-xs-3 - width: 25% - -.col-xs-4 - width: 33.33333% - -.col-xs-5 - width: 41.66667% - -.col-xs-6 - width: 50% - -.col-xs-7 - width: 58.33333% - -.col-xs-8 - width: 66.66667% - -.col-xs-9 - width: 75% - -.col-xs-10 - width: 83.33333% - -.col-xs-11 - width: 91.66667% - -.col-xs-12 - width: 100% - -.col-xs-pull-0 - right: auto - -.col-xs-pull-1 - right: 8.33333% - -.col-xs-pull-2 - right: 16.66667% - -.col-xs-pull-3 - right: 25% - -.col-xs-pull-4 - right: 33.33333% - -.col-xs-pull-5 - right: 41.66667% - -.col-xs-pull-6 - right: 50% - -.col-xs-pull-7 - right: 58.33333% - -.col-xs-pull-8 - right: 66.66667% - -.col-xs-pull-9 - right: 75% - -.col-xs-pull-10 - right: 83.33333% - -.col-xs-pull-11 - right: 91.66667% - -.col-xs-pull-12 - right: 100% - -.col-xs-push-0 - left: auto - -.col-xs-push-1 - left: 8.33333% - -.col-xs-push-2 - left: 16.66667% - -.col-xs-push-3 - left: 25% - -.col-xs-push-4 - left: 33.33333% - -.col-xs-push-5 - left: 41.66667% - -.col-xs-push-6 - left: 50% - -.col-xs-push-7 - left: 58.33333% - -.col-xs-push-8 - left: 66.66667% - -.col-xs-push-9 - left: 75% - -.col-xs-push-10 - left: 83.33333% - -.col-xs-push-11 - left: 91.66667% - -.col-xs-push-12 - left: 100% - -.col-xs-offset-0 - margin-left: 0% - -.col-xs-offset-1 - margin-left: 8.33333% - -.col-xs-offset-2 - margin-left: 16.66667% - -.col-xs-offset-3 - margin-left: 25% - -.col-xs-offset-4 - margin-left: 33.33333% - -.col-xs-offset-5 - margin-left: 41.66667% - -.col-xs-offset-6 - margin-left: 50% - -.col-xs-offset-7 - margin-left: 58.33333% - -.col-xs-offset-8 - margin-left: 66.66667% - -.col-xs-offset-9 - margin-left: 75% - -.col-xs-offset-10 - margin-left: 83.33333% - -.col-xs-offset-11 - margin-left: 91.66667% - -.col-xs-offset-12 - margin-left: 100% - -@media (min-width: 768px) - .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.33333% - - .col-sm-2 - width: 16.66667% - - .col-sm-3 - width: 25% - - .col-sm-4 - width: 33.33333% - - .col-sm-5 - width: 41.66667% - - .col-sm-6 - width: 50% - - .col-sm-7 - width: 58.33333% - - .col-sm-8 - width: 66.66667% - - .col-sm-9 - width: 75% - - .col-sm-10 - width: 83.33333% - - .col-sm-11 - width: 91.66667% - - .col-sm-12 - width: 100% - - .col-sm-pull-0 - right: auto - - .col-sm-pull-1 - right: 8.33333% - - .col-sm-pull-2 - right: 16.66667% - - .col-sm-pull-3 - right: 25% - - .col-sm-pull-4 - right: 33.33333% - - .col-sm-pull-5 - right: 41.66667% - - .col-sm-pull-6 - right: 50% - - .col-sm-pull-7 - right: 58.33333% - - .col-sm-pull-8 - right: 66.66667% - - .col-sm-pull-9 - right: 75% - - .col-sm-pull-10 - right: 83.33333% - - .col-sm-pull-11 - right: 91.66667% - - .col-sm-pull-12 - right: 100% - - .col-sm-push-0 - left: auto - - .col-sm-push-1 - left: 8.33333% - - .col-sm-push-2 - left: 16.66667% - - .col-sm-push-3 - left: 25% - - .col-sm-push-4 - left: 33.33333% - - .col-sm-push-5 - left: 41.66667% - - .col-sm-push-6 - left: 50% - - .col-sm-push-7 - left: 58.33333% - - .col-sm-push-8 - left: 66.66667% - - .col-sm-push-9 - left: 75% - - .col-sm-push-10 - left: 83.33333% - - .col-sm-push-11 - left: 91.66667% - - .col-sm-push-12 - left: 100% - - .col-sm-offset-0 - margin-left: 0% - - .col-sm-offset-1 - margin-left: 8.33333% - - .col-sm-offset-2 - margin-left: 16.66667% - - .col-sm-offset-3 - margin-left: 25% - - .col-sm-offset-4 - margin-left: 33.33333% - - .col-sm-offset-5 - margin-left: 41.66667% - - .col-sm-offset-6 - margin-left: 50% - - .col-sm-offset-7 - margin-left: 58.33333% - - .col-sm-offset-8 - margin-left: 66.66667% - - .col-sm-offset-9 - margin-left: 75% - - .col-sm-offset-10 - margin-left: 83.33333% - - .col-sm-offset-11 - margin-left: 91.66667% - - .col-sm-offset-12 - margin-left: 100% - -@media (min-width: 992px) - .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.33333% - - .col-md-2 - width: 16.66667% - - .col-md-3 - width: 25% - - .col-md-4 - width: 33.33333% - - .col-md-5 - width: 41.66667% - - .col-md-6 - width: 50% - - .col-md-7 - width: 58.33333% - - .col-md-8 - width: 66.66667% - - .col-md-9 - width: 75% - - .col-md-10 - width: 83.33333% - - .col-md-11 - width: 91.66667% - - .col-md-12 - width: 100% - - .col-md-pull-0 - right: auto - - .col-md-pull-1 - right: 8.33333% - - .col-md-pull-2 - right: 16.66667% - - .col-md-pull-3 - right: 25% - - .col-md-pull-4 - right: 33.33333% - - .col-md-pull-5 - right: 41.66667% - - .col-md-pull-6 - right: 50% - - .col-md-pull-7 - right: 58.33333% - - .col-md-pull-8 - right: 66.66667% - - .col-md-pull-9 - right: 75% - - .col-md-pull-10 - right: 83.33333% - - .col-md-pull-11 - right: 91.66667% - - .col-md-pull-12 - right: 100% - - .col-md-push-0 - left: auto - - .col-md-push-1 - left: 8.33333% - - .col-md-push-2 - left: 16.66667% - - .col-md-push-3 - left: 25% - - .col-md-push-4 - left: 33.33333% - - .col-md-push-5 - left: 41.66667% - - .col-md-push-6 - left: 50% - - .col-md-push-7 - left: 58.33333% - - .col-md-push-8 - left: 66.66667% - - .col-md-push-9 - left: 75% - - .col-md-push-10 - left: 83.33333% - - .col-md-push-11 - left: 91.66667% - - .col-md-push-12 - left: 100% - - .col-md-offset-0 - margin-left: 0% - - .col-md-offset-1 - margin-left: 8.33333% - - .col-md-offset-2 - margin-left: 16.66667% - - .col-md-offset-3 - margin-left: 25% - - .col-md-offset-4 - margin-left: 33.33333% - - .col-md-offset-5 - margin-left: 41.66667% - - .col-md-offset-6 - margin-left: 50% - - .col-md-offset-7 - margin-left: 58.33333% - - .col-md-offset-8 - margin-left: 66.66667% - - .col-md-offset-9 - margin-left: 75% - - .col-md-offset-10 - margin-left: 83.33333% - - .col-md-offset-11 - margin-left: 91.66667% - - .col-md-offset-12 - margin-left: 100% - -@media (min-width: 1200px) - .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.33333% - - .col-lg-2 - width: 16.66667% - - .col-lg-3 - width: 25% - - .col-lg-4 - width: 33.33333% - - .col-lg-5 - width: 41.66667% - - .col-lg-6 - width: 50% - - .col-lg-7 - width: 58.33333% - - .col-lg-8 - width: 66.66667% - - .col-lg-9 - width: 75% - - .col-lg-10 - width: 83.33333% - - .col-lg-11 - width: 91.66667% - - .col-lg-12 - width: 100% - - .col-lg-pull-0 - right: auto - - .col-lg-pull-1 - right: 8.33333% - - .col-lg-pull-2 - right: 16.66667% - - .col-lg-pull-3 - right: 25% - - .col-lg-pull-4 - right: 33.33333% - - .col-lg-pull-5 - right: 41.66667% - - .col-lg-pull-6 - right: 50% - - .col-lg-pull-7 - right: 58.33333% - - .col-lg-pull-8 - right: 66.66667% - - .col-lg-pull-9 - right: 75% - - .col-lg-pull-10 - right: 83.33333% - - .col-lg-pull-11 - right: 91.66667% - - .col-lg-pull-12 - right: 100% - - .col-lg-push-0 - left: auto - - .col-lg-push-1 - left: 8.33333% - - .col-lg-push-2 - left: 16.66667% - - .col-lg-push-3 - left: 25% - - .col-lg-push-4 - left: 33.33333% - - .col-lg-push-5 - left: 41.66667% - - .col-lg-push-6 - left: 50% - - .col-lg-push-7 - left: 58.33333% - - .col-lg-push-8 - left: 66.66667% - - .col-lg-push-9 - left: 75% - - .col-lg-push-10 - left: 83.33333% - - .col-lg-push-11 - left: 91.66667% - - .col-lg-push-12 - left: 100% - - .col-lg-offset-0 - margin-left: 0% - - .col-lg-offset-1 - margin-left: 8.33333% - - .col-lg-offset-2 - margin-left: 16.66667% - - .col-lg-offset-3 - margin-left: 25% - - .col-lg-offset-4 - margin-left: 33.33333% - - .col-lg-offset-5 - margin-left: 41.66667% - - .col-lg-offset-6 - margin-left: 50% - - .col-lg-offset-7 - margin-left: 58.33333% - - .col-lg-offset-8 - margin-left: 66.66667% - - .col-lg-offset-9 - margin-left: 75% - - .col-lg-offset-10 - margin-left: 83.33333% - - .col-lg-offset-11 - margin-left: 91.66667% - - .col-lg-offset-12 - margin-left: 100% - -th - text-align: left - -.table - width: 100% - max-width: 100% - margin-bottom: 20px - - > - thead > tr > - th, td - padding: 10px 0px 10px 20px - line-height: 1.42857 - vertical-align: top - border-top: 1px solid #303030 - - tbody > tr > - th, td - padding: 10px 0px 10px 20px - line-height: 1.42857 - vertical-align: top - border-top: 1px solid #303030 - - tfoot > tr > - th, td - padding: 10px 0px 10px 20px - line-height: 1.42857 - vertical-align: top - border-top: 1px solid #303030 - - thead > tr > th - vertical-align: bottom - border-bottom: 1px solid #bababa4d - - caption + thead > tr:first-child > - th, td - border-top: 0 - font-family: 'SourceSansProSemibold' - font-weight: normal - border-bottom: 1px solid #515151 - - colgroup + thead > tr:first-child > - th, td - border-top: 0 - font-family: 'SourceSansProSemibold' - font-weight: normal - border-bottom: 1px solid #515151 - - thead:first-child > tr:first-child > - th, td - border-top: 0 - font-family: 'SourceSansProSemibold' - font-weight: normal - border-bottom: 1px solid #515151 - - tbody + tbody - border-top: 2px solid #eee - - .table - background-color: none - -.table-condensed > - thead > tr > - th, td - padding: 5px - - tbody > tr > - th, td - padding: 5px - - tfoot > tr > - th, td - padding: 5px - -.table-bordered - border: 1px solid #eee - - > - thead > tr > - th, td - border: 1px solid #eee - - tbody > tr > - th, td - border: 1px solid #eee - - tfoot > tr > - th, td - border: 1px solid #eee - - thead > tr > - th, td - border-bottom-width: 2px - -.table-striped > tbody > tr:nth-child(odd) > - td, th - background-color: #393939 - -.table-hover > tbody > tr:hover > - td, th - background-color: #606060 - -table - col[class*="col-"] - position: static - float: none - display: table-column - - td[class*="col-"], th[class*="col-"] - position: static - float: none - display: table-cell - -.table > - thead > tr - > - td.active, th.active - background-color: #3C3C3B - - &.active > - td, th - background-color: #3C3C3B - - tbody > tr - > - td.active, th.active - background-color: #3C3C3B - - &.active > - td, th - background-color: #3C3C3B - - tfoot > tr - > - td.active, th.active - background-color: #3C3C3B - - &.active > - td, th - background-color: #3C3C3B - -.table-hover > tbody > tr - > - td.active:hover, th.active:hover - background-color: #ec6d12 - - &.active:hover > td, &:hover > .active, &.active:hover > th - background-color: #ec6d12 - -.table > - thead > tr - > - td.success, th.success - background-color: #9BD275 - - &.success > - td, th - background-color: #9BD275 - - tbody > tr - > - td.success, th.success - background-color: #9BD275 - - &.success > - td, th - background-color: #9BD275 - - tfoot > tr - > - td.success, th.success - background-color: #9BD275 - - &.success > - td, th - background-color: #9BD275 - -.table-hover > tbody > tr - > - td.success:hover, th.success:hover - background-color: #8dcc62 - - &.success:hover > td, &:hover > .success, &.success:hover > th - background-color: #8dcc62 - -.table > - thead > tr - > - td.info, th.info - background-color: #d9edf7 - - &.info > - td, th - background-color: #d9edf7 - - tbody > tr - > - td.info, th.info - background-color: #d9edf7 - - &.info > - td, th - background-color: #d9edf7 - - tfoot > tr - > - td.info, th.info - background-color: #d9edf7 - - &.info > - td, th - background-color: #d9edf7 - -.table-hover > tbody > tr - > - td.info:hover, th.info:hover - background-color: #c4e3f3 - - &.info:hover > td, &:hover > .info, &.info:hover > th - background-color: #c4e3f3 - -.table > - thead > tr - > - td.warning, th.warning - background-color: #fcf8e3 - - &.warning > - td, th - background-color: #fcf8e3 - - tbody > tr - > - td.warning, th.warning - background-color: #fcf8e3 - - &.warning > - td, th - background-color: #fcf8e3 - - tfoot > tr - > - td.warning, th.warning - background-color: #fcf8e3 - - &.warning > - td, th - background-color: #fcf8e3 - -.table-hover > tbody > tr - > - td.warning:hover, th.warning:hover - background-color: #faf2cc - - &.warning:hover > td, &:hover > .warning, &.warning:hover > th - background-color: #faf2cc - -.table > - thead > tr - > - td.danger, th.danger - background-color: #F05050 - - &.danger > - td, th - background-color: #F05050 - - tbody > tr - > - td.danger, th.danger - background-color: #F05050 - - &.danger > - td, th - background-color: #F05050 - - tfoot > tr - > - td.danger, th.danger - background-color: #F05050 - - &.danger > - td, th - background-color: #F05050 - -.table-hover > tbody > tr - > - td.danger:hover, th.danger:hover - background-color: #ee3939 - - &.danger:hover > td, &:hover > .danger, &.danger:hover > th - background-color: #ee3939 - -@media screen and (max-width: 767px) - .table-responsive - width: 100% - margin-bottom: 15px - overflow-y: hidden - overflow-x: auto - -ms-overflow-style: -ms-autohiding-scrollbar - - /* border: 1px solid $table-border-color; - -webkit-overflow-scrolling: touch - - > - .table - margin-bottom: 0 - - > - thead > tr > - th, td - white-space: nowrap - - tbody > tr > - th, td - white-space: nowrap - - tfoot > tr > - th, td - white-space: nowrap - - .table-bordered - border: 0 - - > - thead > tr > - th:first-child, td:first-child - border-left: 0 - - tbody > tr > - th:first-child, td:first-child - border-left: 0 - - tfoot > tr > - th:first-child, td:first-child - border-left: 0 - - thead > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr > - th:last-child, td:last-child - border-right: 0 - - tfoot > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr:last-child > - th, td - border-bottom: 0 - - tfoot > tr:last-child > - th, td - border-bottom: 0 - -fieldset - padding: 0 - margin: 0 - border: 0 - min-width: 0 - -legend - display: block - width: 100% - padding: 0 - margin-bottom: 20px - font-size: 21px - line-height: inherit - color: #2d2d2d333 - border: 0 - border-bottom: 1px solid #e5e5e5 - -label - display: inline-block - max-width: 100% - margin-bottom: 5px - font-weight: normal - -input - &[type="search"] - -webkit-box-sizing: border-box - -moz-box-sizing: border-box - box-sizing: border-box - - &[type="radio"], &[type="checkbox"] - margin: 4px 0 0 - margin-top: 1px \9 - line-height: normal - - &[type="file"] - display: block - - &[type="range"] - display: block - width: 100% - -select - &[multiple], &[size] - height: auto - -input - &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus - outline: none - outline: 5px auto -webkit-focus-ring-color - outline-offset: -2px - -output - display: block - padding-top: 7px - font-size: 14px - line-height: 1.42857 - color: #FFFFFF - -select, textarea - display: block - width: 100% - height: 34px - padding: 6px 12px - font-size: 14px - line-height: 1.42857 - color: #FFF - background-color: #2a2a2a - background-image: none - border: 1px solid #5a5a5a - border-radius: 3px - text-overflow: ellipsis - max-width: 348px - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -input - &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] - display: block - width: 100% - height: 34px - padding: 6px 12px - font-size: 14px - line-height: 1.42857 - color: #FFF - background-color: #2a2a2a - background-image: none - border: 1px solid #5a5a5a - border-radius: 3px - text-overflow: ellipsis - max-width: 348px - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -select:hover, textarea:hover - color: #FFF - background-color: #2a2a2a - border-color: #ec6d12 - outline: 0 - -input - &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover - color: #FFF - background-color: #2a2a2a - border-color: #ec6d12 - outline: 0 - -select:focus, textarea:focus - color: #FFF - border-color: #ec6d12 - background-color: #232323 - outline: 0 - -input - &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus - color: #FFF - border-color: #ec6d12 - background-color: #232323 - outline: 0 - -select::-moz-placeholder, textarea::-moz-placeholder - color: #777777 - opacity: 1 - filter: alpha(opacity = 100) - -input - &[type="text"]::-moz-placeholder, &[type="password"]::-moz-placeholder, &[type="datetime"]::-moz-placeholder, &[type="datetime-local"]::-moz-placeholder, &[type="date"]::-moz-placeholder, &[type="month"]::-moz-placeholder, &[type="time"]::-moz-placeholder, &[type="week"]::-moz-placeholder, &[type="number"]::-moz-placeholder, &[type="email"]::-moz-placeholder, &[type="url"]::-moz-placeholder, &[type="search"]::-moz-placeholder, &[type="tel"]::-moz-placeholder, &[type="color"]::-moz-placeholder - color: #777777 - opacity: 1 - filter: alpha(opacity = 100) - -select:-ms-input-placeholder, textarea:-ms-input-placeholder - color: #777777 - -input - &[type="text"]:-ms-input-placeholder, &[type="password"]:-ms-input-placeholder, &[type="datetime"]:-ms-input-placeholder, &[type="datetime-local"]:-ms-input-placeholder, &[type="date"]:-ms-input-placeholder, &[type="month"]:-ms-input-placeholder, &[type="time"]:-ms-input-placeholder, &[type="week"]:-ms-input-placeholder, &[type="number"]:-ms-input-placeholder, &[type="email"]:-ms-input-placeholder, &[type="url"]:-ms-input-placeholder, &[type="search"]:-ms-input-placeholder, &[type="tel"]:-ms-input-placeholder, &[type="color"]:-ms-input-placeholder - color: #777777 - -select::-webkit-input-placeholder, textarea::-webkit-input-placeholder - color: #777777 - -input - &[type="text"]::-webkit-input-placeholder, &[type="password"]::-webkit-input-placeholder, &[type="datetime"]::-webkit-input-placeholder, &[type="datetime-local"]::-webkit-input-placeholder, &[type="date"]::-webkit-input-placeholder, &[type="month"]::-webkit-input-placeholder, &[type="time"]::-webkit-input-placeholder, &[type="week"]::-webkit-input-placeholder, &[type="number"]::-webkit-input-placeholder, &[type="email"]::-webkit-input-placeholder, &[type="url"]::-webkit-input-placeholder, &[type="search"]::-webkit-input-placeholder, &[type="tel"]::-webkit-input-placeholder, &[type="color"]::-webkit-input-placeholder - color: #777777 - -select - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] select - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -textarea - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] textarea - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="text"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="text"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="password"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="password"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="datetime"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="datetime"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="datetime-local"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="datetime-local"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="date"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="date"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="month"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="month"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="time"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="time"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="week"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="week"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="number"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="number"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="email"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="email"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="url"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="url"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="search"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="search"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="tel"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="tel"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -input[type="color"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -fieldset[disabled] input[type="color"] - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border-color: #ffffff4d - -select - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -textarea - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover textarea:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="text"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="text"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="password"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="password"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="datetime"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="datetime"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="datetime-local"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="datetime-local"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="date"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="date"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="month"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="month"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="time"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="time"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="week"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="week"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="number"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="number"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="email"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="email"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="url"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="url"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="search"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="search"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="tel"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="tel"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -input[type="color"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="color"]:hover - cursor: not-allowed - background-color: #68686899 - opacity: 0.8 - filter: alpha(opacity = 80) - border: 1px solid #ffffff4d - -webkit-box-shadow: none - box-shadow: none - -textarea - height: auto - -input - &[type="search"] - -webkit-appearance: none - - &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] - line-height: 34px - line-height: 1.42857 \0 - - &[type="date"].input-sm - line-height: 30px - -.form-horizontal .form-group-sm input[type="date"].form-control - line-height: 30px - -.input-group-sm > - input[type="date"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="date"].btn - line-height: 30px - -input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control - line-height: 30px - -.input-group-sm > - input[type="time"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="time"].btn - line-height: 30px - -input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control - line-height: 30px - -.input-group-sm > - input[type="datetime-local"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="datetime-local"].btn - line-height: 30px - -input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control - line-height: 30px - -.input-group-sm > - input[type="month"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="month"].btn - line-height: 30px - -input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control - line-height: 46px - -.input-group-lg > - input[type="date"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="date"].btn - line-height: 46px - -input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control - line-height: 46px - -.input-group-lg > - input[type="time"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="time"].btn - line-height: 46px - -input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control - line-height: 46px - -.input-group-lg > - input[type="datetime-local"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="datetime-local"].btn - line-height: 46px - -input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control - line-height: 46px - -.input-group-lg > - input[type="month"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="month"].btn - line-height: 46px - -.form-group - margin-bottom: 15px - -.radio, .checkbox - position: relative - display: block - min-height: 20px - margin-top: 10px - margin-bottom: 10px - -.radio label, .checkbox label - padding-left: 20px - margin-bottom: 0 - font-weight: normal - cursor: pointer - -.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] - position: absolute - margin-left: -20px - margin-top: 4px \9 - -.radio + .radio, .checkbox + .checkbox - margin-top: -5px - -.radio-inline, .checkbox-inline - display: inline-block - padding-left: 20px - margin-bottom: 0 - vertical-align: middle - font-weight: normal - cursor: pointer - -.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline - margin-top: 0 - margin-left: 10px - -input[type="radio"] - &[disabled], &.disabled - cursor: not-allowed - -fieldset[disabled] input[type="radio"] - cursor: not-allowed - -input[type="checkbox"] - &[disabled], &.disabled - cursor: not-allowed - -fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label - cursor: not-allowed - -.form-control-static - padding-top: 7px - padding-bottom: 7px - margin-bottom: 0 - - &.input-lg - padding-left: 0 - padding-right: 0 - -.form-horizontal .form-group-lg .form-control-static.form-control - padding-left: 0 - padding-right: 0 - -.input-group-lg > - .form-control-static - &.form-control, &.input-group-addon - padding-left: 0 - padding-right: 0 - - .input-group-btn > .form-control-static.btn - padding-left: 0 - padding-right: 0 - -.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control - padding-left: 0 - padding-right: 0 - -.input-group-sm > - .form-control-static - &.form-control, &.input-group-addon - padding-left: 0 - padding-right: 0 - - .input-group-btn > .form-control-static.btn - padding-left: 0 - padding-right: 0 - -.input-sm, .form-horizontal .form-group-sm .form-control - height: 30px - padding: 5px 10px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -.input-group-sm > - .form-control, .input-group-addon, .input-group-btn > .btn - height: 30px - padding: 5px 10px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -select.input-sm, .form-horizontal .form-group-sm select.form-control - height: 30px - line-height: 30px - -.input-group-sm > - select - &.form-control, &.input-group-addon - height: 30px - line-height: 30px - - .input-group-btn > select.btn - height: 30px - line-height: 30px - -textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control - height: auto - -.input-group-sm > - textarea - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > textarea.btn - height: auto - -select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control - height: auto - -.input-group-sm > - select[multiple] - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > select[multiple].btn - height: auto - -.input-lg, .form-horizontal .form-group-lg .form-control - height: 46px - padding: 10px 16px - font-size: 18px - line-height: 1.33 - border-radius: 6px - -.input-group-lg > - .form-control, .input-group-addon, .input-group-btn > .btn - height: 46px - padding: 10px 16px - font-size: 18px - line-height: 1.33 - border-radius: 6px - -select.input-lg, .form-horizontal .form-group-lg select.form-control - height: 46px - line-height: 46px - -.input-group-lg > - select - &.form-control, &.input-group-addon - height: 46px - line-height: 46px - - .input-group-btn > select.btn - height: 46px - line-height: 46px - -textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control - height: auto - -.input-group-lg > - textarea - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > textarea.btn - height: auto - -select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control - height: auto - -.input-group-lg > - select[multiple] - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > select[multiple].btn - height: auto - -.has-feedback - position: relative - - .form-control - padding-right: 42.5px - -.form-control-feedback - position: absolute - top: 25px - right: 0 - z-index: 2 - display: block - width: 34px - height: 34px - line-height: 34px - text-align: center - -.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback - width: 46px - height: 46px - line-height: 46px - -.input-group-lg > - .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback - width: 46px - height: 46px - line-height: 46px - -.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback - width: 30px - height: 30px - line-height: 30px - -.input-group-sm > - .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback - width: 30px - height: 30px - line-height: 30px - -.has-success - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline - color: #9BD275 - - .form-control - border-color: #9BD275 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) - - &:focus - border-color: #7fc54f - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2 - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2 - - .input-group-addon - color: #9BD275 - border-color: #9BD275 - background-color: #9BD275 - - .form-control-feedback - color: #9BD275 - -.has-warning - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline - color: #f0ad4e - - .form-control - border-color: #f0ad4e - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) - - &:focus - border-color: #ec971f - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac - - .input-group-addon - color: #f0ad4e - border-color: #f0ad4e - background-color: #fcf8e3 - - .form-control-feedback - color: #f0ad4e - -.has-error - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline - color: #FF441D - - .form-control - border-color: #FC2E03 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) - - &:focus - border-color: #FC2E03 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae - - .input-group-addon - color: #F05050 - border-color: #F05050 - background-color: #F05050 - - .form-control-feedback - color: #F05050 - -.has-feedback label.sr-only ~ .form-control-feedback - top: 0 - -.help-block - display: block - margin-top: 5px - margin-bottom: 10px - color: #7c7c7a - -@media (min-width: 768px) - .form-inline .form-group, .navbar-form .form-group - display: inline-block - margin-bottom: 0 - vertical-align: middle - - .form-inline .form-control, .navbar-form .form-control - display: inline-block - width: auto - vertical-align: middle - - .form-inline .input-group, .navbar-form .input-group - display: inline-table - vertical-align: middle - - .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control - width: auto - - .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control - width: 100% - - .form-inline .control-label, .navbar-form .control-label - margin-bottom: 0 - vertical-align: middle - - .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox - display: inline-block - margin-top: 0 - margin-bottom: 0 - vertical-align: middle - - .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label - padding-left: 0 - - .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] - position: relative - margin-left: 0 - - .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback - top: 0 - -.form-horizontal - .radio, .checkbox, .radio-inline, .checkbox-inline - margin-top: 0 - margin-bottom: 0 - padding-top: 7px - - .radio, .checkbox - min-height: 27px - - .form-group - margin-left: -20px - margin-right: -20px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - .has-feedback control-feedback - top: 0 - right: 20px - -@media (min-width: 768px) - .form-horizontal .control-label - text-align: right - margin-bottom: 0 - padding-top: 7px - -@media (min-width: 768px) - .form-horizontal .form-group-lg .control-label - padding-top: 14.3px - -@media (min-width: 768px) - .form-horizontal .form-group-sm .control-label - padding-top: 6px - -.btn - display: inline-block - margin-bottom: 0 - font-weight: normal - text-align: center - vertical-align: middle - cursor: pointer - background-image: none - white-space: nowrap - padding: 6px 12px - font-size: 14px - line-height: 1.42857 - border-radius: 3px - -webkit-user-select: none - -moz-user-select: none - -ms-user-select: none - user-select: none - color: #FFFFFF - background-color: #2a2a2a - border: 1px solid #5a5a5a - outline: 0 - - &:active, &.active - color: #FF7D1E - background-color: #2d2d2d - outline: 0 - border-color: #5a5a5a - text-decoration: none - -.open > .btn.dropdown-toggle - color: #FF7D1E - background-color: #2d2d2d - outline: 0 - border-color: #5a5a5a - text-decoration: none - -.btn - &:hover, &:focus - background-color: #292929 - color: #FFF - text-decoration: none - border: 1px solid #ec6d12 - - &:active, &.active - background-image: none - outline: 0 - -.open > .btn.dropdown-toggle - background-image: none - outline: 0 - -.btn - &.disabled - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &[disabled] - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - -fieldset[disabled] .btn - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - -.btn - .badge - color: #FFFFFF - background-color: #3e3e3e - - &:focus, &:active:focus, &.active:focus - outline: thin dotted - outline: 5px auto -webkit-focus-ring-color - outline-offset: -2px - outline: 0 - - &:active, &.active - outline: 0 - - &.disabled, &[disabled] - cursor: not-allowed - pointer-events: none - opacity: 0.30 - filter: alpha(opacity = 30) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled] .btn - cursor: not-allowed - pointer-events: none - opacity: 0.30 - filter: alpha(opacity = 30) - -webkit-box-shadow: none - box-shadow: none - -.act_flush - &:hover, &:focus - color: #fff - background-color: #2d2d2d - border-color: 1px solid #1d1d1d - outline: 0 - -.btn-default - &:active, &.active - background-image: none - outline: 0 - -.open > .btn-default.dropdown-toggle - background-image: none - outline: 0 - -.btn-default - &.disabled - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &[disabled] - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - -fieldset[disabled] .btn-default - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - -.btn-default .badge - color: #FFFFFF - background-color: #3e3e3e - outline: 0 - -.btn-primary - color: #fff - background-color: #DE7313 - border: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #292929 - border-color: 1px solid #1d1d1d - outline: 0 - -.open > .btn-primary.dropdown-toggle - color: #fff - background-color: #292929 - border-color: 1px solid #1d1d1d - outline: 0 - -.btn-primary - &:active, &.active - background-image: none - -.open > .btn-primary.dropdown-toggle - background-image: none - -.btn-primary - &.disabled - background-color: #ec6d12 - border-color: #323232 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #ec6d12 - border-color: #323232 - outline: 0 - - &[disabled] - background-color: #ec6d12 - border-color: #323232 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #ec6d12 - border-color: #323232 - outline: 0 - -fieldset[disabled] .btn-primary - background-color: #ec6d12 - border-color: #323232 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #ec6d12 - border-color: #323232 - outline: 0 - -.btn-primary .badge - color: #ec6d12 - background-color: #fff - -.btn-success - color: #fff - background-color: #9BD275 - border-color: #323232 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #7fc54f - border-color: #6db53b - outline: 0 - -.open > .btn-success.dropdown-toggle - color: #fff - background-color: #7fc54f - border-color: #6db53b - outline: 0 - -.btn-success - &:active, &.active - background-image: none - -.open > .btn-success.dropdown-toggle - background-image: none - -.btn-success - &.disabled - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &[disabled] - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - -fieldset[disabled] .btn-success - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - -.btn-success .badge - color: #9BD275 - background-color: #fff - -.btn-info - color: #fff - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #8db7cb - border-color: #74a7c0 - -.open > .btn-info.dropdown-toggle - color: #fff - background-color: #8db7cb - border-color: #74a7c0 - -.btn-info - &:active, &.active - background-image: none - -.open > .btn-info.dropdown-toggle - background-image: none - -.btn-info - &.disabled - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - background-color: #B0CDDB - border-color: #9ec2d3 - - &[disabled] - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - background-color: #B0CDDB - border-color: #9ec2d3 - -fieldset[disabled] .btn-info - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - background-color: #B0CDDB - border-color: #9ec2d3 - -.btn-info .badge - color: #B0CDDB - background-color: #fff - -.btn-warning - color: #fff - background-color: #DE7313 - border-color: #1d1d1d - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #292929 - border: 1px solid #ec6d12 - -.open > .btn-warning.dropdown-toggle - color: #fff - background-color: #292929 - border: 1px solid #ec6d12 - -.btn-warning - &:active, &.active - background-image: none - -.open > .btn-warning.dropdown-toggle - background-image: none - -.btn-warning - &.disabled - background-color: #f0ad4e - border-color: #eea236 - - &:hover, &:focus, &:active, &.active - background-color: #f0ad4e - border-color: #eea236 - - &[disabled] - background-color: #f0ad4e - border-color: #eea236 - - &:hover, &:focus, &:active, &.active - background-color: #f0ad4e - border-color: #eea236 - -fieldset[disabled] .btn-warning - background-color: #f0ad4e - border-color: #eea236 - - &:hover, &:focus, &:active, &.active - background-color: #f0ad4e - border-color: #eea236 - -.btn-warning .badge - color: #f0ad4e - background-color: #fff - -.btn-danger - color: #fff - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #ec2121 - border-color: #d71212 - -.open > .btn-danger.dropdown-toggle - color: #fff - background-color: #ec2121 - border-color: #d71212 - -.btn-danger - &:active, &.active - background-image: none - -.open > .btn-danger.dropdown-toggle - background-image: none - -.btn-danger - &.disabled - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - background-color: #F05050 - border-color: #ee3939 - - &[disabled] - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - background-color: #F05050 - border-color: #ee3939 - -fieldset[disabled] .btn-danger - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - background-color: #F05050 - border-color: #ee3939 - -.btn-danger .badge - color: #F05050 - background-color: #fff - -.btn-link - color: #ec6d12 - font-weight: normal - cursor: pointer - border-radius: 0 - background-color: transparent - -webkit-box-shadow: none - box-shadow: none - - &:active, &[disabled] - background-color: transparent - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled] .btn-link - background-color: transparent - -webkit-box-shadow: none - box-shadow: none - -.btn-link - border-color: transparent - - &:hover, &:focus, &:active - border-color: transparent - - &:hover, &:focus - color: #9f4d03 - text-decoration: underline - background-color: transparent - - &[disabled] - &:hover, &:focus - color: #777777 - text-decoration: none - -fieldset[disabled] .btn-link - &:hover, &:focus - color: #777777 - text-decoration: none - -.btn-lg, .btn-group-lg > .btn - padding: 10px 16px - font-size: 18px - line-height: 1.33 - border-radius: 6px - -.btn-sm, .btn-group-sm > .btn - padding: 5px 10px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -.btn-xs, .btn-group-xs > .btn - padding: 1px 5px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -.btn-block - display: block - width: 100% - - + .btn-block - margin-top: 5px - -input - &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block - width: 100% - -.fade - opacity: 0 - filter: alpha(opacity = 0) - -webkit-transition: opacity 0.15s linear - -o-transition: opacity 0.15s linear - transition: opacity 0.15s linear - - &.in - opacity: 1 - filter: alpha(opacity = 100) - -.collapse - display: none - - &.in - display: block - -tr.collapse.in - display: table-row - -tbody.collapse.in - display: table-row-group - -.collapsing - position: relative - height: 0 - overflow: hidden - -webkit-transition: height 0.35s ease - -o-transition: height 0.35s ease - transition: height 0.35s ease - -.caret - display: inline-block - width: 0 - height: 0 - margin-left: 2px - vertical-align: middle - border-top: 4px solid - border-right: 4px solid transparent - border-left: 4px solid transparent - -.dropdown - position: relative - -.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 - list-style: none - font-size: 14px - text-align: left - background-color: #2a2a2a - border-left: 1px solid #575757 - border-right: 1px solid #575757 - border-bottom: 1px solid #575757 - border-radius: 3px - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) - background-clip: padding-box - - &.pull-right - right: 0 - left: auto - background-color: #e5e5e5 - - .divider - height: 1px - margin: 9px 0 - overflow: hidden - background-color: #e5e5e5 - - > - li > a - display: block - padding: 3px 20px - clear: both - font-weight: normal - line-height: 1.42857 - color: #FFFFFF - white-space: nowrap - outline: 0 - - &:hover, &:focus - text-decoration: none - color: #FFFFFF - background-color: #ec6d12 - - .active > a - color: #fff - text-decoration: none - outline: 0 - background-color: #ec6d12 - - &:hover, &:focus - color: #fff - text-decoration: none - outline: 0 - background-color: #ec6d12 - - .disabled > a - color: #777777 - - &:hover, &:focus - color: #777777 - - &:hover, &:focus - text-decoration: none - background-color: transparent - background-image: none - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) - cursor: not-allowed - -.open > - .dropdown-menu - display: block - - a - outline: 0 - -.dropdown-menu-right - left: auto - right: 0 - -.dropdown-menu-left - left: 0 - right: auto - -.dropdown-header - display: block - padding: 3px 20px - font-size: 12px - line-height: 1.42857 - color: #777777 - white-space: nowrap - -.dropdown-backdrop - position: fixed - left: 0 - right: 0 - bottom: 0 - top: 0 - z-index: 990 - -.pull-right > .dropdown-menu - right: 0 - left: auto - -.dropup .caret, .navbar-fixed-bottom .dropdown .caret - border-top: 0 - border-bottom: 4px solid - content: "" - -.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu - top: auto - bottom: 100% - margin-bottom: 1px - -@media (min-width: 768px) - .navbar-right - .dropdown-menu - right: 0 - left: auto - - .dropdown-menu-left - left: 0 - right: auto - -.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 - &:hover, &:focus, &:active, &.active - z-index: 2 - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -.btn-group-vertical > .btn - &:hover, &:focus, &:active, &.active - z-index: 2 - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -.btn-group > .btn:focus, .btn-group-vertical > .btn:focus - outline: 0 - -.btn-group - .btn + - .btn, .btn-group - margin-left: -1px - - .btn-group + - .btn, .btn-group - margin-left: -1px - -.btn-toolbar - margin-left: -5px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - .btn-group, .input-group - float: left - - > - .btn, .btn-group, .input-group - margin-left: 5px - -.btn-group - > - .btn - &:not(:first-child):not(:last-child):not(.dropdown-toggle) - border-radius: 0 - - &:first-child - margin-left: 0 - - &:not(:last-child):not(.dropdown-toggle) - border-bottom-right-radius: 0 - border-top-right-radius: 0 - - &:last-child:not(:first-child) - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - .dropdown-toggle:not(:first-child) - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - .btn-group - float: left - - &:not(:first-child):not(:last-child) > .btn - border-radius: 0 - - &:first-child > - .btn:last-child, .dropdown-toggle - border-bottom-right-radius: 0 - border-top-right-radius: 0 - - &:last-child > .btn:first-child - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - .dropdown-toggle - &:active, &:hover - outline: 0 - color: #FFFFFF - background-color: #2a2a2a - border-color: #ec6d12 - -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - - &.open .dropdown-toggle - outline: 0 - color: #FFFFFF - background-color: #2a2a2a - border-color: #ec6d12 - -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - - > - .btn + .dropdown-toggle - padding-left: 8px - padding-right: 8px - - .btn-lg + .dropdown-toggle - padding-left: 12px - padding-right: 12px - -.btn-group-lg.btn-group > .btn + .dropdown-toggle - padding-left: 12px - padding-right: 12px - -.btn-group.open .dropdown-toggle - -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - - &.btn-link - -webkit-box-shadow: none - box-shadow: none - -.btn .caret - margin-left: 0 - -.btn-lg .caret, .btn-group-lg > .btn .caret - border-width: 5px 5px 0 - border-bottom-width: 0 - -.dropup - .btn-lg .caret, .btn-group-lg > .btn .caret - border-width: 0 5px 5px - -.btn-group-vertical > - .btn - display: block - float: none - width: 100% - max-width: 100% - - .btn-group - display: block - float: none - width: 100% - max-width: 100% - - > .btn - display: block - float: none - width: 100% - max-width: 100% - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - > .btn - float: none - - .btn + - .btn, .btn-group - margin-top: -1px - margin-left: 0 - - .btn-group + - .btn, .btn-group - margin-top: -1px - margin-left: 0 - - .btn - &:not(:first-child):not(:last-child) - border-radius: 0 - - &:first-child:not(:last-child) - border-top-right-radius: 3px - border-bottom-right-radius: 0 - border-bottom-left-radius: 0 - - &:last-child:not(:first-child) - border-bottom-left-radius: 3px - border-top-right-radius: 0 - border-top-left-radius: 0 - - .btn-group - &:not(:first-child):not(:last-child) > .btn - border-radius: 0 - - &:first-child:not(:last-child) > - .btn:last-child, .dropdown-toggle - border-bottom-right-radius: 0 - border-bottom-left-radius: 0 - - &:last-child:not(:first-child) > .btn:first-child - border-top-right-radius: 0 - border-top-left-radius: 0 - -.btn-group-justified - display: table - width: 100% - table-layout: fixed - border-collapse: separate - - > - .btn - float: none - display: table-cell - width: 1% - - .btn-group - float: none - display: table-cell - width: 1% - - .btn - width: 100% - - .dropdown-menu - left: auto - -[data-toggle="buttons"] > .btn > input - &[type="radio"], &[type="checkbox"] - position: absolute - z-index: -1 - opacity: 0 - filter: alpha(opacity = 0) - -.input-group - position: relative - display: table - border-collapse: separate - - &[class*="col-"] - float: none - padding-left: 0 - padding-right: 0 - - .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: 6px 12px - font-size: 14px - font-weight: normal - line-height: 1 - color: #555555 - text-align: center - background-color: #eeeeee - border: 1px solid #ccc - border-radius: 3px - - &.input-sm - padding: 5px 10px - font-size: 12px - border-radius: 3px - -.form-horizontal .form-group-sm .input-group-addon.form-control - padding: 5px 10px - font-size: 12px - border-radius: 3px - -.input-group-sm > - .input-group-addon, .input-group-btn > .input-group-addon.btn - padding: 5px 10px - font-size: 12px - border-radius: 3px - -.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control - padding: 10px 16px - font-size: 18px - border-radius: 6px - -.input-group-lg > - .input-group-addon, .input-group-btn > .input-group-addon.btn - padding: 10px 16px - font-size: 18px - border-radius: 6px - -.input-group-addon input - &[type="radio"], &[type="checkbox"] - margin-top: 0 - -.input-group .form-control:first-child, .input-group-addon:first-child - border-bottom-right-radius: 0 - border-top-right-radius: 0 - -.input-group-btn - &:first-child > - .btn, .btn-group > .btn, .dropdown-toggle - border-bottom-right-radius: 0 - border-top-right-radius: 0 - - &:last-child > - .btn:not(:last-child):not(.dropdown-toggle), .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 - border-bottom-left-radius: 0 - border-top-left-radius: 0 - -.input-group-btn - &:last-child > - .btn, .btn-group > .btn, .dropdown-toggle - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - &:first-child > - .btn:not(: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 - - > .btn - position: relative - - + .btn - margin-left: -1px - - &:hover, &:focus, &:active - z-index: 2 - - &:first-child > - .btn, .btn-group - margin-right: -1px - - &:last-child > - .btn, .btn-group - margin-left: -1px - -.nav - margin-bottom: 0 - padding-left: 0 - list-style: none - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - > li - position: relative - display: block - - > a - position: relative - display: block - padding: 10px 15px - background-color: #3e3e3e - color: #929292 - border-left: 1px solid #565656 - border-right: 1px solid #565656 - border-top: 1px solid #565656 - border-bottom: 1px solid #565656 - -.nav-tabs > li > a - position: relative - display: block - padding: 10px 15px - background-color: #3e3e3e - color: #929292 - border-left: 1px solid #565656 - border-right: 1px solid #565656 - border-top: 1px solid #565656 - border-bottom: 1px solid #565656 - -.nav > li - &#menu_messages - > a - position: relative - display: block - padding: none - color: #ec6d12 - background-color: transparent - border: none - - > a:hover - text-decoration: underline - - > a - &:hover, &:focus - text-decoration: none - background-color: #2d2d2d - color: #ec6d12 - -a:focus - text-decoration: underline - -.nav - > li.disabled > a - color: #777777 - - &:hover, &:focus - color: #777777 - text-decoration: none - background-color: transparent - cursor: not-allowed - - .open > a - background-color: #393939 - cursor: pointer - - &:hover, &:focus - background-color: #393939 - cursor: pointer - - .nav-divider - height: 1px - margin: 9px 0 - overflow: hidden - background-color: #e5e5e5 - - > li > a > img - max-width: none - -.nav-tabs - margin-right: 1px - - > li - float: left - margin-bottom: -1px - - > a - margin-right: 2px - line-height: 1.42857 - border-radius: 3px 3px 0 0 - cursor: pointer - - &:hover - border-color: #4e4e4e #4e4e4e #4e4e4e - - &.active > a - color: #ec6d12 - background-color: #2a2a2a - border: 1px solid #6b6a6a - border-bottom-color: transparent - cursor: pointer - - &:hover, &:focus - color: #ec6d12 - background-color: #2a2a2a - border: 1px solid #6b6a6a - border-bottom-color: transparent - cursor: pointer - -.nav-pills > li - float: left - - > a - border-radius: 0 - - &.active > a - color: #fff - background-color: #ec6d12 - - &:hover, &:focus - color: #fff - background-color: #ec6d12 - -.nav-stacked > li - float: none - - + li - margin-top: 2px - margin-left: 0 - -.nav-justified, .nav-tabs.nav-justified - width: 100% - -.nav-justified > li, .nav-tabs.nav-justified > li - float: none - -.nav-justified > li > a, .nav-tabs.nav-justified > li > a - text-align: left - margin-bottom: 5px - -.nav-justified > .dropdown .dropdown-menu - top: auto - left: auto - -@media (min-width: 768px) - .nav-justified > li, .nav-tabs.nav-justified > li - display: table-cell - width: 1% - - .nav-justified > li > a, .nav-tabs.nav-justified > li > a - margin-bottom: 0 - -.nav-tabs-justified, .nav-tabs.nav-justified - border-bottom: 0 - -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a - margin-right: 0 - border-radius: 3px - -.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus - border: 1px solid #656565 - -@media (min-width: 768px) - .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a - border-bottom: 1px solid #656565 - border-radius: 3px 3px 0 0 - - .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus - border-bottom-color: transparent - -.tab-content > - .tab-pane - display: none - - .active - display: block - -.tab-pane .content-box - border: none !important - box-shadow: none - -webkit-box-shadow: none - -.nav-tabs .dropdown-menu - margin-top: -1px - border-top-right-radius: 0 - border-top-left-radius: 0 - cursor: pointer - -.navbar - position: relative - min-height: 50px - margin-bottom: 0 - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .navbar - border-radius: 0 - -.navbar-header - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .navbar-header - float: left - -.navbar-collapse - overflow-x: visible - padding-right: 20px - padding-left: 20px - border-top: 1px solid transparent - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) - -webkit-overflow-scrolling: touch - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - &.in - overflow-y: auto - -@media (min-width: 768px) - .navbar-collapse - width: auto - border-top: 0 - box-shadow: none - - &.collapse - display: block !important - height: auto !important - padding-bottom: 0 - overflow: visible !important - - &.in - overflow-y: visible - - .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse - padding-left: 0 - padding-right: 0 - -.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse - max-height: 340px - -@media (max-width: 480px) and (orientation: landscape) - .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse - max-height: 200px - -.container > - .navbar-header, .navbar-collapse - margin-right: -20px - margin-left: -20px - -.container-fluid > - .navbar-header, .navbar-collapse - margin-right: -20px - margin-left: -20px - -@media (min-width: 768px) - .container > - .navbar-header, .navbar-collapse - margin-right: 0 - margin-left: 0 - - .container-fluid > - .navbar-header, .navbar-collapse - margin-right: 0 - margin-left: 0 - -.navbar-static-top - z-index: 1000 - border-width: 0 0 1px - -@media (min-width: 768px) - .navbar-static-top - border-radius: 0 - -.navbar-fixed-top, .navbar-fixed-bottom - position: fixed - right: 0 - left: 0 - z-index: 1030 - -webkit-transform: translate3d(0, 0, 0) - transform: translate3d(0, 0, 0) - -@media (min-width: 768px) - .navbar-fixed-top, .navbar-fixed-bottom - border-radius: 0 - -.navbar-fixed-top - top: 0 - border-width: 0 0 1px - -.navbar-fixed-bottom - bottom: 0 - margin-bottom: 0 - border-width: 1px 0 0 - -.navbar-brand - float: left - padding: 15px 20px - font-size: 18px - height: 50px - - &:hover, &:focus - text-decoration: none - -@media (min-width: 768px) - .navbar > - .container .navbar-brand, .container-fluid .navbar-brand - margin-left: -20px - -.navbar-toggle - position: relative - float: left - margin-right: 20px - padding: 9px 10px - margin-top: 8px - margin-bottom: 8px - background-color: transparent - background-image: none - border: 1px solid transparent - border-radius: 3px - - &:focus - outline: 0 - - .icon-bar - display: block - width: 22px - height: 2px - border-radius: 1px - - + .icon-bar - margin-top: 4px - -@media (min-width: 768px) - .navbar-toggle - display: none - -.navbar-nav - margin: 7.5px -20px - - > li > a - padding-top: 10px - padding-bottom: 10px - line-height: 20px - -@media (max-width: 767px) - .navbar-nav .open .dropdown-menu - position: static - float: none - width: auto - margin-top: 0 - background-color: transparent - border: 0 - box-shadow: none - - > li > a, .dropdown-header - padding: 5px 15px 5px 25px - - > li > a - line-height: 20px - - &:hover, &:focus - background-image: none - -@media (min-width: 768px) - .navbar-nav - float: left - margin: 0 - - > li - float: left - - > a - padding-top: 15px - padding-bottom: 15px - - &.navbar-right:last-child - margin-right: -20px - -@media (min-width: 768px) - .navbar-left - float: left !important - - .navbar-right - float: right !important - -.navbar-form - margin-left: -20px - margin-right: -20px - padding: 10px 0px - border-top: 1px solid transparent - border-bottom: 1px solid transparent - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) - margin-top: 8px - margin-bottom: 8px - -@media (max-width: 767px) - .navbar-form .form-group - margin-bottom: 5px - -@media (min-width: 768px) - .navbar-form - width: auto - border: 0 - margin-left: 0 - margin-right: 0 - padding-top: 0 - padding-bottom: 0 - -webkit-box-shadow: none - box-shadow: none - - &.navbar-right:last-child - margin-right: -20px - -.navbar-nav > li > .dropdown-menu - margin-top: 0 - border-top-right-radius: 0 - border-top-left-radius: 0 - -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu - border-bottom-right-radius: 0 - border-bottom-left-radius: 0 - -.navbar-btn - margin-top: 8px - margin-bottom: 8px - - &.btn-sm - margin-top: 10px - margin-bottom: 10px - -.btn-group-sm > .navbar-btn.btn - margin-top: 10px - margin-bottom: 10px - -.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn - margin-top: 14px - margin-bottom: 14px - -.navbar-text - margin-top: 15px - margin-bottom: 15px - -@media (min-width: 768px) - .navbar-text - float: left - margin-left: 20px - margin-right: 20px - - &.navbar-right:last-child - margin-right: 0 - -.navbar-default - background-color: transparent - border-color: none - - .navbar-brand - color: #F7F7F7 - - &:hover, &:focus - color: #dedede - background-color: transparent - - .navbar-text - color: #F7F7F7 - - .navbar-nav > - li > a - color: #F7F7F7 - - &:hover, &:focus - color: #ec6d12 - background-color: transparent - - .active > a - color: #555 - background-color: #2b2b2b - - &:hover, &:focus - color: #555 - background-color: #2b2b2b - - .disabled > a - color: #ccc - background-color: transparent - - &:hover, &:focus - color: #ccc - background-color: transparent - - .navbar-toggle - border-color: #FFF - - &:hover, &:focus - background-color: #555 - - .icon-bar - background-color: #FFF - - .navbar-nav > .open > a - background-color: #2b2b2b - color: #555 - - &:hover, &:focus - background-color: #2b2b2b - color: #555 - - .navbar-link - color: #F7F7F7 - - &:hover - color: #ec6d12 - - .btn-link - color: #F7F7F7 - - &:hover, &:focus - color: #ec6d12 - - &[disabled] - &:hover, &:focus - color: #ccc - -@media (max-width: 767px) - .navbar-default .navbar-nav .open .dropdown-menu > - li > a - color: #F7F7F7 - - &:hover, &:focus - color: #ec6d12 - background-color: transparent - - .active > a - color: #555 - background-color: #2b2b2b - - &:hover, &:focus - color: #555 - background-color: #2b2b2b - - .disabled > a - color: #ccc - background-color: transparent - - &:hover, &:focus - color: #ccc - background-color: transparent - -fieldset[disabled] .navbar-default .btn-link - &:hover, &:focus - color: #ccc - -.navbar-inverse - background-color: #222 - border-color: #090909 - - .navbar-brand - color: #777777 - - &:hover, &:focus - color: #fff - background-color: transparent - - .navbar-text - color: #777777 - - .navbar-nav > - li > a - color: #777777 - - &:hover, &:focus - color: #fff - background-color: transparent - - .active > a - color: #fff - background-color: #090909 - - &:hover, &:focus - color: #fff - background-color: #090909 - - .disabled > a - color: #3e3e3e - background-color: transparent - - &:hover, &:focus - color: #3e3e3e - background-color: transparent - - .navbar-toggle - border-color: #2d2d2d - - &:hover, &:focus - background-color: #2d2d2d - - .icon-bar - background-color: #fff - - .navbar-collapse, .navbar-form - border-color: #101010 - - .navbar-nav > .open > a - background-color: #090909 - color: #fff - - &:hover, &:focus - background-color: #090909 - color: #fff - - .navbar-link - color: #777777 - - &:hover - color: #fff - - .btn-link - color: #777777 - - &:hover, &:focus - color: #fff - - &[disabled] - &:hover, &:focus - color: #3e3e3e - -@media (max-width: 767px) - .navbar-inverse .navbar-nav .open .dropdown-menu - > .dropdown-header - border-color: #090909 - - .divider - background-color: #090909 - - > - li > a - color: #777777 - - &:hover, &:focus - color: #fff - background-color: transparent - - .active > a - color: #fff - background-color: #090909 - - &:hover, &:focus - color: #fff - background-color: #090909 - - .disabled > a - color: #3e3e3e - background-color: transparent - - &:hover, &:focus - color: #3e3e3e - background-color: transparent - -fieldset[disabled] .navbar-inverse .btn-link - &:hover, &:focus - color: #3e3e3e - -.breadcrumb - padding: 8px 15px - margin-bottom: 20px - list-style: none - background-color: #f5f5f5 - border-radius: 3px - - > - li - display: inline-block - - + li:before - content: "/ " - padding: 0 5px - color: #ccc - - .active - color: #777777 - -.pagination - display: inline-block - padding-left: 0 - margin: 20px 0 - border-radius: 3px - - > - li - display: inline - - > - a, span - position: relative - float: left - padding: 6px 12px - line-height: 1.42857 - text-decoration: none - color: #FFFFFF - background-color: #505050 - border: 1px solid #303030 - margin-left: -1px - cursor: pointer - - &:first-child > - a, span - margin-left: 0 - border-bottom-left-radius: 3px - border-top-left-radius: 3px - - &:last-child > - a, span - border-bottom-right-radius: 3px - border-top-right-radius: 3px - - > - a - &:hover, &:focus - color: #FFFFFF - background-color: #ec6d12 - border-color: #303030 - - span - &:hover, &:focus - color: #FFFFFF - background-color: #ec6d12 - border-color: #303030 - - .active > - a - z-index: 2 - color: #FFFFFF - background-color: #ec6d12 - border-color: #1d1d1d - cursor: default - - &:hover, &:focus - z-index: 2 - color: #FFFFFF - background-color: #ec6d12 - border-color: #1d1d1d - cursor: default - - span - z-index: 2 - color: #FFFFFF - background-color: #ec6d12 - border-color: #1d1d1d - cursor: default - - &:hover, &:focus - z-index: 2 - color: #FFFFFF - background-color: #ec6d12 - border-color: #1d1d1d - cursor: default - - .disabled > - span - color: #000 - background-color: #eee - border-color: #1d1d1d - cursor: not-allowed - - &:hover, &:focus - color: #000 - background-color: #eee - border-color: #1d1d1d - cursor: not-allowed - - a - color: #000 - background-color: #eee - border-color: #1d1d1d - cursor: not-allowed - - &:hover, &:focus - color: #000 - background-color: #eee - border-color: #1d1d1d - cursor: not-allowed - -.pagination-lg > li - > - a, span - padding: 10px 16px - font-size: 18px - - &:first-child > - a, span - border-bottom-left-radius: 6px - border-top-left-radius: 6px - - &:last-child > - a, span - border-bottom-right-radius: 6px - border-top-right-radius: 6px - -.pagination-sm > li - > - a, span - padding: 5px 10px - font-size: 12px - - &:first-child > - a, span - border-bottom-left-radius: 3px - border-top-left-radius: 3px - - &:last-child > - a, span - border-bottom-right-radius: 3px - border-top-right-radius: 3px - -.pager - padding-left: 0 - margin: 20px 0 - list-style: none - text-align: center - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - li - display: inline - - > - a, span - display: inline-block - padding: 5px 14px - background-color: #fff - border: 1px solid #ddd - border-radius: 15px - - a - &:hover, &:focus - text-decoration: none - background-color: #eeeeee - - .next > - a, span - float: right - - .previous > - a, span - float: left - - .disabled > - a - color: #777777 - background-color: #fff - cursor: not-allowed - - &:hover, &:focus - color: #777777 - background-color: #fff - cursor: not-allowed - - span - color: #777777 - background-color: #fff - cursor: not-allowed - -.label - display: inline - padding: .2em .6em .3em - font-size: 75% - font-weight: bold - line-height: 1 - color: #fff - text-align: center - white-space: nowrap - vertical-align: baseline - border-radius: .25em - - &:empty - display: none - -.btn .label - position: relative - top: -1px - -a.label - &:hover, &:focus - color: #fff - text-decoration: none - cursor: pointer - -.label-default - background-color: #777777 - - &[href] - &:hover, &:focus - background-color: #5e5e5e - border-color: #323232 - -.label-primary - background-color: #ec6d12 - - &[href] - &:hover, &:focus - background-color: #b85904 - -.label-success - background-color: #46A50C - border-color: #323232 - - &[href] - &:hover, &:focus - background-color: #7fc54f - border-color: #323232 - -.label-info - background-color: #B0CDDB - - &[href] - &:hover, &:focus - background-color: #8db7cb - border-color: #323232 - -.label-warning - background-color: #f0ad4e - - &[href] - &:hover, &:focus - background-color: #ec971f - border-color: #323232 - -.label-danger - background-color: #CE2804 - - &[href] - &:hover, &:focus - background-color: #ec2121 - border-color: #323232 - -.badge - display: inline-block - min-width: 10px - padding: 3px 7px - font-size: 12px - font-weight: bold - color: #fff - line-height: 1 - vertical-align: baseline - white-space: nowrap - text-align: center - background-color: #777777 - border-radius: 10px - - &:empty - display: none - -.btn .badge - position: relative - top: -1px - -.btn-xs .badge, .btn-group-xs > .btn .badge - top: 0 - padding: 1px 5px - -a.list-group-item.active > .badge - color: #ec6d12 - background-color: #fff - -.nav-pills > - .active > a > .badge - color: #ec6d12 - background-color: #fff - - li > a > .badge - margin-left: 3px - -a.badge - &:hover, &:focus - color: #fff - text-decoration: none - cursor: pointer - -.jumbotron - padding: 30px - margin-bottom: 30px - color: inherit - background-color: #eeeeee - - h1, .h1 - color: inherit - - p - margin-bottom: 15px - font-size: 21px - font-weight: 200 - - > hr - border-top-color: #d5d5d5 - -.container .jumbotron - border-radius: 6px - -.jumbotron .container - max-width: 100% - -@media screen and (min-width: 768px) - .jumbotron - padding-top: 48px - padding-bottom: 48px - - .container .jumbotron - padding-left: 60px - padding-right: 60px - - .jumbotron - h1, .h1 - font-size: 63px - -.thumbnail - display: block - padding: 4px - margin-bottom: 20px - line-height: 1.42857 - background-color: #fff - border: 1px solid #ddd - border-radius: 3px - -webkit-transition: all 0.2s ease-in-out - -o-transition: all 0.2s ease-in-out - transition: all 0.2s ease-in-out - - > img, a > img - display: block - width: 100% \9 - max-width: 100% - height: auto - margin-left: auto - margin-right: auto - - .caption - padding: 9px - color: #3C3C3B - -a.thumbnail - &:hover, &:focus, &.active - border-color: #ec6d12 - -.alert - padding: 15px - margin-bottom: 20px - border: 1px solid transparent - border-radius: 3px - - h4 - margin-top: 0 - color: inherit - - .alert-link - font-weight: bold - - > - p, ul - margin-bottom: 0 - - p + p - margin-top: 5px - -.alert-dismissable, .alert-dismissible - padding-right: 35px - -.alert-dismissable .close, .alert-dismissible .close - position: relative - top: -2px - right: -21px - color: inherit - -.alert-success - background-color: #9BD275 - border-color: #9BD275 - color: #66aa37 - - hr - border-top-color: #8dcc62 - - .alert-link - color: #72bd3e - -.alert-info - background-color: #424242 - border-color: #515151 - color: #ffffff - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - hr - border-top-color: #B13116 - - .alert-link - color: #B13116 - -.alert-warning - background-color: #202020 - border-color: #b13116 - color: #FFF - - hr - border-top-color: #f7e1b5 - - .alert-link - color: #df8a13 - -.alert-danger - background-color: #202020 - border-color: #B13116 - color: #FFFFFF !important - - hr - border-top-color: #B13116 - - .alert-link - color: #B13116 - -@-webkit-keyframes progress-bar-stripes - from - background-position: 40px 0 - - to - background-position: 0 0 - -@keyframes progress-bar-stripes - from - background-position: 40px 0 - - to - background-position: 0 0 - -.progress - overflow: hidden - height: 20px - background-color: #3c3c3b - border-radius: 3px - position: relative - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) - box-shadow: inset 0 1px 2px rgb(41, 41, 41) - -.progress-bar - float: left - width: 0% - height: 100% - font-size: 12px - line-height: 20px - color: #fff - text-align: center - background-color: #ec6d12 - position: relative - z-index: 2 - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) - -webkit-transition: width 0.6s ease - -o-transition: width 0.6s ease - transition: width 0.6s ease - -.progress-striped .progress-bar, .progress-bar-striped - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-size: 40px 40px - -.progress.active .progress-bar - -webkit-animation: progress-bar-stripes 2s linear infinite - -o-animation: progress-bar-stripes 2s linear infinite - animation: progress-bar-stripes 2s linear infinite - -.progress-bar - &.active - -webkit-animation: progress-bar-stripes 2s linear infinite - -o-animation: progress-bar-stripes 2s linear infinite - animation: progress-bar-stripes 2s linear infinite - - &[aria-valuenow="1"], &[aria-valuenow="2"] - min-width: 30px - - &[aria-valuenow="0"] - color: #777777 - min-width: 30px - background-color: transparent - background-image: none - box-shadow: none - -.progress-bar-success - background-color: #46A50C - -.progress-striped .progress-bar-success - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - -.progress-bar-info - background-color: #CF5203 - -.progress-striped .progress-bar-info - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - -.progress-bar-warning - background-color: #CCB717 - color: #FFFFFF !important - -.progress-striped .progress-bar-warning - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - -.progress-bar-danger - background-color: #cf3624 - -.progress-striped .progress-bar-danger - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) - -.media, .media-body - overflow: hidden - zoom: 1 - -.media - margin-top: 15px - - .media - margin-top: 15px - - &:first-child - margin-top: 0 - -.media-object - display: block - -.media-heading - margin: 0 0 5px - -.media > - .pull-left - margin-right: 10px - - .pull-right - margin-left: 10px - -.media-list - padding-left: 0 - list-style: none - -.list-group - margin-bottom: 20px - padding-left: 0 - -.list-group-item - position: relative - display: block - padding: 6px 8px - margin-bottom: -1px - background-color: #3E3E3E - - &:last-child - margin-bottom: 0 - - > .badge - float: right - - + .badge - margin-right: 5px - -a.list-group-item - color: #FFFFFF - border-radius: 0 - outline: 0 - - .list-group-item-heading - color: #2d2d2d - - &:hover, &:focus - text-decoration: none - color: #ec6d12 - background-color: #2a2a2a - - &:hover:before, &:focus:before - background: #FFFFFF - content: "" - height: 42px - left: 0 - position: absolute - top: 0 - width: 3px - -.list-group-item - &.disabled - background-color: #eeeeee - color: #777777 - - &:hover, &:focus - background-color: #eeeeee - color: #777777 - - .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading - color: inherit - - .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text - color: #777777 - - &.active - z-index: 2 - - &:hover, &:focus - z-index: 2 - - &:before, &:hover:before, &:focus:before - background: #ec6d12 - content: "" - height: 42px - left: 0 - position: absolute - top: 0px - width: 3px - - .list-group-item-heading - color: inherit - - > - small, .small - color: inherit - - &:hover .list-group-item-heading - color: inherit - - > - small, .small - color: inherit - - &:focus .list-group-item-heading - color: inherit - - > - small, .small - color: inherit - - .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text - color: #fedcbd - - + .collapse > .list-group-item:before, &:hover + .collapse > .list-group-item:before, &:focus + .collapse > .list-group-item:before - background: #ec6d12 - content: "" - height: 42px - left: 0 - position: absolute - top: 0px - width: 3px - -.list-group-item-success - color: #9BD275 - background-color: #9BD275 - -a.list-group-item-success - color: #9BD275 - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #9BD275 - background-color: #8dcc62 - - &.active - color: #fff - background-color: #9BD275 - border-color: #9BD275 - - &:hover, &:focus - color: #fff - background-color: #9BD275 - border-color: #9BD275 - -.list-group-item-info - color: #31708f - background-color: #d9edf7 - -a.list-group-item-info - color: #31708f - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #31708f - background-color: #c4e3f3 - - &.active - color: #fff - background-color: #31708f - border-color: #31708f - - &:hover, &:focus - color: #fff - background-color: #31708f - border-color: #31708f - -.list-group-item-warning - color: #f0ad4e - background-color: #fcf8e3 - -a.list-group-item-warning - color: #f0ad4e - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #f0ad4e - background-color: #faf2cc - - &.active - color: #fff - background-color: #f0ad4e - border-color: #f0ad4e - - &:hover, &:focus - color: #fff - background-color: #f0ad4e - border-color: #f0ad4e - -.list-group-item-danger - color: #F05050 - background-color: #F05050 - -a.list-group-item-danger - color: #F05050 - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #F05050 - background-color: #ee3939 - - &.active - color: #fff - background-color: #F05050 - border-color: #F05050 - - &:hover, &:focus - color: #fff - background-color: #F05050 - border-color: #F05050 - -.list-group-item-heading - margin-top: 0 - margin-bottom: 5px - -.list-group-item-text - margin-bottom: 0 - line-height: 1.3 - -.panel - border: 1px solid #515151 - margin-bottom: 20px - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - -.panel-body - padding: 15px - background-color: #3c3c3c - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -.panel-heading - padding: 10px 15px - border-bottom: 1px solid #515151 - border-top-right-radius: 2px - border-top-left-radius: 2px - background-color: #2D2D2D !important - - > .dropdown .dropdown-toggle - color: inherit - -.panel-title - margin-top: 0 - margin-bottom: 0 - font-size: 16px - color: inherit - - > a - color: inherit - -.panel-footer - padding: 10px 15px - background-color: #f5f5f5 - border-top: 1px solid #ddd - border-bottom-right-radius: 2px - border-bottom-left-radius: 2px - -.panel > .list-group - margin-bottom: 0 - - .list-group-item - border-width: 1px 0 - border-radius: 0 - - &:first-child .list-group-item:first-child - border-top: 0 - - &:last-child .list-group-item:last-child - border-bottom: 0 - -.panel-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer - border-top-width: 0 - -.panel > - .table, .table-responsive > .table, .panel-collapse > .table - margin-bottom: 0 - - .table:first-child, .table-responsive:first-child > .table:first-child - border-top-right-radius: 2px - border-top-left-radius: 2px - - .table:first-child > - thead:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - tbody:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - .table-responsive:first-child > .table:first-child > - thead:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - tbody:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - .table:first-child > - thead:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - tbody:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - .table-responsive:first-child > .table:first-child > - thead:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - tbody:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - .table:last-child, .table-responsive:last-child > .table:last-child - border-bottom-right-radius: 2px - border-bottom-left-radius: 2px - - .table:last-child > - tbody:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - tfoot:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - .table-responsive:last-child > .table:last-child > - tbody:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - tfoot:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - .table:last-child > - tbody:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - tfoot:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - .table-responsive:last-child > .table:last-child > - tbody:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - tfoot:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - .panel-body + - .table, .table-responsive - border-top: 1px solid #eee - - .table > tbody:first-child > tr:first-child - th, td - border-top: 0 - - .table-bordered, .table-responsive > .table-bordered - border: 0 - - .table-bordered > - thead > tr > - th:first-child, td:first-child - border-left: 0 - - tbody > tr > - th:first-child, td:first-child - border-left: 0 - - tfoot > tr > - th:first-child, td:first-child - border-left: 0 - - .table-responsive > .table-bordered > - thead > tr > - th:first-child, td:first-child - border-left: 0 - - tbody > tr > - th:first-child, td:first-child - border-left: 0 - - tfoot > tr > - th:first-child, td:first-child - border-left: 0 - - .table-bordered > - thead > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr > - th:last-child, td:last-child - border-right: 0 - - tfoot > tr > - th:last-child, td:last-child - border-right: 0 - - .table-responsive > .table-bordered > - thead > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr > - th:last-child, td:last-child - border-right: 0 - - tfoot > tr > - th:last-child, td:last-child - border-right: 0 - - .table-bordered > - thead > tr:first-child > - td, th - border-bottom: 0 - - tbody > tr:first-child > - td, th - border-bottom: 0 - - .table-responsive > .table-bordered > - thead > tr:first-child > - td, th - border-bottom: 0 - - tbody > tr:first-child > - td, th - border-bottom: 0 - - .table-bordered > - tbody > tr:last-child > - td, th - border-bottom: 0 - - tfoot > tr:last-child > - td, th - border-bottom: 0 - - .table-responsive - > .table-bordered > - tbody > tr:last-child > - td, th - border-bottom: 0 - - tfoot > tr:last-child > - td, th - border-bottom: 0 - - border: 0 - margin-bottom: 0 - -.panel-group - margin-bottom: 20px - - .panel - margin-bottom: 0 - border-radius: 3px - - + .panel - margin-top: 5px - - .panel-heading - border-bottom: 0 - - + .panel-collapse > .panel-body - border-top: 1px solid #ddd - - .panel-footer - border-top: 0 - - + .panel-collapse .panel-body - border-bottom: 1px solid #ddd - -.panel-default > - .panel-heading - color: #fff - border-color: #515151 - - + .panel-collapse > .panel-body - border-top-color: #515151 - - .badge - color: #f5f5f5 - background-color: #2d2d2d333 - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #515151 - -.panel-primary > - .panel-heading - color: #fff - - + .panel-collapse > .panel-body - border-top-color: #ec6d12 - - .badge - color: #ec6d12 - background-color: #fff - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #ec6d12 - -.panel-success - border-color: #9BD275 - - > - .panel-heading - color: #9BD275 - background-color: #9BD275 - border-color: #9BD275 - - + .panel-collapse > .panel-body - border-top-color: #9BD275 - - .badge - color: #9BD275 - background-color: #9BD275 - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #9BD275 - -.panel-info - border-color: #bce8f1 - - > - .panel-heading - color: #31708f - background-color: #d9edf7 - border-color: #bce8f1 - - + .panel-collapse > .panel-body - border-top-color: #bce8f1 - - .badge - color: #d9edf7 - background-color: #31708f - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #bce8f1 - -.panel-warning - border-color: #faebcc - - > - .panel-heading - color: #f0ad4e - background-color: #fcf8e3 - border-color: #faebcc - - + .panel-collapse > .panel-body - border-top-color: #faebcc - - .badge - color: #fcf8e3 - background-color: #f0ad4e - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #faebcc - -.panel-danger - border-color: #F05050 - - > - .panel-heading - color: #F05050 - background-color: #F05050 - border-color: #F05050 - - + .panel-collapse > .panel-body - border-top-color: #F05050 - - .badge - color: #F05050 - background-color: #F05050 - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #F05050 - -.embed-responsive - position: relative - display: block - height: 0 - padding: 0 - overflow: hidden - - .embed-responsive-item, iframe, embed, object - position: absolute - top: 0 - left: 0 - bottom: 0 - height: 100% - width: 100% - border: 0 - - &.embed-responsive-16by9 - padding-bottom: 56.25% - - &.embed-responsive-4by3 - padding-bottom: 75% - -.well - min-height: 20px - padding: 19px - margin-bottom: 20px - background-color: none - border: none - border-radius: none - - blockquote - border-color: #ddd - border-color: rgba(0, 0, 0, 0.15) - -.well-lg - padding: 24px - border-radius: 6px - -.well-sm - padding: 9px - border-radius: 3px - -.close - float: right - font-size: 21px - font-weight: bold - line-height: 1 - color: #FFFFFF - text-shadow: 0 1px 0 #000 - opacity: 1 - filter: alpha(opacity = 100) - - &:hover, &:focus - color: #B0B0B0 - text-decoration: none - cursor: pointer - opacity: 1 - filter: alpha(opacity = 100) - -button.close - padding: 0 - cursor: pointer - background: transparent - border: 0 - -webkit-appearance: none - -.modal-open - overflow: hidden - -.modal - display: none - overflow: hidden - position: fixed - top: 0 - right: 0 - bottom: 0 - left: 0 - z-index: 1050 - -webkit-overflow-scrolling: touch - outline: 0 - - &.fade .modal-dialog - -webkit-transform: translate3d(0, -25%, 0) - transform: translate3d(0, -25%, 0) - -webkit-transition: -webkit-transform 0.3s ease-out - -moz-transition: -moz-transform 0.3s ease-out - -o-transition: -o-transform 0.3s ease-out - transition: transform 0.3s ease-out - - &.in .modal-dialog - -webkit-transform: translate3d(0, 0, 0) - transform: translate3d(0, 0, 0) - -.modal-open .modal - overflow-x: hidden - overflow-y: auto - -.modal-dialog - position: relative - width: auto - margin: 62px 10px 10px 10px - border: 1px solid #303030 - -.modal-content - position: relative - background-color: #383838 - border: 1px solid #565656cc - border-radius: 3px - -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30) - box-shadow: 0 5px 15px rgb(5, 5, 5) - background-clip: padding-box - outline: 0 - -.modal-backdrop - position: fixed - top: 0 - right: 0 - bottom: 0 - left: 0 - z-index: 1040 - background-color: #000 - - &.fade - opacity: 0 - filter: alpha(opacity = 0) - - &.in - opacity: 0.5 - filter: alpha(opacity = 50) - -.modal-header - padding-left: 10px - padding-right: 10px - padding-top: 3px - padding-bottom: 1px - border-bottom: 1px solid #4a4a4a - min-height: 16.42857px - background-color: #c35d12 - - .close - margin-top: -2px - -.modal-title - margin: 0 - line-height: 1.42857 - -.modal-body - position: relative - padding: 5px - background-color: inherit - - .table-hover > tbody > tr:hover > - td, th - background-color: #2a2a2a - color: #ec6d12 - -.modal-footer - padding: 5px - text-align: right - background-color: #383838 - border-top: 1px solid inherit - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - .btn + .btn - margin-left: 5px - margin-bottom: 0 - - .btn-group .btn + .btn - margin-left: -1px - - .btn-block + .btn-block - margin-left: 0 - -.modal-scrollbar-measure - position: absolute - top: -9999px - width: 50px - height: 50px - overflow: scroll - -@media (min-width: 768px) - .modal-dialog - width: 600px - margin: 82px auto 30px auto - - .modal-content - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) - - .modal-sm - width: 300px - -@media (min-width: 992px) - .modal-lg - width: 900px - -.tooltip - position: absolute - z-index: 1070 - display: block - visibility: visible - font-size: 12px - line-height: 1.4 - opacity: 0 - filter: alpha(opacity = 0) - - &.in - opacity: 0.9 - filter: alpha(opacity = 90) - - &.top - margin-top: -3px - padding: 5px 0 - - &.right - margin-left: 3px - padding: 0 5px - - &.bottom - margin-top: 3px - padding: 5px 0 - - &.left - margin-left: -3px - padding: 0 5px - -.tooltip-inner - max-width: 200px - padding: 3px 8px - color: #fff - text-align: center - text-decoration: none - background-color: #000 - border-radius: 3px - -.tooltip-arrow - position: absolute - width: 0 - height: 0 - border-color: transparent - border-style: solid - -.tooltip - &.top .tooltip-arrow - bottom: 0 - left: 50% - margin-left: -5px - border-width: 5px 5px 0 - border-top-color: #000 - - &.top-left .tooltip-arrow - bottom: 0 - left: 5px - border-width: 5px 5px 0 - border-top-color: #000 - - &.top-right .tooltip-arrow - bottom: 0 - right: 5px - border-width: 5px 5px 0 - border-top-color: #000 - - &.right .tooltip-arrow - top: 50% - left: 0 - margin-top: -5px - border-width: 5px 5px 5px 0 - border-right-color: #000 - - &.left .tooltip-arrow - top: 50% - right: 0 - margin-top: -5px - border-width: 5px 0 5px 5px - border-left-color: #000 - - &.bottom .tooltip-arrow - top: 0 - left: 50% - margin-left: -5px - border-width: 0 5px 5px - border-bottom-color: #000 - - &.bottom-left .tooltip-arrow - top: 0 - left: 5px - border-width: 0 5px 5px - border-bottom-color: #000 - - &.bottom-right .tooltip-arrow - top: 0 - right: 5px - border-width: 0 5px 5px - border-bottom-color: #000 - -.popover - position: absolute - top: 0 - left: 0 - z-index: 1060 - display: none - max-width: 276px - padding: 1px - text-align: left - background-color: #fff - background-clip: padding-box - border: 1px solid #ccc - border: 1px solid rgba(0, 0, 0, 0.3) - border-radius: 6px - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - white-space: normal - - &.top - margin-top: -10px - - &.right - margin-left: 10px - - &.bottom - margin-top: 10px - - &.left - margin-left: -10px - -.popover-title - margin: 0 - padding: 8px 14px - font-size: 14px - font-weight: normal - line-height: 18px - background-color: #f7f7f7 - border-bottom: 1px solid #ebebeb - border-radius: 5px 5px 0 0 - -.popover-content - padding: 9px 14px - -.popover - > .arrow - position: absolute - display: block - width: 0 - height: 0 - border-color: transparent - border-style: solid - - &:after - position: absolute - display: block - width: 0 - height: 0 - border-color: transparent - border-style: solid - border-width: 10px - content: "" - - border-width: 11px - - &.top > .arrow - left: 50% - margin-left: -11px - border-bottom-width: 0 - border-top-color: #999999 - border-top-color: rgba(0, 0, 0, 0.25) - bottom: -11px - - &:after - content: " " - bottom: 1px - margin-left: -10px - border-bottom-width: 0 - border-top-color: #fff - - &.right > .arrow - top: 50% - left: -11px - margin-top: -11px - border-left-width: 0 - border-right-color: #999999 - border-right-color: rgba(0, 0, 0, 0.25) - - &:after - content: " " - left: 1px - bottom: -10px - border-left-width: 0 - border-right-color: #fff - - &.bottom > .arrow - left: 50% - margin-left: -11px - border-top-width: 0 - border-bottom-color: #999999 - border-bottom-color: rgba(0, 0, 0, 0.25) - top: -11px - - &:after - content: " " - top: 1px - margin-left: -10px - border-top-width: 0 - border-bottom-color: #fff - - &.left > .arrow - top: 50% - right: -11px - margin-top: -11px - border-right-width: 0 - border-left-color: #999999 - border-left-color: rgba(0, 0, 0, 0.25) - - &:after - content: " " - right: 1px - border-right-width: 0 - border-left-color: #fff - bottom: -10px - -.carousel - position: relative - -.carousel-inner - position: relative - overflow: hidden - width: 100% - - > - .item - display: none - position: relative - -webkit-transition: 0.6s ease-in-out left - -o-transition: 0.6s ease-in-out left - transition: 0.6s ease-in-out left - - > - img, a > img - display: block - width: 100% \9 - max-width: 100% - height: auto - line-height: 1 - - .active, .next, .prev - display: block - - .active - left: 0 - - .next, .prev - position: absolute - top: 0 - width: 100% - - .next - left: 100% - - .prev - left: -100% - - .next.left, .prev.right - left: 0 - - .active - &.left - left: -100% - - &.right - left: 100% - -.carousel-control - position: absolute - top: 0 - left: 0 - bottom: 0 - width: 15% - opacity: 0.5 - filter: alpha(opacity = 50) - font-size: 20px - color: #fff - text-align: center - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) - - &.left - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%) - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%) - 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) - - &.right - left: auto - right: 0 - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%) - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%) - 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) - - &:hover, &:focus - outline: 0 - color: #fff - text-decoration: none - opacity: 0.9 - filter: alpha(opacity = 90) - - .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right - position: absolute - top: 50% - z-index: 5 - display: inline-block - - .icon-prev, .glyphicon-chevron-left - left: 50% - margin-left: -10px - - .icon-next, .glyphicon-chevron-right - right: 50% - margin-right: -10px - - .icon-prev, .icon-next - width: 20px - height: 20px - margin-top: -10px - font-family: serif - - .icon-prev:before - content: '\2039' - - .icon-next:before - content: '\203a' - -.carousel-indicators - position: absolute - bottom: 10px - left: 50% - z-index: 15 - width: 60% - margin-left: -30% - padding-left: 0 - list-style: none - text-align: center - - li - display: inline-block - width: 10px - height: 10px - margin: 1px - text-indent: -999px - border: 1px solid #fff - border-radius: 10px - cursor: pointer - background-color: #000 \9 - background-color: transparent - - .active - margin: 0 - width: 12px - height: 12px - background-color: #fff - -.carousel-caption - position: absolute - left: 15% - right: 15% - bottom: 20px - 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) - - .btn - text-shadow: none - -@media screen and (min-width: 768px) - .carousel-control - .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next - width: 30px - height: 30px - margin-top: -15px - font-size: 30px - - .glyphicon-chevron-left, .icon-prev - margin-left: -15px - - .glyphicon-chevron-right, .icon-next - margin-right: -15px - - .carousel-caption - left: 20% - right: 20% - padding-bottom: 30px - - .carousel-indicators - bottom: 20px - -.clearfix:before, .content-box:before, .clearfix:after, .content-box:after - content: " " - display: table - -.clearfix:after, .content-box:after - clear: both - -.center-block - display: block - margin-left: auto - margin-right: auto - -.pull-right - float: right !important - -.pull-left - float: left !important - -.hide - display: none !important - -.show - display: block !important - color: #FFFFFF - -.invisible - visibility: hidden - -.text-hide - font: 0/0 a - color: transparent - text-shadow: none - background-color: transparent - border: 0 - -.hidden - display: none !important - visibility: hidden !important - -.affix - position: fixed - -webkit-transform: translate3d(0, 0, 0) - transform: translate3d(0, 0, 0) - -@-ms-viewport - width: device-width - -.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block - display: none !important - -@media (max-width: 767px) - .visible-xs - display: block !important - - table.visible-xs - display: table - - tr.visible-xs - display: table-row !important - - th.visible-xs, td.visible-xs - display: table-cell !important - -@media (max-width: 767px) - .visible-xs-block - display: block !important - -@media (max-width: 767px) - .visible-xs-inline - display: inline !important - -@media (max-width: 767px) - .visible-xs-inline-block - display: inline-block !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm - display: block !important - - table.visible-sm - display: table - - tr.visible-sm - display: table-row !important - - th.visible-sm, td.visible-sm - display: table-cell !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm-block - display: block !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm-inline - display: inline !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm-inline-block - display: inline-block !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md - display: block !important - - table.visible-md - display: table - - tr.visible-md - display: table-row !important - - th.visible-md, td.visible-md - display: table-cell !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md-block - display: block !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md-inline - display: inline !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md-inline-block - display: inline-block !important - -@media (min-width: 1200px) - .visible-lg - display: block !important - - table.visible-lg - display: table - - tr.visible-lg - display: table-row !important - - th.visible-lg, td.visible-lg - display: table-cell !important - -@media (min-width: 1200px) - .visible-lg-block - display: block !important - -@media (min-width: 1200px) - .visible-lg-inline - display: inline !important - -@media (min-width: 1200px) - .visible-lg-inline-block - display: inline-block !important - -@media (max-width: 767px) - .hidden-xs, .page-side - display: none !important - -@media (min-width: 768px) and (max-width: 991px) - .hidden-sm - display: none !important - -@media (min-width: 992px) and (max-width: 1199px) - .hidden-md - display: none !important - -@media (min-width: 1200px) - .hidden-lg - display: none !important - -@media print - .visible-print - display: block !important - - table.visible-print - display: table - - tr.visible-print - display: table-row !important - - th.visible-print, td.visible-print - display: table-cell !important - -@media print - .visible-print-block - display: block !important - -@media print - .visible-print-inline - display: inline !important - -@media print - .visible-print-inline-block - display: inline-block !important - -@media print - .hidden-print - display: none !important - -* - -webkit-font-smoothing: antialiased - -html - height: 100% - font-family: 'SourceSansProRegular' - -body - height: 100% - font-family: 'SourceSansProRegular' - touch-action: manipulation - min-width: 320px - background-color: #2A2A2A - -.widget-sort-handle - touch-action: none - -.page-head - top: 0 - left: 0 - position: fixed - width: 100% - border-bottom: 1px solid #171717 - z-index: 2 - background-color: #202020 - -.page-content - height: calc(100% - 52px) - padding-top: 52px - position: relative - z-index: 1 - - > .row - height: 100% - -.page-content-head - .container-fluid - background-color: #393939 - margin-left: 20px - margin-right: 20px - border: 1px solid #515151 - border-radius: 3px - min-height: 38px - height: auto - padding: 10px 20px 10px 20px - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - padding-bottom: 15px - padding-top: 20px - -.content-box-head - padding-bottom: 15px - padding-top: 20px - -.page-content-head .navbar-nav, .content-box-head .navbar-nav - width: 100% - -.page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 - margin: 0 - -.page-content-main - min-height: calc(100% - 64px) - padding: 15px 0 73px - -.page-side - background: #202020 - height: 100% !important - height: calc(100% - 52px) !important - left: 0 - overflow: auto - margin-top: 52px - position: fixed - top: 0 - z-index: 3 - -.page-side-nav--active - background: #F7F7F7 - border-left: 3px solid #ec6d12 - -.page-foot - bottom: 0 - border: none - font-size: 12px - padding: 20px 0 - width: 100% - z-index: 2 - -.content-box - padding: 0px 0px - margin: 0px 0px - background: none - border: 1px solid #515151 - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - hr - border: none - -.content-box-main - padding-bottom: 15px - padding-top: 15px - -.tab-content - padding: 0px 0px - margin: 0px 0px - - > .tab-content - padding: 0 15px - - .tab-content:last-child - margin-bottom: 0 - -.page-content-main [class^="col-"] + [class^="col-"] - padding-top: 20px - -.brand-logo - display: none - -@media (min-width: 768px) - .brand-logo - display: inline-block - -.brand-icon - display: inline-block - -@media (min-width: 768px) - .brand-icon - display: none - -@media (min-width: 768px) - .col-sm-disable-spacer - padding-top: 0 !important - -@media (min-width: 992px) - .col-md-disable-spacer - padding-top: 0 !important - -@media (min-width: 1200px) - .col-lg-disable-spacer - padding-top: 0 !important - -.page-login - background-color: #202020 - - .container - min-height: 100% - margin-bottom: -60px - - &:after - height: 60px - -.login-foot - font-size: 12px - -.login-modal-container - border: 1px solid #686868 - max-width: 400px - margin: 100px auto 15px auto - -.login-modal-head - height: 75px - padding: 0 20px - -.login-modal-content - padding: 20px 20px 20px 20px - -.login-modal-foot - border-top: 1px solid #E5E5E5 - height: 60px - padding: 20px 20px 0 20px - - a - color: #7D7D7D - text-decoration: none - - &:hover - color: #646464 - text-decoration: underline - -@media (min-width: 768px) - .list-inline .btn-group-container - float: right - -.btn.btn-fixed - max-width: 174px - width: 100% - -.progress-bar-placeholder - font-size: 12px - position: absolute - text-align: center - width: 100% - z-index: 1 - -/* BOOTSTRAP EDIT - -.list-group-item - border-left: none - border-right: none - - &.collapsed .caret - border-bottom: 4px solid green - border-top: 0 - -#navigation.collapse.in - display: block !important - -.list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child - border-bottom: none - -.dropdown-menu > li > a, .dropdown-header - padding: 3px 10px - -.nav-tabs - > li - border-radius: 0px - border-top-right-radius: 10px - margin-right: 2px - - > a - border-radius: 0px - border-top-right-radius: 10px - margin-right: 0px - outline: 0 - - &:hover, &:focus - outline: 0 - - &.active > a - background: #2a2a2a !important - outline: 0 - border-right: 1px solid #565656 - border-top: 1px solid #565656 - border-left: 1px solid #565656 - - &:hover, &:focus - border-right: 1px solid #565656 - border-top: 1px solid #565656 - border-left: 1px solid #565656 - - > a.visible-lg-inline-block - &:not(.pull-right) - border-top-right-radius: 0px !important - padding-left: 10px !important - padding-right: 5px !important - - &.pull-right - border-left: 0px !important - padding-left: 5px !important - padding-right: 10px !important - - &.nav-justified - border-right: 1px solid #656565 - - > li - border-bottom: 1px solid #656565 - border-top: 1px solid #656565 - border-left: 1px solid #656565 - border-radius: 0px - background: #818180 - - > a - color: #FFFFFF - font-family: 'SourceSansProSemibold' - -@media (min-width: 768px) - .nav-tabs.nav-justified > li > a - border-bottom: 1px solid transparent - -@media (max-width: 767px) - .nav-tabs.nav-justified > li.active > a - border-right: 0 !important - -@media (min-width: 768px) - > li.active + li > a - border-left: 1px solid transparent - -> li:last-child > a - border-right: 1px solid transparent !important - -@media (max-width: 767px) - > li:last-child > a - margin-bottom: 0 - -.btn .glyphicon - vertical-align: -1px - -.table - width: 100% - margin-bottom: 0px !important - -.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus - border: 0px !important - -.table th, strong, b - font-family: 'SourceSansProSemibold' - font-weight: normal - -.table > tbody > tr > td:last-child - padding-right: 15px - -/* helpers - -.__nowrap - white-space: nowrap - -.__nomb - margin-bottom: 0 - -.__mb - margin-bottom: 15px - -.__mt - margin-top: 15px - -.__ml - margin-left: 15px - -.__mr - margin-right: 15px - -.__iconspacer - padding-right: 10px - -#mainmenu .glyphicon - vertical-align: -2px - -.list-group-item - overflow: hidden - text-overflow: ellipsis - - + div - &.collapse - margin-bottom: -1px - - > a - padding-left: 44px - - &:before - background: #ec6d12 - content: "" - height: 42px - min-height: 100% - left: 0 - position: absolute - top: 0px - width: 0 - -webkit-transition: width .2s - -moz-transition: width .2s - -o-transition: width .2s - transition: width .2s - -.list-group-submenu a - padding-left: 56px - -.active-menu-title, .active-menu a - text-decoration: none - position: relative - background-color: #393939 - -.active-menu-title:before, .active-menu a:before - width: 3px - -.active-menu-title.active - background-color: #292929 - color: #ec6d12 - -.active-menu a - &.active - background-color: #292929 - color: #ec6d12 - - &:before - background: #ec6d12 - -.alert.alert-danger - color: #FFF !important - -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a - border-radius: 0 !important - -.navbar-brand - padding: 10px 20px - -.label-opnsense - /* emulates btn - display: inline-block - vertical-align: middle - font-size: 12px - line-height: 1.5 - border-radius: 3px - border-color: #323232 - -.label-opnsense-sm - /* emulates btn-sm - padding: 5px 10px - border-color: #323232 - -.label-opnsense-xs - /* emulates btn-xs - padding: 1px 5px - border-color: #323232 - -\::-webkit-scrollbar - width: 8px - -\::-webkit-scrollbar-button - width: 8px - height: 5px - -\::-webkit-scrollbar-track - background: #f7f7f7 - box-shadow: 0px 0px 0px - border-radius: 0 - -\::-webkit-scrollbar-thumb - background: #e5e5e5 - border: thin solid #e5e5e5 - border-radius: 0px - - &:hover - background: #e5e5e5 - -.widgetdiv - padding-top: 0px !important - padding-bottom: 20px - -select - overflow: hidden - border: 1px solid #5a5a5a - -webkit-appearance: none - -moz-appearance: none - appearance: none - cursor: pointer - background-repeat: no-repeat - background-position: right - background-image: url(/ui/themes/cicada/build/images/caret.png) !important - -#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] - min-width: 3.5em - -#grid-top - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - -@media screen and (max-width: 767px) - .table-responsive - margin-bottom: 0 - - > .table > - thead > tr > - th, td - white-space: normal - - tbody > tr > - th, td - white-space: normal - - tfoot > tr > - th, td - white-space: normal - -label > input - &[type="checkbox"], &[type="radio"] - margin-right: .4em - float: left - -#log-settings - label[for^="act"] - margin-right: 1.5em - - table > tbody > tr > td - vertical-align: middle - - select - &#filterlogentries, &#filterlogentriesupdateinterval - width: 5em - - &#filterlogentriesinterfaces - min-width: 100% - max-width: 100% - -/***************************************** - ******************************************* - ***additional extensions for theme-cicada** - ******************************************* - ***************************************** - -#tab_1 #maintabs - border-bottom: 1px solid #565656 - -textarea#update_status - color: inherit !important - background-color: none !important - -webkit-box-shadow: none !important - box-shadow: none !important - border: none !important - - &:hover - color: inherit !important - background-color: none !important - -webkit-box-shadow: none !important - box-shadow: none !important - border: none !important - -.fa-toggle-off::before - color: #ec6d12 !important - outline: none !important - -.fa-toggle-on::before - outline: none !important - -.fa-search, .glyphicon-search::before - content: "\e003" - color: #FFFFFF !important - -.fa-times-circle::before - content: "\f057" - color: #B13116 - -.fa-refresh::before - content: "\f021" - color: #FFF - -.fa-question-circle::before - content: "\f059" - cursor: pointer - color: #ec6d12 - -#totals .fa-search::before - color: #FFF !important - background-color: #ec6d12 - padding: 5px - border-radius: 4px - border: 1px solid #5A5A5A - -.panel-heading h3:hover - color: #FFFFFF - text-decoration: none - -h3 - &:focus - color: #FFFFFF - text-decoration: none - - &:link - color: #FFFFFF - text-decoration: underline - - &:hover, &:focus - color: #ec6d12 - text-decoration: underline - -text - &.nvd3, &.nv-axislabel, &.nv-legend-text - fill: #FFFFFF - -.nvd3 .nv-axis - fill: #FFFFFF - -.nv-series-0 - stroke-opacity: 1 - stroke-width: 1.5 - fill-opacity: 0.5 - fill: rgb(0, 151, 255) !important - stroke: rgb(0, 151, 255) !important - -.nv-controlsWrap.nvd3-svg circle.nv-legend-symbol - stroke-width: 1 !important - fill: rgb(143, 143, 143) !important - stroke: rgb(143, 143, 143) !important - -.table-condensed.table-hover - border: 1px solid #515151 - -ul.TokensContainer - border-radius: 3px - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - - li.Token - color: #FFFFFF !important - -div.Tokenize ul - &.TokensContainer - li.TokenSearch - color: #FFFFFF !important - - &:hover, &:focus - border-color: #ec6d12 !important - background-color: #2a2a2a !important - -webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6) - - border: 1px solid #5a5a5a !important - background-color: #2a2a2a !important - color: #FFFFFF !important - - &.Dropdown - border: 1px solid #5a5a5a !important - background-color: #2a2a2a !important - color: #FFFFFF !important - - &.TokensContainer li - &.Token - background-color: #ce671c !important - border: 1px solid #303030 !important - - &.Placeholder - color: #505050 !important - - &.Token a.Close - color: #FFFFFF !important - -.bootgrid-table th - > .column-header-anchor - color: #fff !important - - > - .icon, .glyphicon - color: #fff !important - - &:hover - background-color: #4b4b4b !important - -.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu - color: #fff - background-color: #2a2a2a - border-color: #1d1d1d - -.btn-group.bootstrap-select - &.open, &:hover - border-color: #323232 !important - color: #FFFFFF !important - background-color: #2d2d2d !important - -.bootgrid-table td - &.loading, &.no-results - background: none !important - -.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus - color: #FFF !important - text-decoration: none !important - background-color: #ec6d12 !important - -.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon - top: 0 - background-color: #ec6d12 !important - border: 1px solid #ec6d12 !important - -.nvtooltip - background-color: rgb(60, 60, 60) !important - color: rgba(0, 0, 0, 1) !important - border: 1px solid rgb(255, 127, 14) !important - -.glyphicon - &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted - color: #eac80a !important - -.fa.fa-play.text-muted::before - color: #eac80a !important - -#system_log-widgets.content-box - border: none - -#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out - background-color: #292929 - border: 1px solid #515151 +.col-xs-push-2 { + left: 16.66667%; +} + +.col-xs-push-3 { + left: 25%; +} + +.col-xs-push-4 { + left: 33.33333%; +} + +.col-xs-push-5 { + left: 41.66667%; +} + +.col-xs-push-6 { + left: 50%; +} + +.col-xs-push-7 { + left: 58.33333%; +} + +.col-xs-push-8 { + left: 66.66667%; +} + +.col-xs-push-9 { + left: 75%; +} + +.col-xs-push-10 { + left: 83.33333%; +} + +.col-xs-push-11 { + left: 91.66667%; +} + +.col-xs-push-12 { + left: 100%; +} + +.col-xs-offset-0 { + margin-left: 0%; +} + +.col-xs-offset-1 { + margin-left: 8.33333%; +} + +.col-xs-offset-2 { + margin-left: 16.66667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.33333%; +} + +.col-xs-offset-5 { + margin-left: 41.66667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.33333%; +} + +.col-xs-offset-8 { + margin-left: 66.66667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.33333%; +} + +.col-xs-offset-11 { + margin-left: 91.66667%; +} + +.col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 768px) { + .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.33333%; + } + .col-sm-2 { + width: 16.66667%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-4 { + width: 33.33333%; + } + .col-sm-5 { + width: 41.66667%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-7 { + width: 58.33333%; + } + .col-sm-8 { + width: 66.66667%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-10 { + width: 83.33333%; + } + .col-sm-11 { + width: 91.66667%; + } + .col-sm-12 { + width: 100%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-pull-1 { + right: 8.33333%; + } + .col-sm-pull-2 { + right: 16.66667%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-4 { + right: 33.33333%; + } + .col-sm-pull-5 { + right: 41.66667%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-7 { + right: 58.33333%; + } + .col-sm-pull-8 { + right: 66.66667%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-10 { + right: 83.33333%; + } + .col-sm-pull-11 { + right: 91.66667%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-push-1 { + left: 8.33333%; + } + .col-sm-push-2 { + left: 16.66667%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-4 { + left: 33.33333%; + } + .col-sm-push-5 { + left: 41.66667%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-7 { + left: 58.33333%; + } + .col-sm-push-8 { + left: 66.66667%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-10 { + left: 83.33333%; + } + .col-sm-push-11 { + left: 91.66667%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-offset-0 { + margin-left: 0%; + } + .col-sm-offset-1 { + margin-left: 8.33333%; + } + .col-sm-offset-2 { + margin-left: 16.66667%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-4 { + margin-left: 33.33333%; + } + .col-sm-offset-5 { + margin-left: 41.66667%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-7 { + margin-left: 58.33333%; + } + .col-sm-offset-8 { + margin-left: 66.66667%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-10 { + margin-left: 83.33333%; + } + .col-sm-offset-11 { + margin-left: 91.66667%; + } + .col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 992px) { + .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.33333%; + } + .col-md-2 { + width: 16.66667%; + } + .col-md-3 { + width: 25%; + } + .col-md-4 { + width: 33.33333%; + } + .col-md-5 { + width: 41.66667%; + } + .col-md-6 { + width: 50%; + } + .col-md-7 { + width: 58.33333%; + } + .col-md-8 { + width: 66.66667%; + } + .col-md-9 { + width: 75%; + } + .col-md-10 { + width: 83.33333%; + } + .col-md-11 { + width: 91.66667%; + } + .col-md-12 { + width: 100%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-pull-1 { + right: 8.33333%; + } + .col-md-pull-2 { + right: 16.66667%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-4 { + right: 33.33333%; + } + .col-md-pull-5 { + right: 41.66667%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-7 { + right: 58.33333%; + } + .col-md-pull-8 { + right: 66.66667%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-10 { + right: 83.33333%; + } + .col-md-pull-11 { + right: 91.66667%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-push-0 { + left: auto; + } + .col-md-push-1 { + left: 8.33333%; + } + .col-md-push-2 { + left: 16.66667%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-4 { + left: 33.33333%; + } + .col-md-push-5 { + left: 41.66667%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-7 { + left: 58.33333%; + } + .col-md-push-8 { + left: 66.66667%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-10 { + left: 83.33333%; + } + .col-md-push-11 { + left: 91.66667%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-offset-0 { + margin-left: 0%; + } + .col-md-offset-1 { + margin-left: 8.33333%; + } + .col-md-offset-2 { + margin-left: 16.66667%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-4 { + margin-left: 33.33333%; + } + .col-md-offset-5 { + margin-left: 41.66667%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-7 { + margin-left: 58.33333%; + } + .col-md-offset-8 { + margin-left: 66.66667%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-10 { + margin-left: 83.33333%; + } + .col-md-offset-11 { + margin-left: 91.66667%; + } + .col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 1200px) { + .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.33333%; + } + .col-lg-2 { + width: 16.66667%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333%; + } + .col-lg-5 { + width: 41.66667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.33333%; + } + .col-lg-8 { + width: 66.66667%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333%; + } + .col-lg-11 { + width: 91.66667%; + } + .col-lg-12 { + width: 100%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-pull-1 { + right: 8.33333%; + } + .col-lg-pull-2 { + right: 16.66667%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-4 { + right: 33.33333%; + } + .col-lg-pull-5 { + right: 41.66667%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-7 { + right: 58.33333%; + } + .col-lg-pull-8 { + right: 66.66667%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-10 { + right: 83.33333%; + } + .col-lg-pull-11 { + right: 91.66667%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-push-1 { + left: 8.33333%; + } + .col-lg-push-2 { + left: 16.66667%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-4 { + left: 33.33333%; + } + .col-lg-push-5 { + left: 41.66667%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-7 { + left: 58.33333%; + } + .col-lg-push-8 { + left: 66.66667%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-10 { + left: 83.33333%; + } + .col-lg-push-11 { + left: 91.66667%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-offset-0 { + margin-left: 0%; + } + .col-lg-offset-1 { + margin-left: 8.33333%; + } + .col-lg-offset-2 { + margin-left: 16.66667%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-4 { + margin-left: 33.33333%; + } + .col-lg-offset-5 { + margin-left: 41.66667%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-7 { + margin-left: 58.33333%; + } + .col-lg-offset-8 { + margin-left: 66.66667%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-10 { + margin-left: 83.33333%; + } + .col-lg-offset-11 { + margin-left: 91.66667%; + } + .col-lg-offset-12 { + margin-left: 100%; + } +} + +th { + text-align: left; +} + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; + > { + thead > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #303030; + } + } + tbody > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #303030; + } + } + tfoot > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #303030; + } + } + thead > tr > th { + vertical-align: bottom; + border-bottom: 1px solid #bababa4d; + } + caption + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #515151; + } + } + colgroup + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #515151; + } + } + thead:first-child > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #515151; + } + } + tbody + tbody { + border-top: 2px solid #eee; + } + } + .table { + background-color: none; + } +} + +.table-condensed > { + thead > tr > { + th, td { + padding: 5px; + } + } + tbody > tr > { + th, td { + padding: 5px; + } + } + tfoot > tr > { + th, td { + padding: 5px; + } + } +} + +.table-bordered { + border: 1px solid #eee; + > { + thead > tr > { + th, td { + border: 1px solid #eee; + } + } + tbody > tr > { + th, td { + border: 1px solid #eee; + } + } + tfoot > tr > { + th, td { + border: 1px solid #eee; + } + } + thead > tr > { + th, td { + border-bottom-width: 2px; + } + } + } +} + +.table-striped > tbody > tr:nth-child(odd) > { + td, th { + background-color: #393939; + } +} + +.table-hover > tbody > tr:hover > { + td, th { + background-color: #606060; + } +} + +table { + col[class*="col-"] { + position: static; + float: none; + display: table-column; + } + td[class*="col-"], th[class*="col-"] { + position: static; + float: none; + display: table-cell; + } +} + +.table > { + thead > tr { + > { + td.active, th.active { + background-color: #3C3C3B; + } + } + &.active > { + td, th { + background-color: #3C3C3B; + } + } + } + tbody > tr { + > { + td.active, th.active { + background-color: #3C3C3B; + } + } + &.active > { + td, th { + background-color: #3C3C3B; + } + } + } + tfoot > tr { + > { + td.active, th.active { + background-color: #3C3C3B; + } + } + &.active > { + td, th { + background-color: #3C3C3B; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.active:hover, th.active:hover { + background-color: #ec6d12; + } + } + &.active:hover > td, &:hover > .active, &.active:hover > th { + background-color: #ec6d12; + } +} + +.table > { + thead > tr { + > { + td.success, th.success { + background-color: #9BD275; + } + } + &.success > { + td, th { + background-color: #9BD275; + } + } + } + tbody > tr { + > { + td.success, th.success { + background-color: #9BD275; + } + } + &.success > { + td, th { + background-color: #9BD275; + } + } + } + tfoot > tr { + > { + td.success, th.success { + background-color: #9BD275; + } + } + &.success > { + td, th { + background-color: #9BD275; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.success:hover, th.success:hover { + background-color: #8dcc62; + } + } + &.success:hover > td, &:hover > .success, &.success:hover > th { + background-color: #8dcc62; + } +} + +.table > { + thead > tr { + > { + td.info, th.info { + background-color: #d9edf7; + } + } + &.info > { + td, th { + background-color: #d9edf7; + } + } + } + tbody > tr { + > { + td.info, th.info { + background-color: #d9edf7; + } + } + &.info > { + td, th { + background-color: #d9edf7; + } + } + } + tfoot > tr { + > { + td.info, th.info { + background-color: #d9edf7; + } + } + &.info > { + td, th { + background-color: #d9edf7; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.info:hover, th.info:hover { + background-color: #c4e3f3; + } + } + &.info:hover > td, &:hover > .info, &.info:hover > th { + background-color: #c4e3f3; + } +} + +.table > { + thead > tr { + > { + td.warning, th.warning { + background-color: #fcf8e3; + } + } + &.warning > { + td, th { + background-color: #fcf8e3; + } + } + } + tbody > tr { + > { + td.warning, th.warning { + background-color: #fcf8e3; + } + } + &.warning > { + td, th { + background-color: #fcf8e3; + } + } + } + tfoot > tr { + > { + td.warning, th.warning { + background-color: #fcf8e3; + } + } + &.warning > { + td, th { + background-color: #fcf8e3; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.warning:hover, th.warning:hover { + background-color: #faf2cc; + } + } + &.warning:hover > td, &:hover > .warning, &.warning:hover > th { + background-color: #faf2cc; + } +} + +.table > { + thead > tr { + > { + td.danger, th.danger { + background-color: #F05050; + } + } + &.danger > { + td, th { + background-color: #F05050; + } + } + } + tbody > tr { + > { + td.danger, th.danger { + background-color: #F05050; + } + } + &.danger > { + td, th { + background-color: #F05050; + } + } + } + tfoot > tr { + > { + td.danger, th.danger { + background-color: #F05050; + } + } + &.danger > { + td, th { + background-color: #F05050; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.danger:hover, th.danger:hover { + background-color: #ee3939; + } + } + &.danger:hover > td, &:hover > .danger, &.danger:hover > th { + background-color: #ee3939; + } +} + +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + /* border: 1px solid $table-border-color; */ + -webkit-overflow-scrolling: touch; + > { + .table { + margin-bottom: 0; + > { + thead > tr > { + th, td { + white-space: nowrap; + } + } + tbody > tr > { + th, td { + white-space: nowrap; + } + } + tfoot > tr > { + th, td { + white-space: nowrap; + } + } + } + } + .table-bordered { + border: 0; + > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr:last-child > { + th, td { + border-bottom: 0; + } + } + tfoot > tr:last-child > { + th, td { + border-bottom: 0; + } + } + } + } + } + } +} + +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #2d2d2d; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: normal; +} + +input { + &[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + &[type="radio"], &[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + } + &[type="file"] { + display: block; + } + &[type="range"] { + display: block; + width: 100%; + } +} + +select { + &[multiple], &[size] { + height: auto; + } +} + +input { + &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus { + outline: none; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } +} + +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857; + color: #FFFFFF; +} + +select, textarea { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + color: #FFF; + background-color: #2a2a2a; + background-image: none; + border: 1px solid #5a5a5a; + border-radius: 3px; + text-overflow: ellipsis; + max-width: 348px; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; +} + +input { + &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + color: #FFF; + background-color: #2a2a2a; + background-image: none; + border: 1px solid #5a5a5a; + border-radius: 3px; + text-overflow: ellipsis; + max-width: 348px; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + } +} + +select:hover, textarea:hover { + color: #FFF; + background-color: #2a2a2a; + border-color: #ec6d12; + outline: 0; +} + +input { + &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover { + color: #FFF; + background-color: #2a2a2a; + border-color: #ec6d12; + outline: 0; + } +} + +select:focus, textarea:focus { + color: #FFF; + border-color: #ec6d12; + background-color: #232323; + outline: 0; +} + +input { + &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus { + color: #FFF; + border-color: #ec6d12; + background-color: #232323; + outline: 0; + } +} + +select::-moz-placeholder, textarea::-moz-placeholder { + color: #777777; + opacity: 1; + filter: alpha(opacity = 100); +} + +input { + &[type="text"]::-moz-placeholder, &[type="password"]::-moz-placeholder, &[type="datetime"]::-moz-placeholder, &[type="datetime-local"]::-moz-placeholder, &[type="date"]::-moz-placeholder, &[type="month"]::-moz-placeholder, &[type="time"]::-moz-placeholder, &[type="week"]::-moz-placeholder, &[type="number"]::-moz-placeholder, &[type="email"]::-moz-placeholder, &[type="url"]::-moz-placeholder, &[type="search"]::-moz-placeholder, &[type="tel"]::-moz-placeholder, &[type="color"]::-moz-placeholder { + color: #777777; + opacity: 1; + filter: alpha(opacity = 100); + } +} + +select:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #777777; +} + +input { + &[type="text"]:-ms-input-placeholder, &[type="password"]:-ms-input-placeholder, &[type="datetime"]:-ms-input-placeholder, &[type="datetime-local"]:-ms-input-placeholder, &[type="date"]:-ms-input-placeholder, &[type="month"]:-ms-input-placeholder, &[type="time"]:-ms-input-placeholder, &[type="week"]:-ms-input-placeholder, &[type="number"]:-ms-input-placeholder, &[type="email"]:-ms-input-placeholder, &[type="url"]:-ms-input-placeholder, &[type="search"]:-ms-input-placeholder, &[type="tel"]:-ms-input-placeholder, &[type="color"]:-ms-input-placeholder { + color: #777777; + } +} + +select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #777777; +} + +input { + &[type="text"]::-webkit-input-placeholder, &[type="password"]::-webkit-input-placeholder, &[type="datetime"]::-webkit-input-placeholder, &[type="datetime-local"]::-webkit-input-placeholder, &[type="date"]::-webkit-input-placeholder, &[type="month"]::-webkit-input-placeholder, &[type="time"]::-webkit-input-placeholder, &[type="week"]::-webkit-input-placeholder, &[type="number"]::-webkit-input-placeholder, &[type="email"]::-webkit-input-placeholder, &[type="url"]::-webkit-input-placeholder, &[type="search"]::-webkit-input-placeholder, &[type="tel"]::-webkit-input-placeholder, &[type="color"]::-webkit-input-placeholder { + color: #777777; + } +} + +select { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] select { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +textarea { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="text"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="text"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="password"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="password"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="datetime"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="datetime"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="datetime-local"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="datetime-local"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="date"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="date"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="month"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="month"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="time"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="time"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="week"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="week"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="number"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="number"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="email"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="email"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="url"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="url"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="search"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="search"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="tel"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="tel"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +input[type="color"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; + } +} + +fieldset[disabled] input[type="color"] { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border-color: #ffffff; +} + +select { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +textarea { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover textarea:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="text"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="text"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="password"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="password"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="datetime"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="datetime"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="datetime-local"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="datetime-local"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="date"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="date"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="month"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="month"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="time"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="time"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="week"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="week"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="number"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="number"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="email"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="email"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="url"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="url"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="search"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="search"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="tel"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="tel"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="color"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="color"]:hover { + cursor: not-allowed; + background-color: #686868; + opacity: 0.8; + filter: alpha(opacity = 80); + border: 1px solid #ffffff; + -webkit-box-shadow: none; + box-shadow: none; +} + +textarea { + height: auto; +} + +input { + &[type="search"] { + -webkit-appearance: none; + } + &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] { + line-height: 34px; + line-height: 1.42857 \0; + } + &[type="date"].input-sm { + line-height: 30px; + } +} + +.form-horizontal .form-group-sm input[type="date"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="date"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="date"].btn { + line-height: 30px; + } +} + +input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="time"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="time"].btn { + line-height: 30px; + } +} + +input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="datetime-local"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="datetime-local"].btn { + line-height: 30px; + } +} + +input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="month"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="month"].btn { + line-height: 30px; + } +} + +input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="date"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="date"].btn { + line-height: 46px; + } +} + +input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="time"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="time"].btn { + line-height: 46px; + } +} + +input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="datetime-local"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="datetime-local"].btn { + line-height: 46px; + } +} + +input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="month"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="month"].btn { + line-height: 46px; + } +} + +.form-group { + margin-bottom: 15px; +} + +.radio, .checkbox { + position: relative; + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; +} + +.radio label, .checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} + +.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, .checkbox + .checkbox { + margin-top: -5px; +} + +.radio-inline, .checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} + +.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +input[type="radio"] { + &[disabled], &.disabled { + cursor: not-allowed; + } +} + +fieldset[disabled] input[type="radio"] { + cursor: not-allowed; +} + +input[type="checkbox"] { + &[disabled], &.disabled { + cursor: not-allowed; + } +} + +fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { + cursor: not-allowed; +} + +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; + &.input-lg { + padding-left: 0; + padding-right: 0; + } +} + +.form-horizontal .form-group-lg .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-group-lg > { + .form-control-static { + &.form-control, &.input-group-addon { + padding-left: 0; + padding-right: 0; + } + } + .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; + } +} + +.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-group-sm > { + .form-control-static { + &.form-control, &.input-group-addon { + padding-left: 0; + padding-right: 0; + } + } + .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; + } +} + +.input-sm, .form-horizontal .form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.input-group-sm > { + .form-control, .input-group-addon, .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } +} + +select.input-sm, .form-horizontal .form-group-sm select.form-control { + height: 30px; + line-height: 30px; +} + +.input-group-sm > { + select { + &.form-control, &.input-group-addon { + height: 30px; + line-height: 30px; + } + } + .input-group-btn > select.btn { + height: 30px; + line-height: 30px; + } +} + +textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control { + height: auto; +} + +.input-group-sm > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > textarea.btn { + height: auto; + } +} + +select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control { + height: auto; +} + +.input-group-sm > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.input-lg, .form-horizontal .form-group-lg .form-control { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +.input-group-lg > { + .form-control, .input-group-addon, .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; + } +} + +select.input-lg, .form-horizontal .form-group-lg select.form-control { + height: 46px; + line-height: 46px; +} + +.input-group-lg > { + select { + &.form-control, &.input-group-addon { + height: 46px; + line-height: 46px; + } + } + .input-group-btn > select.btn { + height: 46px; + line-height: 46px; + } +} + +textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control { + height: auto; +} + +.input-group-lg > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > textarea.btn { + height: auto; + } +} + +select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control { + height: auto; +} + +.input-group-lg > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.has-feedback { + position: relative; + .form-control { + padding-right: 42.5px; + } +} + +.form-control-feedback { + position: absolute; + top: 25px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} + +.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; +} + +.input-group-lg > { + .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; + } +} + +.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; +} + +.input-group-sm > { + .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; + } +} + +.has-success { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #9BD275; + } + .form-control { + border-color: #9BD275; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + &:focus { + border-color: #7fc54f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; + } + } + .input-group-addon { + color: #9BD275; + border-color: #9BD275; + background-color: #9BD275; + } + .form-control-feedback { + color: #9BD275; + } +} + +.has-warning { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #f0ad4e; + } + .form-control { + border-color: #f0ad4e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + &:focus { + border-color: #ec971f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; + } + } + .input-group-addon { + color: #f0ad4e; + border-color: #f0ad4e; + background-color: #fcf8e3; + } + .form-control-feedback { + color: #f0ad4e; + } +} + +.has-error { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #FF441D; + } + .form-control { + border-color: #FC2E03; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + &:focus { + border-color: #FC2E03; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; + } + } + .input-group-addon { + color: #F05050; + border-color: #F05050; + background-color: #F05050; + } + .form-control-feedback { + color: #F05050; + } +} + +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; +} + +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #7c7c7a; +} + +@media (min-width: 768px) { + .form-inline .form-group, .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control, .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group, .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { + width: 100%; + } + .form-inline .control-label, .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} + +.form-horizontal { + .radio, .checkbox, .radio-inline, .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; + } + .radio, .checkbox { + min-height: 27px; + } + .form-group { + margin-left: -20px; + margin-right: -20px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + } + .has-feedback control-feedback { + top: 0; + right: 20px; + } +} + +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px; + } +} + +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px; + } +} + +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + } +} + +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #FFFFFF; + background-color: #2a2a2a; + border: 1px solid #5a5a5a; + outline: 0; + &:active, &.active { + color: #FF7D1E; + background-color: #2d2d2d; + outline: 0; + border-color: #5a5a5a; + text-decoration: none; + } +} + +.open > .btn.dropdown-toggle { + color: #FF7D1E; + background-color: #2d2d2d; + outline: 0; + border-color: #5a5a5a; + text-decoration: none; +} + +.btn { + &:hover, &:focus { + background-color: #292929; + color: #FFF; + text-decoration: none; + border: 1px solid #ec6d12; + } + &:active, &.active { + background-image: none; + outline: 0; + } +} + +.open > .btn.dropdown-toggle { + background-image: none; + outline: 0; +} + +.btn { + &.disabled { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } + } + &[disabled] { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } + } +} + +fieldset[disabled] .btn { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } +} + +.btn { + .badge { + color: #FFFFFF; + background-color: #3e3e3e; + } + &:focus, &:active:focus, &.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: 0; + } + &:active, &.active { + outline: 0; + } + &.disabled, &[disabled] { + cursor: not-allowed; + pointer-events: none; + opacity: 0.30; + filter: alpha(opacity = 30); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.30; + filter: alpha(opacity = 30); + -webkit-box-shadow: none; + box-shadow: none; +} + +.act_flush { + &:hover, &:focus { + color: #fff; + background-color: #2d2d2d; + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.btn-default { + &:active, &.active { + background-image: none; + outline: 0; + } +} + +.open > .btn-default.dropdown-toggle { + background-image: none; + outline: 0; +} + +.btn-default { + &.disabled { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } + } + &[disabled] { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } + } +} + +fieldset[disabled] .btn-default { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.btn-default .badge { + color: #FFFFFF; + background-color: #3e3e3e; + outline: 0; +} + +.btn-primary { + color: #fff; + background-color: #DE7313; + border: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #292929; + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #292929; + border-color: 1px solid #1d1d1d; + outline: 0; +} + +.btn-primary { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-primary.dropdown-toggle { + background-image: none; +} + +.btn-primary { + &.disabled { + background-color: #ec6d12; + border-color: #323232; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #ec6d12; + border-color: #323232; + outline: 0; + } + } + &[disabled] { + background-color: #ec6d12; + border-color: #323232; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #ec6d12; + border-color: #323232; + outline: 0; + } + } +} + +fieldset[disabled] .btn-primary { + background-color: #ec6d12; + border-color: #323232; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #ec6d12; + border-color: #323232; + outline: 0; + } +} + +.btn-primary .badge { + color: #ec6d12; + background-color: #fff; +} + +.btn-success { + color: #fff; + background-color: #9BD275; + border-color: #323232; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #7fc54f; + border-color: #6db53b; + outline: 0; + } +} + +.open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #7fc54f; + border-color: #6db53b; + outline: 0; +} + +.btn-success { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-success.dropdown-toggle { + background-image: none; +} + +.btn-success { + &.disabled { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } + } + &[disabled] { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } + } +} + +fieldset[disabled] .btn-success { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } +} + +.btn-success .badge { + color: #9BD275; + background-color: #fff; +} + +.btn-info { + color: #fff; + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #8db7cb; + border-color: #74a7c0; + } +} + +.open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #8db7cb; + border-color: #74a7c0; +} + +.btn-info { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-info.dropdown-toggle { + background-image: none; +} + +.btn-info { + &.disabled { + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } + } + &[disabled] { + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } + } +} + +fieldset[disabled] .btn-info { + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } +} + +.btn-info .badge { + color: #B0CDDB; + background-color: #fff; +} + +.btn-warning { + color: #fff; + background-color: #DE7313; + border-color: #1d1d1d; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #292929; + border: 1px solid #ec6d12; + } +} + +.open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #292929; + border: 1px solid #ec6d12; +} + +.btn-warning { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-warning.dropdown-toggle { + background-image: none; +} + +.btn-warning { + &.disabled { + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } + } + &[disabled] { + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } + } +} + +fieldset[disabled] .btn-warning { + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } +} + +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} + +.btn-danger { + color: #fff; + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #ec2121; + border-color: #d71212; + } +} + +.open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #ec2121; + border-color: #d71212; +} + +.btn-danger { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-danger.dropdown-toggle { + background-image: none; +} + +.btn-danger { + &.disabled { + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } + } + &[disabled] { + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } + } +} + +fieldset[disabled] .btn-danger { + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } +} + +.btn-danger .badge { + color: #F05050; + background-color: #fff; +} + +.btn-link { + color: #ec6d12; + font-weight: normal; + cursor: pointer; + border-radius: 0; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + &:active, &[disabled] { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link { + border-color: transparent; + &:hover, &:focus, &:active { + border-color: transparent; + } + &:hover, &:focus { + color: #9f4d03; + text-decoration: underline; + background-color: transparent; + } + &[disabled] { + &:hover, &:focus { + color: #777777; + text-decoration: none; + } + } +} + +fieldset[disabled] .btn-link { + &:hover, &:focus { + color: #777777; + text-decoration: none; + } +} + +.btn-lg, .btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-xs, .btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + + .btn-block { + margin-top: 5px; + } +} + +input { + &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block { + width: 100%; + } +} + +.fade { + opacity: 0; + filter: alpha(opacity = 0); + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + &.in { + opacity: 1; + filter: alpha(opacity = 100); + } +} + +.collapse { + display: none; + &.in { + display: block; + } +} + +tr.collapse.in { + display: table-row; +} + +tbody.collapse.in { + display: table-row-group; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.dropdown { + position: relative; +} + +.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; + list-style: none; + font-size: 14px; + text-align: left; + background-color: #2a2a2a; + border-left: 1px solid #575757; + border-right: 1px solid #575757; + border-bottom: 1px solid #575757; + border-radius: 3px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; + &.pull-right { + right: 0; + left: auto; + background-color: #e5e5e5; + } + .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + > { + li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857; + color: #FFFFFF; + white-space: nowrap; + outline: 0; + &:hover, &:focus { + text-decoration: none; + color: #FFFFFF; + background-color: #ec6d12; + } + } + .active > a { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #ec6d12; + &:hover, &:focus { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #ec6d12; + } + } + .disabled > a { + color: #777777; + &:hover, &:focus { + color: #777777; + } + &:hover, &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; + } + } + } +} + +.open > { + .dropdown-menu { + display: block; + } + a { + outline: 0; + } +} + +.dropdown-menu-right { + left: auto; + right: 0; +} + +.dropdown-menu-left { + left: 0; + right: auto; +} + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857; + color: #777777; + white-space: nowrap; +} + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} + +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +@media (min-width: 768px) { + .navbar-right { + .dropdown-menu { + right: 0; + left: auto; + } + .dropdown-menu-left { + left: 0; + right: auto; + } + } +} + +.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 { + &:hover, &:focus, &:active, &.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + } +} + +.btn-group-vertical > .btn { + &:hover, &:focus, &:active, &.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + } +} + +.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { + outline: 0; +} + +.btn-group { + .btn + { + .btn, .btn-group { + margin-left: -1px; + } + } + .btn-group + { + .btn, .btn-group { + margin-left: -1px; + } + } +} + +.btn-toolbar { + margin-left: -5px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + .btn-group, .input-group { + float: left; + } + > { + .btn, .btn-group, .input-group { + margin-left: 5px; + } + } +} + +.btn-group { + > { + .btn { + &:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; + } + &:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + &:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + .btn-group { + float: left; + &:not(:first-child):not(:last-child) > .btn { + border-radius: 0; + } + &:first-child > { + .btn:last-child, .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + &:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + } + .dropdown-toggle { + &:active, &:hover { + outline: 0; + color: #FFFFFF; + background-color: #2a2a2a; + border-color: #ec6d12; + -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + } + } + &.open .dropdown-toggle { + outline: 0; + color: #FFFFFF; + background-color: #2a2a2a; + border-color: #ec6d12; + -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + } + > { + .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + } + .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + } + } +} + +.btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + &.btn-link { + -webkit-box-shadow: none; + box-shadow: none; + } +} + +.btn .caret { + margin-left: 0; +} + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} + +.dropup { + .btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 0 5px 5px; + } +} + +.btn-group-vertical > { + .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + .btn-group { + display: block; + float: none; + width: 100%; + max-width: 100%; + > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + > .btn { + float: none; + } + } + .btn + { + .btn, .btn-group { + margin-top: -1px; + margin-left: 0; + } + } + .btn-group + { + .btn, .btn-group { + margin-top: -1px; + margin-left: 0; + } + } + .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child:not(:first-child) { + border-bottom-left-radius: 3px; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + } + .btn-group { + &:not(:first-child):not(:last-child) > .btn { + border-radius: 0; + } + &:first-child:not(:last-child) > { + .btn:last-child, .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + } + &:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + } +} + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > { + .btn { + float: none; + display: table-cell; + width: 1%; + } + .btn-group { + float: none; + display: table-cell; + width: 1%; + .btn { + width: 100%; + } + .dropdown-menu { + left: auto; + } + } + } +} + +[data-toggle="buttons"] > .btn > input { + &[type="radio"], &[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity = 0); + } +} + +.input-group { + position: relative; + display: table; + border-collapse: separate; + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + .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: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #ccc; + border-radius: 3px; + &.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + } +} + +.form-horizontal .form-group-sm .input-group-addon.form-control { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} + +.input-group-sm > { + .input-group-addon, .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + } +} + +.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} + +.input-group-lg > { + .input-group-addon, .input-group-btn > .input-group-addon.btn { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; + } +} + +.input-group-addon input { + &[type="radio"], &[type="checkbox"] { + margin-top: 0; + } +} + +.input-group .form-control:first-child, .input-group-addon:first-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.input-group-btn { + &:first-child > { + .btn, .btn-group > .btn, .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + &:last-child > { + .btn:not(:last-child):not(.dropdown-toggle), .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 { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group-btn { + &:last-child > { + .btn, .btn-group > .btn, .dropdown-toggle { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + &:first-child > { + .btn:not(: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; + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + &:hover, &:focus, &:active { + z-index: 2; + } + } + &:first-child > { + .btn, .btn-group { + margin-right: -1px; + } + } + &:last-child > { + .btn, .btn-group { + margin-left: -1px; + } + } +} + +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + > li { + position: relative; + display: block; + > a { + position: relative; + display: block; + padding: 10px 15px; + background-color: #3e3e3e; + color: #929292; + border-left: 1px solid #565656; + border-right: 1px solid #565656; + border-top: 1px solid #565656; + border-bottom: 1px solid #565656; + } + } +} + +.nav-tabs > li > a { + position: relative; + display: block; + padding: 10px 15px; + background-color: #3e3e3e; + color: #929292; + border-left: 1px solid #565656; + border-right: 1px solid #565656; + border-top: 1px solid #565656; + border-bottom: 1px solid #565656; +} + +.nav > li { + &#menu_messages { + > a { + position: relative; + display: block; + padding: none; + color: #ec6d12; + background-color: transparent; + border: none; + } + > a:hover { + text-decoration: underline; + } + } + > a { + &:hover, &:focus { + text-decoration: none; + background-color: #2d2d2d; + color: #ec6d12; + } + } +} + +a:focus { + text-decoration: underline; +} + +.nav { + > li.disabled > a { + color: #777777; + &:hover, &:focus { + color: #777777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; + } + } + .open > a { + background-color: #393939; + cursor: pointer; + &:hover, &:focus { + background-color: #393939; + cursor: pointer; + } + } + .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + > li > a > img { + max-width: none; + } +} + +.nav-tabs { + margin-right: 1px; + > li { + float: left; + margin-bottom: -1px; + > a { + margin-right: 2px; + line-height: 1.42857; + border-radius: 3px 3px 0 0; + cursor: pointer; + &:hover { + border-color: #4e4e4e #4e4e4e #4e4e4e; + } + } + &.active > a { + color: #ec6d12; + background-color: #2a2a2a; + border: 1px solid #6b6a6a; + border-bottom-color: transparent; + cursor: pointer; + &:hover, &:focus { + color: #ec6d12; + background-color: #2a2a2a; + border: 1px solid #6b6a6a; + border-bottom-color: transparent; + cursor: pointer; + } + } + } +} + +.nav-pills > li { + float: left; + > a { + border-radius: 0; + } + &.active > a { + color: #fff; + background-color: #ec6d12; + &:hover, &:focus { + color: #fff; + background-color: #ec6d12; + } + } +} + +.nav-stacked > li { + float: none; + + li { + margin-top: 2px; + margin-left: 0; + } +} + +.nav-justified, .nav-tabs.nav-justified { + width: 100%; +} + +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; +} + +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: left; + margin-bottom: 5px; +} + +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} + +@media (min-width: 768px) { + .nav-justified > li, .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} + +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0; +} + +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 3px; +} + +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #656565; +} + +@media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #656565; + border-radius: 3px 3px 0 0; + } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: transparent; + } +} + +.tab-content > { + .tab-pane { + display: none; + } + .active { + display: block; + } +} + +.tab-pane .content-box { + border: none !important; + box-shadow: none; + -webkit-box-shadow: none; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; + cursor: pointer; +} + +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 0; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .navbar { + border-radius: 0; + } +} + +.navbar-header { + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} + +.navbar-collapse { + overflow-x: visible; + padding-right: 20px; + padding-left: 20px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + &.in { + overflow-y: auto; + } +} + +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + &.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + &.in { + overflow-y: visible; + } + } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} + +.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} + +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} + +.container > { + .navbar-header, .navbar-collapse { + margin-right: -20px; + margin-left: -20px; + } +} + +.container-fluid > { + .navbar-header, .navbar-collapse { + margin-right: -20px; + margin-left: -20px; + } +} + +@media (min-width: 768px) { + .container > { + .navbar-header, .navbar-collapse { + margin-right: 0; + margin-left: 0; + } + } + .container-fluid > { + .navbar-header, .navbar-collapse { + margin-right: 0; + margin-left: 0; + } + } +} + +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} + +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} + +.navbar-fixed-top, .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +@media (min-width: 768px) { + .navbar-fixed-top, .navbar-fixed-bottom { + border-radius: 0; + } +} + +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} + +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} + +.navbar-brand { + float: left; + padding: 15px 20px; + font-size: 18px; + height: 50px; + &:hover, &:focus { + text-decoration: none; + } +} + +@media (min-width: 768px) { + .navbar > { + .container .navbar-brand, .container-fluid .navbar-brand { + margin-left: -20px; + } + } +} + +.navbar-toggle { + position: relative; + float: left; + margin-right: 20px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 3px; + &:focus { + outline: 0; + } + .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; + + .icon-bar { + margin-top: 4px; + } + } +} + +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} + +.navbar-nav { + margin: 7.5px -20px; + > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; + } +} + +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + > li > a, .dropdown-header { + padding: 5px 15px 5px 25px; + } + > li > a { + line-height: 20px; + &:hover, &:focus { + background-image: none; + } + } + } +} + +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + > li { + float: left; + > a { + padding-top: 15px; + padding-bottom: 15px; + } + } + &.navbar-right:last-child { + margin-right: -20px; + } + } +} + +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} + +.navbar-form { + margin-left: -20px; + margin-right: -20px; + padding: 10px 0px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 8px; + margin-bottom: 8px; +} + +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} + +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + &.navbar-right:last-child { + margin-right: -20px; + } + } +} + +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px; + &.btn-sm { + margin-top: 10px; + margin-bottom: 10px; + } +} + +.btn-group-sm > .navbar-btn.btn { + margin-top: 10px; + margin-bottom: 10px; +} + +.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { + margin-top: 14px; + margin-bottom: 14px; +} + +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} + +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 20px; + margin-right: 20px; + &.navbar-right:last-child { + margin-right: 0; + } + } +} + +.navbar-default { + background-color: transparent; + border-color: none; + .navbar-brand { + color: #F7F7F7; + &:hover, &:focus { + color: #dedede; + background-color: transparent; + } + } + .navbar-text { + color: #F7F7F7; + } + .navbar-nav > { + li > a { + color: #F7F7F7; + &:hover, &:focus { + color: #ec6d12; + background-color: transparent; + } + } + .active > a { + color: #555; + background-color: #2b2b2b; + &:hover, &:focus { + color: #555; + background-color: #2b2b2b; + } + } + .disabled > a { + color: #ccc; + background-color: transparent; + &:hover, &:focus { + color: #ccc; + background-color: transparent; + } + } + } + .navbar-toggle { + border-color: #FFF; + &:hover, &:focus { + background-color: #555; + } + .icon-bar { + background-color: #FFF; + } + } + .navbar-nav > .open > a { + background-color: #2b2b2b; + color: #555; + &:hover, &:focus { + background-color: #2b2b2b; + color: #555; + } + } + .navbar-link { + color: #F7F7F7; + &:hover { + color: #ec6d12; + } + } + .btn-link { + color: #F7F7F7; + &:hover, &:focus { + color: #ec6d12; + } + &[disabled] { + &:hover, &:focus { + color: #ccc; + } + } + } +} + +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > { + li > a { + color: #F7F7F7; + &:hover, &:focus { + color: #ec6d12; + background-color: transparent; + } + } + .active > a { + color: #555; + background-color: #2b2b2b; + &:hover, &:focus { + color: #555; + background-color: #2b2b2b; + } + } + .disabled > a { + color: #ccc; + background-color: transparent; + &:hover, &:focus { + color: #ccc; + background-color: transparent; + } + } + } +} + +fieldset[disabled] .navbar-default .btn-link { + &:hover, &:focus { + color: #ccc; + } +} + +.navbar-inverse { + background-color: #222; + border-color: #090909; + .navbar-brand { + color: #777777; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .navbar-text { + color: #777777; + } + .navbar-nav > { + li > a { + color: #777777; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .active > a { + color: #fff; + background-color: #090909; + &:hover, &:focus { + color: #fff; + background-color: #090909; + } + } + .disabled > a { + color: #3e3e3e; + background-color: transparent; + &:hover, &:focus { + color: #3e3e3e; + background-color: transparent; + } + } + } + .navbar-toggle { + border-color: #2d2d2d; + &:hover, &:focus { + background-color: #2d2d2d; + } + .icon-bar { + background-color: #fff; + } + } + .navbar-collapse, .navbar-form { + border-color: #101010; + } + .navbar-nav > .open > a { + background-color: #090909; + color: #fff; + &:hover, &:focus { + background-color: #090909; + color: #fff; + } + } + .navbar-link { + color: #777777; + &:hover { + color: #fff; + } + } + .btn-link { + color: #777777; + &:hover, &:focus { + color: #fff; + } + &[disabled] { + &:hover, &:focus { + color: #3e3e3e; + } + } + } +} + +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu { + > .dropdown-header { + border-color: #090909; + } + .divider { + background-color: #090909; + } + > { + li > a { + color: #777777; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .active > a { + color: #fff; + background-color: #090909; + &:hover, &:focus { + color: #fff; + background-color: #090909; + } + } + .disabled > a { + color: #3e3e3e; + background-color: transparent; + &:hover, &:focus { + color: #3e3e3e; + background-color: transparent; + } + } + } + } +} + +fieldset[disabled] .navbar-inverse .btn-link { + &:hover, &:focus { + color: #3e3e3e; + } +} + +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 3px; + > { + li { + display: inline-block; + + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; + } + } + .active { + color: #777777; + } + } +} + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 3px; + > { + li { + display: inline; + > { + a, span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857; + text-decoration: none; + color: #FFFFFF; + background-color: #505050; + border: 1px solid #303030; + margin-left: -1px; + cursor: pointer; + } + } + &:first-child > { + a, span { + margin-left: 0; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + } + } + &:last-child > { + a, span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + } + } + > { + a { + &:hover, &:focus { + color: #FFFFFF; + background-color: #ec6d12; + border-color: #303030; + } + } + span { + &:hover, &:focus { + color: #FFFFFF; + background-color: #ec6d12; + border-color: #303030; + } + } + } + } + .active > { + a { + z-index: 2; + color: #FFFFFF; + background-color: #ec6d12; + border-color: #1d1d1d; + cursor: default; + &:hover, &:focus { + z-index: 2; + color: #FFFFFF; + background-color: #ec6d12; + border-color: #1d1d1d; + cursor: default; + } + } + span { + z-index: 2; + color: #FFFFFF; + background-color: #ec6d12; + border-color: #1d1d1d; + cursor: default; + &:hover, &:focus { + z-index: 2; + color: #FFFFFF; + background-color: #ec6d12; + border-color: #1d1d1d; + cursor: default; + } + } + } + .disabled > { + span { + color: #000; + background-color: #eee; + border-color: #1d1d1d; + cursor: not-allowed; + &:hover, &:focus { + color: #000; + background-color: #eee; + border-color: #1d1d1d; + cursor: not-allowed; + } + } + a { + color: #000; + background-color: #eee; + border-color: #1d1d1d; + cursor: not-allowed; + &:hover, &:focus { + color: #000; + background-color: #eee; + border-color: #1d1d1d; + cursor: not-allowed; + } + } + } + } +} + +.pagination-lg > li { + > { + a, span { + padding: 10px 16px; + font-size: 18px; + } + } + &:first-child > { + a, span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; + } + } + &:last-child > { + a, span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; + } + } +} + +.pagination-sm > li { + > { + a, span { + padding: 5px 10px; + font-size: 12px; + } + } + &:first-child > { + a, span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + } + } + &:last-child > { + a, span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + } + } +} + +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + li { + display: inline; + > { + a, span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; + } + a { + &:hover, &:focus { + text-decoration: none; + background-color: #eeeeee; + } + } + } + } + .next > { + a, span { + float: right; + } + } + .previous > { + a, span { + float: left; + } + } + .disabled > { + a { + color: #777777; + background-color: #fff; + cursor: not-allowed; + &:hover, &:focus { + color: #777777; + background-color: #fff; + cursor: not-allowed; + } + } + span { + color: #777777; + background-color: #fff; + cursor: not-allowed; + } + } +} + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + &:empty { + display: none; + } +} + +.btn .label { + position: relative; + top: -1px; +} + +a.label { + &:hover, &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} + +.label-default { + background-color: #777777; + &[href] { + &:hover, &:focus { + background-color: #5e5e5e; + border-color: #323232; + } + } +} + +.label-primary { + background-color: #ec6d12; + &[href] { + &:hover, &:focus { + background-color: #b85904; + } + } +} + +.label-success { + background-color: #46A50C; + border-color: #323232; + &[href] { + &:hover, &:focus { + background-color: #7fc54f; + border-color: #323232; + } + } +} + +.label-info { + background-color: #B0CDDB; + &[href] { + &:hover, &:focus { + background-color: #8db7cb; + border-color: #323232; + } + } +} + +.label-warning { + background-color: #f0ad4e; + &[href] { + &:hover, &:focus { + background-color: #ec971f; + border-color: #323232; + } + } +} + +.label-danger { + background-color: #CE2804; + &[href] { + &:hover, &:focus { + background-color: #ec2121; + border-color: #323232; + } + } +} + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #fff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #777777; + border-radius: 10px; + &:empty { + display: none; + } +} + +.btn .badge { + position: relative; + top: -1px; +} + +.btn-xs .badge, .btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; +} + +a.list-group-item.active > .badge { + color: #ec6d12; + background-color: #fff; +} + +.nav-pills > { + .active > a > .badge { + color: #ec6d12; + background-color: #fff; + } + li > a > .badge { + margin-left: 3px; + } +} + +a.badge { + &:hover, &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; + h1, .h1 { + color: inherit; + } + p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; + } + > hr { + border-top-color: #d5d5d5; + } +} + +.container .jumbotron { + border-radius: 6px; +} + +.jumbotron .container { + max-width: 100%; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron { + h1, .h1 { + font-size: 63px; + } + } +} + +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + > img, a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto; + } + .caption { + padding: 9px; + color: #3C3C3B; + } +} + +a.thumbnail { + &:hover, &:focus, &.active { + border-color: #ec6d12; + } +} + +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 3px; + h4 { + margin-top: 0; + color: inherit; + } + .alert-link { + font-weight: bold; + } + > { + p, ul { + margin-bottom: 0; + } + p + p { + margin-top: 5px; + } + } +} + +.alert-dismissable, .alert-dismissible { + padding-right: 35px; +} + +.alert-dismissable .close, .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} + +.alert-success { + background-color: #9BD275; + border-color: #9BD275; + color: #66aa37; + hr { + border-top-color: #8dcc62; + } + .alert-link { + color: #72bd3e; + } +} + +.alert-info { + background-color: #424242; + border-color: #515151; + color: #ffffff; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + hr { + border-top-color: #B13116; + } + .alert-link { + color: #B13116; + } +} + +.alert-warning { + background-color: #202020; + border-color: #b13116; + color: #FFF; + hr { + border-top-color: #f7e1b5; + } + .alert-link { + color: #df8a13; + } +} + +.alert-danger { + background-color: #202020; + border-color: #B13116; + color: #FFFFFF !important; + hr { + border-top-color: #B13116; + } + .alert-link { + color: #B13116; + } +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + + to { + background-position: 0 0; + } +} + + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + + to { + background-position: 0 0; + } +} + + +.progress { + overflow: hidden; + height: 20px; + background-color: #3c3c3b; + border-radius: 3px; + position: relative; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 2px rgb(41, 41, 41); +} + +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #ec6d12; + position: relative; + z-index: 2; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar, .progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} + +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar { + &.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; + } + &[aria-valuenow="1"], &[aria-valuenow="2"] { + min-width: 30px; + } + &[aria-valuenow="0"] { + color: #777777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none; + } +} + +.progress-bar-success { + background-color: #46A50C; +} + +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-info { + background-color: #CF5203; +} + +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-warning { + background-color: #CCB717; + color: #FFFFFF !important; +} + +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-danger { + background-color: #cf3624; +} + +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.media, .media-body { + overflow: hidden; + zoom: 1; +} + +.media { + margin-top: 15px; + .media { + margin-top: 15px; + } + &:first-child { + margin-top: 0; + } +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > { + .pull-left { + margin-right: 10px; + } + .pull-right { + margin-left: 10px; + } +} + +.media-list { + padding-left: 0; + list-style: none; +} + +.list-group { + margin-bottom: 20px; + padding-left: 0; +} + +.list-group-item { + position: relative; + display: block; + padding: 6px 8px; + margin-bottom: -1px; + background-color: #3E3E3E; + &:last-child { + margin-bottom: 0; + } + > .badge { + float: right; + + .badge { + margin-right: 5px; + } + } +} + +a.list-group-item { + color: #FFFFFF; + border-radius: 0; + outline: 0; + .list-group-item-heading { + color: #2d2d2d; + } + &:hover, &:focus { + text-decoration: none; + color: #ec6d12; + background-color: #2a2a2a; + } + &:hover:before, &:focus:before { + background: #FFFFFF; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0; + width: 3px; + } +} + +.list-group-item { + &.disabled { + background-color: #eeeeee; + color: #777777; + &:hover, &:focus { + background-color: #eeeeee; + color: #777777; + } + .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading { + color: inherit; + } + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { + color: #777777; + } + } + &.active { + z-index: 2; + &:hover, &:focus { + z-index: 2; + } + &:before, &:hover:before, &:focus:before { + background: #ec6d12; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; + } + .list-group-item-heading { + color: inherit; + > { + small, .small { + color: inherit; + } + } + } + &:hover .list-group-item-heading { + color: inherit; + > { + small, .small { + color: inherit; + } + } + } + &:focus .list-group-item-heading { + color: inherit; + > { + small, .small { + color: inherit; + } + } + } + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { + color: #fedcbd; + } + + .collapse > .list-group-item:before, &:hover + .collapse > .list-group-item:before, &:focus + .collapse > .list-group-item:before { + background: #ec6d12; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; + } + } +} + +.list-group-item-success { + color: #9BD275; + background-color: #9BD275; +} + +a.list-group-item-success { + color: #9BD275; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #9BD275; + background-color: #8dcc62; + } + &.active { + color: #fff; + background-color: #9BD275; + border-color: #9BD275; + &:hover, &:focus { + color: #fff; + background-color: #9BD275; + border-color: #9BD275; + } + } +} + +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} + +a.list-group-item-info { + color: #31708f; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #31708f; + background-color: #c4e3f3; + } + &.active { + color: #fff; + background-color: #31708f; + border-color: #31708f; + &:hover, &:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; + } + } +} + +.list-group-item-warning { + color: #f0ad4e; + background-color: #fcf8e3; +} + +a.list-group-item-warning { + color: #f0ad4e; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #f0ad4e; + background-color: #faf2cc; + } + &.active { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; + &:hover, &:focus { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; + } + } +} + +.list-group-item-danger { + color: #F05050; + background-color: #F05050; +} + +a.list-group-item-danger { + color: #F05050; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #F05050; + background-color: #ee3939; + } + &.active { + color: #fff; + background-color: #F05050; + border-color: #F05050; + &:hover, &:focus { + color: #fff; + background-color: #F05050; + border-color: #F05050; + } + } +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +.panel { + border: 1px solid #515151; + margin-bottom: 20px; +} + +.panel-body { + padding: 15px; + background-color: #3c3c3c; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid #515151; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + background-color: #2D2D2D !important; + > .dropdown .dropdown-toggle { + color: inherit; + } +} + +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; + > a { + color: inherit; + } +} + +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.panel > .list-group { + margin-bottom: 0; + .list-group-item { + border-width: 1px 0; + border-radius: 0; + } + &:first-child .list-group-item:first-child { + border-top: 0; + } + &:last-child .list-group-item:last-child { + border-bottom: 0; + } +} + +.panel-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer { + border-top-width: 0; +} + +.panel > { + .table, .table-responsive > .table, .panel-collapse > .table { + margin-bottom: 0; + } + .table:first-child, .table-responsive:first-child > .table:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; + } + .table:first-child > { + thead:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + } + .table-responsive:first-child > .table:first-child > { + thead:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + } + .table:first-child > { + thead:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + } + .table-responsive:first-child > .table:first-child > { + thead:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + } + .table:last-child, .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + .table:last-child > { + tbody:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + } + .table-responsive:last-child > .table:last-child > { + tbody:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + } + .table:last-child > { + tbody:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + } + .table-responsive:last-child > .table:last-child > { + tbody:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + } + .panel-body + { + .table, .table-responsive { + border-top: 1px solid #eee; + } + } + .table > tbody:first-child > tr:first-child { + th, td { + border-top: 0; + } + } + .table-bordered, .table-responsive > .table-bordered { + border: 0; + } + .table-bordered > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + } + .table-responsive > .table-bordered > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + } + .table-bordered > { + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + } + .table-responsive > .table-bordered > { + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + } + .table-bordered > { + thead > tr:first-child > { + td, th { + border-bottom: 0; + } + } + tbody > tr:first-child > { + td, th { + border-bottom: 0; + } + } + } + .table-responsive > .table-bordered > { + thead > tr:first-child > { + td, th { + border-bottom: 0; + } + } + tbody > tr:first-child > { + td, th { + border-bottom: 0; + } + } + } + .table-bordered > { + tbody > tr:last-child > { + td, th { + border-bottom: 0; + } + } + tfoot > tr:last-child > { + td, th { + border-bottom: 0; + } + } + } + .table-responsive { + > .table-bordered > { + tbody > tr:last-child > { + td, th { + border-bottom: 0; + } + } + tfoot > tr:last-child > { + td, th { + border-bottom: 0; + } + } + } + border: 0; + margin-bottom: 0; + } +} + +.panel-group { + margin-bottom: 20px; + .panel { + margin-bottom: 0; + border-radius: 3px; + + .panel { + margin-top: 5px; + } + } + .panel-heading { + border-bottom: 0; + + .panel-collapse > .panel-body { + border-top: 1px solid #ddd; + } + } + .panel-footer { + border-top: 0; + + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; + } + } +} + +.panel-default { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + > { + .panel-heading { + color: #fff; + border-color: #515151; + + .panel-collapse > .panel-body { + border-top-color: #515151; + } + .badge { + color: #f5f5f5; + background-color: #2d2d2d; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #515151; + } + } +} + +.panel-primary { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + > { + .panel-heading { + color: #fff; + + .panel-collapse > .panel-body { + border-top-color: #ec6d12; + } + .badge { + color: #ec6d12; + background-color: #fff; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ec6d12; + } + } +} + +.panel-success { + border-color: #9BD275; + > { + .panel-heading { + color: #9BD275; + background-color: #9BD275; + border-color: #9BD275; + + .panel-collapse > .panel-body { + border-top-color: #9BD275; + } + .badge { + color: #9BD275; + background-color: #9BD275; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #9BD275; + } + } +} + +.panel-info { + border-color: #bce8f1; + > { + .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; + + .panel-collapse > .panel-body { + border-top-color: #bce8f1; + } + .badge { + color: #d9edf7; + background-color: #31708f; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #bce8f1; + } + } +} + +.panel-warning { + border-color: #faebcc; + > { + .panel-heading { + color: #f0ad4e; + background-color: #fcf8e3; + border-color: #faebcc; + + .panel-collapse > .panel-body { + border-top-color: #faebcc; + } + .badge { + color: #fcf8e3; + background-color: #f0ad4e; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; + } + } +} + +.panel-danger { + border-color: #F05050; + > { + .panel-heading { + color: #F05050; + background-color: #F05050; + border-color: #F05050; + + .panel-collapse > .panel-body { + border-top-color: #F05050; + } + .badge { + color: #F05050; + background-color: #F05050; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #F05050; + } + } +} + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + .embed-responsive-item, iframe, embed, object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; + } + &.embed-responsive-16by9 { + padding-bottom: 56.25%; + } + &.embed-responsive-4by3 { + padding-bottom: 75%; + } +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: none; + border: none; + border-radius: none; + blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); + } +} + +.well-lg { + padding: 24px; + border-radius: 6px; +} + +.well-sm { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #FFFFFF; + text-shadow: 0 1px 0 #000; + opacity: 1; + filter: alpha(opacity = 100); + &:hover, &:focus { + color: #B0B0B0; + text-decoration: none; + cursor: pointer; + opacity: 1; + filter: alpha(opacity = 100); + } +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} + +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; + &.fade .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + } + &.in .modal-dialog { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 62px 10px 10px 10px; + border: 1px solid #303030; +} + +.modal-content { + position: relative; + background-color: #383838; + border: 1px solid #565656; + border-radius: 3px; + -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30); + box-shadow: 0 5px 15px rgb(5, 5, 5); + background-clip: padding-box; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; + &.fade { + opacity: 0; + filter: alpha(opacity = 0); + } + &.in { + opacity: 0.5; + filter: alpha(opacity = 50); + } +} + +.modal-header { + padding-left: 10px; + padding-right: 10px; + padding-top: 3px; + padding-bottom: 1px; + border-bottom: 1px solid #4a4a4a; + min-height: 16.42857px; + background-color: #c35d12; + .close { + margin-top: -2px; + } +} + +.modal-title { + margin: 0; + line-height: 1.42857; +} + +.modal-body { + position: relative; + padding: 5px; + background-color: inherit; + .table-hover > tbody > tr:hover > { + td, th { + background-color: #2a2a2a; + color: #ec6d12; + } + } +} + +.modal-footer { + padding: 5px; + text-align: right; + background-color: #383838; + border-top: 1px solid inherit; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + .btn + .btn { + margin-left: 5px; + margin-bottom: 0; + } + .btn-group .btn + .btn { + margin-left: -1px; + } + .btn-block + .btn-block { + margin-left: 0; + } +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 82px auto 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity = 0); + &.in { + opacity: 0.9; + filter: alpha(opacity = 90); + } + &.top { + margin-top: -3px; + padding: 5px 0; + } + &.right { + margin-left: 3px; + padding: 0 5px; + } + &.bottom { + margin-top: 3px; + padding: 5px 0; + } + &.left { + margin-left: -3px; + padding: 0 5px; + } +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 3px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip { + &.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + &.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + &.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + &.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; + } + &.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; + } + &.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } + &.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } + &.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + white-space: normal; + &.top { + margin-top: -10px; + } + &.right { + margin-left: 10px; + } + &.bottom { + margin-top: 10px; + } + &.left { + margin-left: -10px; + } +} + +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.popover { + > .arrow { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 10px; + content: ""; + } + border-width: 11px; + } + &.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; + &:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; + } + } + &.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); + &:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; + } + } + &.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; + &:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; + } + } + &.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); + &:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; + } + } +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + > { + .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; + > { + img, a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + line-height: 1; + } + } + } + .active, .next, .prev { + display: block; + } + .active { + left: 0; + } + .next, .prev { + position: absolute; + top: 0; + width: 100%; + } + .next { + left: 100%; + } + .prev { + left: -100%; + } + .next.left, .prev.right { + left: 0; + } + .active { + &.left { + left: -100%; + } + &.right { + left: 100%; + } + } + } +} + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity = 50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + &.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + 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); + } + &.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + 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); + } + &:hover, &:focus { + outline: 0; + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity = 90); + } + .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + } + .icon-prev, .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + } + .icon-prev:before { + content: '\2039'; + } + .icon-next:before { + content: '\203a'; + } +} + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: transparent; + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #fff; + } +} + +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + 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); + .btn { + text-shadow: none; + } +} + +@media screen and (min-width: 768px) { + .carousel-control { + .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, .icon-next { + margin-right: -15px; + } + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} + +.clearfix:before, .content-box:before, .clearfix:after, .content-box:after { + content: " "; + display: table; +} + +.clearfix:after, .content-box:after { + clear: both; +} + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.pull-right { + float: right !important; +} + +.pull-left { + float: left !important; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; + color: #FFFFFF; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.hidden { + display: none !important; + visibility: hidden !important; +} + +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + + +.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block { + display: none !important; +} + +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, td.visible-xs { + display: table-cell !important; + } +} + +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, td.visible-sm { + display: table-cell !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, td.visible-md { + display: table-cell !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, td.visible-lg { + display: table-cell !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} + +@media (max-width: 767px) { + .hidden-xs, .page-side { + display: none !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} + +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} + +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, td.visible-print { + display: table-cell !important; + } +} + +@media print { + .visible-print-block { + display: block !important; + } +} + +@media print { + .visible-print-inline { + display: inline !important; + } +} + +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} + +@media print { + .hidden-print { + display: none !important; + } +} + +* { + -webkit-font-smoothing: antialiased; +} + +html { + height: 100%; + font-family: 'SourceSansProRegular'; +} + +body { + height: 100%; + font-family: 'SourceSansProRegular'; + touch-action: manipulation; + min-width: 320px; + background-color: #2A2A2A; +} + +.widget-sort-handle { + touch-action: none; +} + +.page-head { + top: 0; + left: 0; + position: fixed; + width: 100%; + border-bottom: 1px solid #171717; + z-index: 2; + background-color: #202020; +} + +.page-content { + height: calc(100% - 52px); + padding-top: 52px; + position: relative; + z-index: 1; + > .row { + height: 100%; + } +} + +.page-content-head { + .container-fluid { + background-color: #393939; + margin-left: 20px; + margin-right: 20px; + border: 1px solid #515151; + border-radius: 3px; + min-height: 38px; + height: auto; + padding: 10px 20px 10px 20px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + } + padding-bottom: 15px; + padding-top: 20px; +} + +.content-box-head { + padding-bottom: 15px; + padding-top: 20px; +} + +.page-content-head .navbar-nav, .content-box-head .navbar-nav { + width: 100%; +} + +.page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 { + margin: 0; +} + +.page-content-main { + min-height: calc(100% - 64px); + padding: 15px 0 73px; +} + +.page-side { + background: #202020; + height: 100% !important; + height: calc(100% - 52px) !important; + left: 0; + overflow: auto; + margin-top: 52px; + position: fixed; + top: 0; + z-index: 3; +} + +.page-side-nav--active { + background: #F7F7F7; + border-left: 3px solid #ec6d12; +} + +.page-foot { + bottom: 0; + border: none; + font-size: 12px; + padding: 20px 0; + width: 100%; + z-index: 2; +} + +.content-box { + padding: 0px 0px; + margin: 0px 0px; + background: none; + border: 1px solid #515151; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + hr { + border: none; + } +} + +.content-box-main { + padding-bottom: 15px; + padding-top: 15px; +} + +.tab-content { + padding: 0px 0px; + margin: 0px 0px; + > .tab-content { + padding: 0 15px; + } + .tab-content:last-child { + margin-bottom: 0; + } +} + +.page-content-main [class^="col-"] + [class^="col-"] { + padding-top: 20px; +} + +.brand-logo { + display: none; +} + +@media (min-width: 768px) { + .brand-logo { + display: inline-block; + } +} + +.brand-icon { + display: inline-block; +} + +@media (min-width: 768px) { + .brand-icon { + display: none; + } +} + +@media (min-width: 768px) { + .col-sm-disable-spacer { + padding-top: 0 !important; + } +} + +@media (min-width: 992px) { + .col-md-disable-spacer { + padding-top: 0 !important; + } +} + +@media (min-width: 1200px) { + .col-lg-disable-spacer { + padding-top: 0 !important; + } +} + +.page-login { + background-color: #202020; + .container { + min-height: 100%; + margin-bottom: -60px; + &:after { + height: 60px; + } + } +} + +.login-foot { + font-size: 12px; +} + +.login-modal-container { + border: 1px solid #686868; + max-width: 400px; + margin: 100px auto 15px auto; +} + +.login-modal-head { + height: 75px; + padding: 0 20px; +} + +.login-modal-content { + padding: 20px 20px 20px 20px; +} + +.login-modal-foot { + border-top: 1px solid #E5E5E5; + height: 60px; + padding: 20px 20px 0 20px; + a { + color: #7D7D7D; + text-decoration: none; + &:hover { + color: #646464; + text-decoration: underline; + } + } +} + +@media (min-width: 768px) { + .list-inline .btn-group-container { + float: right; + } +} + +.btn.btn-fixed { + max-width: 174px; + width: 100%; +} + +.progress-bar-placeholder { + font-size: 12px; + position: absolute; + text-align: center; + width: 100%; + z-index: 1; +} + +/* BOOTSTRAP EDIT */ + +.list-group-item { + border-left: none; + border-right: none; + &.collapsed .caret { + border-bottom: 4px solid green; + border-top: 0; + } +} + +#navigation.collapse.in { + display: block !important; +} + +.list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child { + border-bottom: none; +} + +.dropdown-menu > li > a, .dropdown-header { + padding: 3px 10px; +} + +.nav-tabs { + > li { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 2px; + > a { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + outline: 0; + &:hover, &:focus { + outline: 0; + } + } + &.active > a { + background: #2a2a2a !important; + outline: 0; + border-right: 1px solid #565656; + border-top: 1px solid #565656; + border-left: 1px solid #565656; + &:hover, &:focus { + border-right: 1px solid #565656; + border-top: 1px solid #565656; + border-left: 1px solid #565656; + } + } + > a.visible-lg-inline-block { + &:not(.pull-right) { + border-top-right-radius: 0px !important; + padding-left: 10px !important; + padding-right: 5px !important; + } + &.pull-right { + border-left: 0px !important; + padding-left: 5px !important; + padding-right: 10px !important; + } + } + } + &.nav-justified { + border-right: 1px solid #656565; + > li { + border-bottom: 1px solid #656565; + border-top: 1px solid #656565; + border-left: 1px solid #656565; + border-radius: 0px; + background: #818180; + > a { + color: #FFFFFF; + font-family: 'SourceSansProSemibold'; + } + } + } +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; + } +} + +@media (max-width: 767px) { + .nav-tabs.nav-justified > li.active > a { + border-right: 0 !important; + } +} + +@media (min-width: 768px) { + > li.active + li > a { + border-left: 1px solid transparent; + } +} + +> li:last-child > a { + border-right: 1px solid transparent !important; +} + +@media (max-width: 767px) { + > li:last-child > a { + margin-bottom: 0; + } +} + +.btn .glyphicon { + vertical-align: -1px; +} + +.table { + width: 100%; + margin-bottom: 0px !important; +} + +.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus { + border: 0px !important; +} + +.table th, strong, b { + font-family: 'SourceSansProSemibold'; + font-weight: normal; +} + +.table > tbody > tr > td:last-child { + padding-right: 15px; +} + +/* helpers */ + +.__nowrap { + white-space: nowrap; +} + +.__nomb { + margin-bottom: 0; +} + +.__mb { + margin-bottom: 15px; +} + +.__mt { + margin-top: 15px; +} + +.__ml { + margin-left: 15px; +} + +.__mr { + margin-right: 15px; +} + +.__iconspacer { + padding-right: 10px; +} + +#mainmenu .glyphicon { + vertical-align: -2px; +} + +.list-group-item { + overflow: hidden; + text-overflow: ellipsis; + + div { + &.collapse { + margin-bottom: -1px; + } + > a { + padding-left: 44px; + } + } + &:before { + background: #ec6d12; + content: ""; + height: 42px; + min-height: 100%; + left: 0; + position: absolute; + top: 0px; + width: 0; + -webkit-transition: width .2s; + -moz-transition: width .2s; + -o-transition: width .2s; + transition: width .2s; + } +} + +.list-group-submenu a { + padding-left: 56px; +} + +.active-menu-title, .active-menu a { + text-decoration: none; + position: relative; + background-color: #393939; +} + +.active-menu-title:before, .active-menu a:before { + width: 3px; +} + +.active-menu-title.active { + background-color: #292929; + color: #ec6d12; +} + +.active-menu a { + &.active { + background-color: #292929; + color: #ec6d12; + } + &:before { + background: #ec6d12; + } +} + +.alert.alert-danger { + color: #FFF !important; +} + +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-radius: 0 !important; +} + +.navbar-brand { + padding: 10px 20px; +} + +.label-opnsense { + /* emulates btn */ + display: inline-block; + vertical-align: middle; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + border-color: #323232; +} + +.label-opnsense-sm { + /* emulates btn-sm */ + padding: 5px 10px; + border-color: #323232; +} + +.label-opnsense-xs { + /* emulates btn-xs */ + padding: 1px 5px; + border-color: #323232; +} + +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-button { + width: 8px; + height: 5px; +} + +::-webkit-scrollbar-track { + background: #f7f7f7; + box-shadow: 0px 0px 0px; + border-radius: 0; +} + +::-webkit-scrollbar-thumb { + background: #e5e5e5; + border: thin solid #e5e5e5; + border-radius: 0px; + &:hover { + background: #e5e5e5; + } +} + +.widgetdiv { + padding-top: 0px !important; + padding-bottom: 20px; +} + +select { + overflow: hidden; + border: 1px solid #5a5a5a; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + background-repeat: no-repeat; + background-position: right; + background-image: url(/ui/themes/cicada/build/images/caret.png) !important; +} + +#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] { + min-width: 3.5em; +} + +#grid-top { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); +} + +@media screen and (max-width: 767px) { + .table-responsive { + margin-bottom: 0; + > .table > { + thead > tr > { + th, td { + white-space: normal; + } + } + tbody > tr > { + th, td { + white-space: normal; + } + } + tfoot > tr > { + th, td { + white-space: normal; + } + } + } + } +} + +label > input { + &[type="checkbox"], &[type="radio"] { + margin-right: .4em; + float: left; + } +} + +#log-settings { + label[for^="act"] { + margin-right: 1.5em; + } + table > tbody > tr > td { + vertical-align: middle; + } + select { + &#filterlogentries, &#filterlogentriesupdateinterval { + width: 5em; + } + &#filterlogentriesinterfaces { + min-width: 100%; + max-width: 100%; + } + } +} + +/* fields in firewall schedule */ + +[data-state="lightcoral"] { + background-color: lightcoral; +} + +[data-state="white"] { + background-color: inherit; +} + +[data-state="red"] { + background-color: #ec6d12; +} + +/*additional extensions for theme-cicada*/ + +#tab_1 #maintabs { + border-bottom: 1px solid #565656; +} + +textarea#update_status { + color: inherit !important; + background-color: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: none !important; + &:hover { + color: inherit !important; + background-color: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: none !important; + } +} + +.fa-toggle-off::before { + color: #ec6d12 !important; + outline: none !important; +} + +.fa-toggle-on::before { + outline: none !important; +} + +.fa-search, .glyphicon-search::before { + content: "\e003"; + color: #FFFFFF !important; +} + +.fa-times-circle::before { + content: "\f057"; + color: #B13116; +} + +.fa-refresh::before { + content: "\f021"; + color: #FFF; +} + +.fa-question-circle::before { + content: "\f059"; + cursor: pointer; + color: #ec6d12; +} + +#totals .fa-search::before { + color: #FFF !important; + background-color: #ec6d12; + padding: 5px; + border-radius: 4px; + border: 1px solid #5A5A5A; +} + +.panel-heading h3:hover { + color: #FFFFFF; + text-decoration: none; +} + +h3 { + &:focus { + color: #FFFFFF; + text-decoration: none; + } + &:link { + color: #FFFFFF; + text-decoration: underline; + } + &:hover, &:focus { + color: #ec6d12; + text-decoration: underline; + } +} + +text { + &.nvd3, &.nv-axislabel, &.nv-legend-text { + fill: #FFFFFF; + } +} + +.nvd3 .nv-axis { + fill: #FFFFFF; +} + +.nv-series-0 { + stroke-opacity: 1; + stroke-width: 1.5; + fill-opacity: 0.5; + fill: rgb(0, 151, 255) !important; + stroke: rgb(0, 151, 255) !important; +} + +.nv-controlsWrap.nvd3-svg circle.nv-legend-symbol { + stroke-width: 1 !important; + fill: rgb(143, 143, 143) !important; + stroke: rgb(143, 143, 143) !important; +} + +.table-condensed.table-hover { + border: 1px solid #515151; +} + +ul.TokensContainer { + border-radius: 3px; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + li.Token { + color: #FFFFFF !important; + } +} + +div.Tokenize ul { + &.TokensContainer { + li.TokenSearch { + color: #FFFFFF !important; + } + &:hover, &:focus { + border-color: #ec6d12 !important; + background-color: #2a2a2a !important; + -webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + } + border: 1px solid #5a5a5a !important; + background-color: #2a2a2a !important; + color: #FFFFFF !important; + } + &.Dropdown { + border: 1px solid #5a5a5a !important; + background-color: #2a2a2a !important; + color: #FFFFFF !important; + } + &.TokensContainer li { + &.Token { + background-color: #ce671c !important; + border: 1px solid #303030 !important; + } + &.Placeholder { + color: #505050 !important; + } + &.Token a.Close { + color: #FFFFFF !important; + } + } +} + +.bootgrid-table th { + > .column-header-anchor { + color: #fff !important; + > { + .icon, .glyphicon { + color: #fff !important; + } + } + } + &:hover { + background-color: #4b4b4b !important; + } +} + +.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { + color: #fff; + background-color: #2a2a2a; + border-color: #1d1d1d; +} + +.btn-group.bootstrap-select { + &.open, &:hover { + border-color: #323232 !important; + color: #FFFFFF !important; + background-color: #2d2d2d !important; + } +} + +.bootgrid-table td { + &.loading, &.no-results { + background: none !important; + } +} + +.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus { + color: #FFF !important; + text-decoration: none !important; + background-color: #ec6d12 !important; +} + +.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon { + top: 0; + background-color: #ec6d12 !important; + border: 1px solid #ec6d12 !important; +} + +.nvtooltip { + background-color: rgb(60, 60, 60) !important; + color: rgba(0, 0, 0, 1) !important; + border: 1px solid rgb(255, 127, 14) !important; +} + +.glyphicon { + &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted { + color: #eac80a !important; + } +} + +.fa.fa-play.text-muted::before { + color: #eac80a !important; +} + +#system_log-widgets.content-box { + border: none; +} + +#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out { + background-color: #292929; + border: 1px solid #515151; +} \ No newline at end of file diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css index 542006f99..c7a5ab1b4 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css @@ -2461,10 +2461,10 @@ input[type="color"] { cursor: not-allowed; - background-color: #68686899; + background-color: #686868; opacity: 0.8; filter: alpha(opacity=80); - border-color: #ffffff4d; } + border-color: #ffffff; } select[disabled]:hover, select[readonly]:hover, fieldset[disabled]:hover, textarea[disabled]:hover, @@ -2515,10 +2515,10 @@ input[type="color"] { cursor: not-allowed; - background-color: #68686899; + background-color: #686868; opacity: 0.8; filter: alpha(opacity=80); - border:1px solid #ffffff4d; + border:1px solid #ffffff; -webkit-box-shadow: none; box-shadow: none; } @@ -6104,11 +6104,17 @@ label > input[type="radio"] { min-width: 100%; max-width: 100%; } - /***************************************** - ****************************************** - **additional extensions for theme-cicada** - ****************************************** - *****************************************/ +/* fields in firewall schedule */ +[data-state="lightcoral"] { + background-color: lightcoral; } + +[data-state="white"] { + background-color: inherit; } + +[data-state="red"] { + background-color: #ec6d12; } + + /*additional extensions for theme-cicada*/ #tab_1 #maintabs { border-bottom: 1px solid #565656; } @@ -6242,4 +6248,4 @@ div.Tokenize ul.TokensContainer li.Token a.Close { .glyphicon.glyphicon-play.text-muted, .glyphicon.glyphicon-remove.text-muted, .glyphicon.glyphicon-remove-sign.text-muted, .glyphicon.glyphicon-info-sign.text-muted, .fa.fa-play.text-muted::before { color: #eac80a !important;} #system_log-widgets.content-box {border:none;} -#chart,#chart_intf_in,#chart_intf_out,#chart_top_ports,#chart_top_sources,#traffic_graph_widget_chart_in,#traffic_graph_widget_chart_out { background-color: #292929; border: 1px solid #515151; } +#chart,#chart_intf_in,#chart_intf_out,#chart_top_ports,#chart_top_sources,#traffic_graph_widget_chart_in,#traffic_graph_widget_chart_out { background-color: #292929; border: 1px solid #515151; } \ No newline at end of file