From 34af0c3becddf86bb8556dad2aec306b217e0972 Mon Sep 17 00:00:00 2001 From: Martin Wasley Date: Mon, 28 Jan 2019 21:08:26 +0000 Subject: [PATCH] Update main.scss Error in the original conversion. Corrected and now compiles to css correctly. --- .../rebellion/assets/stylesheets/main.scss | 10064 ++++++++++++++-- 1 file changed, 9156 insertions(+), 908 deletions(-) diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss index 3296f160d..516c90dfd 100644 --- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss +++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss @@ -1,1019 +1,9267 @@ -//colors -$color_alto_approx: #d9d9d9; -$color_quill_gray_approx: lightgrey; -$color_log_cabin_approx: #222; -$black_15: rgba(0,0,0,.15); -$color_mine_shaft_approx: #333; -$color_shady_lady_approx: darkgrey; -$white: #fff; -$color_shark_approx: #2a2a2a; -$color_tuatara_approx: #393939; -$color_christine_approx: #ec6d12; -$color_fuscous_gray_approx: #515151; -$black_50: rgba(0, 0, 0, 0.5); -$black_75: rgba(0, 0, 0, 0.75); -$color_violet_eggplant_approx: #a1a; -$color_mango_tango_approx: #ea7105; -$color_tundora_approx: #454545; -$color_tan_hide_approx: #ed9a50; -$color_baltic_sea_approx: #2b2b2b; -$mercury: #e5e5e5; -$color_celeste_approx: #ccc; -$color_froly_approx: lightcoral; -$color_suva_gray_approx: #888888; -$color_gallery_approx: #eeeeee; -$color_chicago_approx: #565656; -$color_roof_terracotta_approx: #b13116; -$color_azure_radiance_approx: rgb(0, 151, 255); -$color_stack_approx: rgb(143, 143, 143); -$black: rgb(0, 0, 0); -$black_60: rgba(0, 0, 0, 0.6); -$color_gravel_approx: #4b4b4b; -$color_rangoon_green_approx: #1d1d1d; -$color_masala_approx: rgb(60, 60, 60); -$black_100: rgba(0, 0, 0, 1); -$color_flamenco_approx: rgb(255, 127, 14); -$color_corn_approx: #eac80a; +@charset "UTF-8"; -//fonts -$font_0: SourceSansProBold; -$font_1: SourceSansProSemibold; -$font_2: SourceSansProRegular; - -//urls -$url_0: url(/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff); -$url_1: url(/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf); -$url_2: url(/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff); -$url_3: url(/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf); -$url_4: url(/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff); -$url_5: url(/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf); -$url_6: url(/ui/themes/opnsense/build/images/caret.png); - -//@extend-elements -//original selectors -//#navigation.col-sidebar-left >div >nav >#mainmenu >div >div.collapse.in >div.collapse.in >a.list-group-item:hover, a.list-group-item:focus -%extend_1 { - text-decoration: none !important; - color: $color_christine_approx !important; - background-color: $color_shark_approx !important; +.widgetdiv .content-box-head { + background: #454545 !important; + color: #C1C1c1 !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: #C1C1c1 !important; + background: #454545 !important; + border: 0px; + .glyphicon { + color: #C1C1c1 !important; + } + } + .list-inline li > h3 { + padding-top: 4px; + } } -//original selectors -//.nav-tabs >li >a, .nav-tabs >li >a:hover, .nav-tabs >li >a:focus -%extend_2 { - border-right: 1px solid darken($color_log_cabin_approx, 5%); - border-top: 1px solid darken($color_log_cabin_approx, 5%); - border-left: 1px solid darken($color_log_cabin_approx, 5%); - border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%); -} - -//original selectors -//.nav-tabs >li.active >a, .nav-tabs >li.active >a:hover, .nav-tabs >li.active >a:focus -%extend_3 { - border-right: 1px solid darken(map-get($colors, bordergrey), 30%); - border-top: 1px solid darken(map-get($colors, bordergrey), 30%); - border-left: 1px solid darken(map-get($colors, bordergrey), 30%); -} - -//original selectors -//.active-menu-title, .active-menu a -%extend_4 { - text-decoration: none; - position: relative; - background-color: $color_shark_approx; - &: before; -} - -//original selectors -//&:hover, &:focus -%extend_5 { - color: $color_christine_approx; - text-decoration: underline; - border-color: $color_christine_approx !important; - background-color: $color_shark_approx !important; - //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) - box-shadow: inset 0 1px 1px $black, 0 0 8px $black_60; -} - -//original selectors -//.bootgrid-header .actionBar .btn-group >.btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group >.btn-group .dropdown-menu -%extend_6 { - color: $white; - background-color: $color_shark_approx; - border-color: $color_rangoon_green_approx; -} - -//original selectors -//.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 -%extend_7 { - color: $white !important; - text-decoration: none !important; - background-color: $color_christine_approx !important; -} - -//original selectors -//.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon -%extend_8 { - top: 0; - background-color: $color_christine_approx !important; - border: 1px solid $color_christine_approx !important; -} - - -main { - &: 1 { - .content-box-head: ; - } - &.page-content.col-lg-12 { - padding-left: 90px; - } -} -.list-inline { - li >h3: ; - .btn-group-container { - [WRAPPING_QUERY_5]: ; - } -} @font-face { - font-family: $font_0; - src: $url_0 format('woff'), $url_1 format('truetype'); + font-family: "SourceSansProBold"; + src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); } + + @font-face { - font-family: $font_1; - src: $url_2 format('woff'), $url_3 format('truetype'); + font-family: "SourceSansProSemibold"; + src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); } + + @font-face { - font-family: $font_2; - src: $url_4 format('woff'), $url_5 format('truetype'); -} -@import "bootstrap/variables"; -@import "bootstrap/mixins"; -@import "bootstrap/normalize"; -@import "bootstrap/print"; -@import "bootstrap/glyphicons"; -@import "bootstrap/scaffolding"; -@import "bootstrap/type"; -@import "bootstrap/code"; -@import "bootstrap/grid"; -@import "bootstrap/tables"; -@import "bootstrap/forms"; -@import "bootstrap/buttons"; -@import "bootstrap/component-animations"; -@import "bootstrap/dropdowns"; -@import "bootstrap/button-groups"; -@import "bootstrap/input-groups"; -@import "bootstrap/navs"; -@import "bootstrap/navbar"; -@import "bootstrap/breadcrumbs"; -@import "bootstrap/pagination"; -@import "bootstrap/pager"; -@import "bootstrap/labels"; -@import "bootstrap/badges"; -@import "bootstrap/jumbotron"; -@import "bootstrap/thumbnails"; -@import "bootstrap/alerts"; -@import "bootstrap/progress-bars"; -@import "bootstrap/media"; -@import "bootstrap/list-group"; -@import "bootstrap/panels"; -@import "bootstrap/responsive-embed"; -@import "bootstrap/wells"; -@import "bootstrap/close"; -@import "bootstrap/modals"; -@import "bootstrap/tooltip"; -@import "bootstrap/popovers"; -@import "bootstrap/carousel"; -@import "bootstrap/utilities"; -@import "bootstrap/responsive-utilities"; -* { + font-family: "SourceSansProRegular"; + src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); } + + +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + html { - height: 100%; - font-family: $font_2; + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + body { - height: 100%; - font-family: $font_2; - touch-action: manipulation; - min-width: 320px; + margin: 0; } -.page-head { - background: map-get($colors, rebelgrey); - top: 0; - left: 0; - position: fixed; - width: 100%; - z-index: map-get($zindex, header); + +article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { + display: block; } -.page-content { - height: calc(100% - 52px); - padding-top: 52px; - position: relative; - z-index: map-get($zindex, main); - >.row: ; + +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline; } -.page-content-head { - background: map-get($colors, lightergrey); - border-bottom: 1px solid rgba($color_alto_approx, .50); - padding-bottom: 15px; - padding-top: 20px; - .navbar-nav: ; + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], template { + display: none; +} + +a { + background: transparent; + &:active, &:hover { + outline: 0; + } +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + h1 { - line-height: 1; - margin: 0; + font-size: 2em; + margin: 0.67em 0; } -h2 { - line-height: 1; - margin: 0; + +mark { + background: #ff0; + color: #ccc; } -h3 { - line-height: 1; - margin: 0; - &: focus; + +small { + font-size: 80%; } -.page-content-main { - background: map-get($colors, $color_quill_gray_approx); - min-height: calc(100% - 64px); - padding: 15px 0(15px +58px); - [class^="col-"] + [class^="col-"] { - padding-top: ($grid-gutter-width/2); - } + +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } -.page-side { - background: $color_log_cabin_approx; - border-right: 1px solid $black_15; - height: 100% !important; - height: calc(100% - 52px) !important; - left: 0; - overflow: auto; - margin-top: 52px; - position: fixed; - top: 0; - z-index: map-get($zindex, sidebar); - @extend .hidden-xs: ; + +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + top: -0.5em; } -.page-side-nav { - &--active: ; + +sub { + bottom: -0.25em; } -.page-foot { - background: map-get($colors, lightergrey); - bottom: 0; - border-top: 1px solid rgba($color_alto_approx, .50); - font-size: 12px; - padding: 20px 0; - position: fixed; - width: 100%; - z-index: map-get($zindex, footer); + +img { + border: 0; } -ul { - &.TokensContainer { - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 3px; - //Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - li.Token: ; - } - + div.tab-content { - border-top: 0 !important; - } + +svg:not(:root) { + overflow: hidden; } -.content-box { - background: $color_mine_shaft_approx; - border: 1px solid map-get($colors, bordergrey); - @extend .clearfix: ; - &-head: ; + +figure { + margin: 1em 40px; } -&-main { - //background: map-get($colors, $color_quill_gray_approx); - padding-bottom: 15px; - padding-top: 15px; + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } -.tab-content { - border-top: 0; - padding: 0; - >.tab-content: ; - &:last-child { - margin-bottom: 0; - } + +pre { + overflow: auto; } -.brand-logo { - display: none; - [WRAPPING_QUERY_0]: ; + +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em; } -.brand-icon { - display: inline-block; - [WRAPPING_QUERY_1]: ; + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; } -.col-sm-disable-spacer { - [WRAPPING_QUERY_2]: ; -} -.col-md-disable-spacer { - [WRAPPING_QUERY_3]: ; -} -.col-lg-disable-spacer { - [WRAPPING_QUERY_4]: ; -} -.page-login { - background: map-get($colors, $color_quill_gray_approx); - .container: ; -} -.login-foot { - font-size: 12px; -} -.login-modal { - &-container: ; -} -&-head { - background: map-get($colors, $color_shady_lady_approx); - height: 75px; - padding: 0 20px; -} -&-content { - padding: 20px; -} -&-foot { - background: map-get($colors, $color_quill_gray_approx); - border-top: 1px solid map-get($colors, bordergrey); - height: 60px; - padding: 20px 20px 0 20px; - a: ; -} -.btn { - &.btn-fixed { - max-width: 174px; - width: 100%; - } - .glyphicon { - vertical-align: -1px; - } -} -.progress-bar-placeholder { - font-size: 12px; - position: absolute; - text-align: center; - width: 100%; - z-index: 1; -} -.list-group-item { - border-left: none; - border-right: none; - &.collapsed .caret: ; - overflow: hidden; - text-overflow: ellipsis; - +div.collapse: ; -} -#navigation { - &.col-sidebar-left { - width: 70px; - background-color: transparent !important; - overflow: hidden; - >div: ; - > div > nav > #mainmenu > div { - > { - a.list-group-item[aria-expanded="true"]: ; - } - > div { - &.collapse.in >a.list-group-item: ; - &.collapse.in > div.collapse.in > a.list-group-item:hover { - @extend %extend_1; - } - } - } - } - &.collapse.in { - display: block !important; - } - > .fa-search::before { - color: inherit !important; - } -} -& { - &.__iconspacer { - width: 50px; - height: 30px; - padding: 0; - } - &.collapsing { - left: 70px; - margin-top: -70px; - //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) - box-shadow: 2px 2px 1px 0 $black_50; - width: 0; - font-size: 12px; - position: absolute; - display: block; - z-index: 10; - left: 148px; - margin-top: -28px; - height: auto; - //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) - box-shadow: 2px 2px 1px 0 $black_75; - } - &:before { - background: $color_mango_tango_approx; - content: ""; - height: 42px; - min-height: 100%; - left: 0; - position: absolute; - top: 0; - width: 0; - //Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) - transition: width .2s; - } - &.active { - background-color: $color_tundora_approx; - } - &:link { - color: $white; - text-decoration: underline; - } - &:hover { - @extend %extend_5; - background-color: $color_gravel_approx !important; - } - &:focus { - @extend %extend_5; - } - &.Dropdown { - border: 1px solid $color_chicago_approx !important; - background-color: $color_shark_approx !important; - color: $white !important; - } - &.Placeholder { - color: $color_fuscous_gray_approx !important; - } - &.collapse.in { - width: 150px; - font-size: 12px; - display: block; - z-index: 10; - position: absolute; - left: 70px; - margin-top: -70px; - height: auto; - border: 1px solid $color_fuscous_gray_approx; - //Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) - transition: width 0.1s; - //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) - box-shadow: 2px 2px 1px 0 $black_50; - > div { - &.collapse.in: ; - &.collapsing > a.list-group-item { - padding-left: 10px !important; - font-size: 12px !important; - display: block !important; - position: absolute !important; - left: 148px !important; - margin-top: -28px !important; - } - } - > a.list-group-item:hover { - color: $color_christine_approx !important; - background-color: $color_shark_approx !important; - } - } - &.collapsed > a.list-group-item { - padding-left: 10px !important; - font-size: 12px !important; - } - &.active-menu.collapse.in > a.list-group-item.active { - color: $color_christine_approx !important; - background-color: $color_shark_approx !important; - } - &.TokensContainer li { - &.Token: ; - } - &.Token a.Close { - color: $white !important; - } -} -div { - &.collapsing >a.list-group-item: ; - &.collapse: ; - &.Tokenize ul { - &.TokensContainer: ; - } -} -.list-group-submenu { - a { - padding-left: 56px; - } - .list-group-item:last-child { - border-bottom: none; - } -} -.dropdown-header { - padding: 3px 10px; -} -.nav-tabs { - margin-right: 1px; - border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%); - > li { - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 0; - //Instead of the line below you could use @include border-top-right-radius($radius) - border-top-right-radius: 10px; - margin-right: 2px; - > a { - background: $color_log_cabin_approx; - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 0; - //Instead of the line below you could use @include border-top-right-radius($radius) - border-top-right-radius: 10px; - margin-right: 0; - @extend %extend_2; - &:hover { - @extend %extend_2; - } - &:focus { - @extend %extend_2; - } - &.visible-lg-inline-block { - &.pull-right { - border-left: 0 !important; - padding-left: 5px !important; - padding-right: 10px !important; - } - &:not(.pull-right) { - //Instead of the line below you could use @include border-top-right-radius($radius) - border-top-right-radius: 0 !important; - padding-left: 10px !important; - padding-right: 5px !important; - } - } - } - &.active > a { - background: $color_fuscous_gray_approx !important; - @extend %extend_3; - &:hover { - @extend %extend_3; - } - &:focus { - @extend %extend_3; - } - } - } - &.nav-justified { - border-right: 1px solid map-get($colors, bordergrey); - >li: ; - .nav-tabs.nav-justified >.active >a: focus; - > li > a { - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 0 !important; - } - } -} -> li { - &.active { - > a { - [WRAPPING_QUERY_7]: ; - } - + li > a { - [WRAPPING_QUERY_8]: ; - } - } - &:last-child > a { - border-right: 1px solid transparent !important; - [WRAPPING_QUERY_9]: ; - } -} -table { - width: 100%; -} -.table { - margin-bottom: 0 !important; - th { - font-family: $font_1; - font-weight: normal; - } - > tbody > tr > td:last-child { - padding-right: 15px; - } -} -.nav-tabs-justified { - .nav-tabs.nav-justified >.active >a: focus; - > li > a { - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 0 !important; - } -} -strong { - font-family: $font_1; - font-weight: normal; -} -b { - font-family: $font_1; - font-weight: normal; -} -.__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; -} -.active-menu-title { - @extend %extend_4; -} -.navbar-brand { - padding: 10px 20px; -} -.label-opnsense { - border: 1px solid transparent; - display: inline-block; - vertical-align: middle; - font-size: 12px; - line-height: 1.5; - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 3px; -} -.label-opnsense-sm { - padding: 5px 10px; -} -.label-opnsense-xs { - padding: 1px 5px; -} -::-webkit-scrollbar { - width: 8px; -} -::-webkit-scrollbar-button { - width: 8px; - height: 5px; -} -::-webkit-scrollbar-track { - background: $color_baltic_sea_approx; - //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) - box-shadow: 0 0 0; - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 0; -} -::-webkit-scrollbar-thumb { - background: $mercury; - border: thin solid $mercury; - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 0; - &:hover { - background: $mercury; - } -} -.widgetdiv { - padding-top: 0 !important; - padding-bottom: 20px; + +button { + overflow: visible; + text-transform: none; } + select { - overflow: hidden; - border: 1px solid $color_celeste_approx; - appearance: none; - cursor: pointer; - background-repeat: no-repeat; - background-position: right; - background-image: $url_6 !important; + text-transform: none; } -.table-responsive { - [WRAPPING_QUERY_10]: ; + +button, html input[type=button] { + -webkit-appearance: button; + cursor: pointer; } -label { - > input[type="checkbox"] { - margin-right: .4em; - float: left; - } - > input[type="radio"] { - margin-right: .4em; - float: left; - } + +input { + &[type=reset], &[type=submit] { + -webkit-appearance: button; + cursor: pointer; + } } -div[data-for*="help_for"] { - padding-top: .4em; + +button[disabled], html input[disabled] { + cursor: default; } -#log-settings { - label[for^="act"] { - margin-right: 1.5em; - } - select { - &#filterlogentries { - width: 5em; - } - &#filterlogentriesupdateinterval { - width: 5em; - } - &#filterlogentriesinterfaces { - min-width: 100%; - max-width: 100%; - } - } - table > tbody > tr > td { - vertical-align: middle; - } + +button::-moz-focus-inner { + border: 0; + padding: 0; } -[data-state="lightcoral"] { - background-color: $color_froly_approx; + +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; + } + } } -[data-state="white"] { - background-color: inherit; + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } -[data-state="red"] { - background-color: $color_christine_approx; + +legend { + border: 0; + padding: 0; } -.tokens-container { - margin-top: 0; - margin-bottom: 0; + +textarea { + overflow: auto; } -#ipsec { - #ipsec-mobile, #ipsec-tunnel, #ipsec-overview: ; + +optgroup { + font-weight: bold; } -.ipsec-tab { - background-color: $color_fuscous_gray_approx; - color: $white; - &.activetab { - background-color: $color_suva_gray_approx; - color: $color_gallery_approx; - } + +table { + border-collapse: collapse; + border-spacing: 0; } -.fa-toggle-off::before { - color: $color_christine_approx !important; - outline: none !important; + +td, th { + padding: 0; } -.fa-toggle-on::before { - outline: none !important; + +@media print { + * { + text-shadow: none !important; + color: #ccc !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: #555 !important; + } + .navbar { + display: none; + } + .table { + td, th { + background-color: #444 !important; + } + } + .btn > .caret, .dropup > .btn > .caret { + border-top-color: #ddd !important; + } + .label { + border: 1px solid #aaa; + } + .table { + border-collapse: collapse !important; + } + .table-bordered { + th, td { + border: 1px solid #666 !important; + } + } } -.fa-search { - content: "\e003"; - color: $white !important; -} -.glyphicon-search::before { - content: "\e003"; - color: $white !important; -} -.fa-times-circle::before { - content: "\f057"; - color: $color_roof_terracotta_approx; -} -.fa-refresh::before { - content: "\f021"; - color: $white; - color: inherit !important; -} -.fa-question-circle::before { - content: "\f059"; - cursor: pointer; - color: $color_christine_approx; -} -text { - &.nvd3, &.nv-axislabel, &.nv-legend-text: ; -} -.nv-series-0 { - stroke-opacity: 1; - stroke-width: 1.5; - fill-opacity: 0.5; - fill: $color_azure_radiance_approx !important; - stroke: $color_azure_radiance_approx !important; -} -.bootgrid-table { - th { - >.column-header-anchor: ; - } - td { - &.loading, &.no-results: ; - } -} -.bootgrid-header { - .actionBar .btn-group > .btn-group .dropdown-menu { - @extend %extend_6; - .dropdown-item { - &:hover { - @extend %extend_7; - } - &:focus { - @extend %extend_7; - } - } - } - .search .glyphicon { - @extend %extend_8; - } -} -.bootgrid-footer { - .infoBar .btn-group > .btn-group .dropdown-menu { - @extend %extend_6; - .dropdown-item { - &:hover { - @extend %extend_7; - } - &:focus { - @extend %extend_7; - } - } - } - .search .glyphicon { - @extend %extend_8; - } -} -.input-group-addon { - @extend %extend_8; -} -.nvtooltip { - background-color: $color_masala_approx !important; - color: $black_100 !important; - border: 1px solid $color_flamenco_approx !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 { - &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted: ; + 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; } -#chart { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-asterisk:before { + content: "*"; } -#chart_intf_in { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-plus:before { + content: "+"; } -#chart_intf_out { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-euro:before { + content: "€"; } -#chart_top_ports { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-minus:before { + content: "−"; } -#chart_top_sources { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-cloud:before { + content: "☁"; } -#traffic_graph_widget_chart_in { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-envelope:before { + content: "✉"; } -#traffic_graph_widget_chart_out { - background-color: $color_shark_approx; - border: 1px solid $color_fuscous_gray_approx; + +.glyphicon-pencil:before { + content: "✏"; } -$colors:(orange: #EA7105 { - .content-box-head: ; + +.glyphicon-glass:before { + content: ""; } -lightgrey: #2B2B2B { - .content-box-head: ; + +.glyphicon-music:before { + content: ""; } -lightergrey: #232323 { - .content-box-head: ; + +.glyphicon-search:before { + content: ""; } -darkgrey: #C1C1c1 { - .content-box-head: ; + +.glyphicon-heart:before { + content: ""; } -bordergrey: #E5E5E5 { - .content-box-head: ; + +.glyphicon-star:before { + content: ""; } -rebelgrey: #404040 { - .content-box-head: ; + +.glyphicon-star-empty:before { + content: ""; } -);$zindex:(header: 2 { - .content-box-head: ; + +.glyphicon-user:before { + content: ""; } -footer: 2 { - .content-box-head: ; + +.glyphicon-film:before { + content: ""; } -sidebar: 3 { - .content-box-head: ; + +.glyphicon-th-large:before { + content: ""; } -);// format dashboard widget headers.widgetdiv { - .content-box-head: ; + +.glyphicon-th:before { + content: ""; } -section.page-content-main { - div.tab-content: ; + +.glyphicon-th-list:before { + content: ""; } -> nav > #mainmenu > div > { - a.list-group-item: ; + +.glyphicon-ok:before { + content: ""; } -width: 70px; height: 70px; padding-left: 0px; padding-right: 0px; padding-top: 12px; border-bottom: 2px solid #393939; { + +.glyphicon-remove:before { + content: ""; } + +.glyphicon-zoom-in:before { + content: ""; +} + +.glyphicon-zoom-out:before { + content: ""; +} + +.glyphicon-off:before { + content: ""; +} + +.glyphicon-signal:before { + content: ""; +} + +.glyphicon-cog:before { + content: ""; +} + +.glyphicon-trash:before { + content: ""; +} + +.glyphicon-home:before { + content: ""; +} + +.glyphicon-file:before { + content: ""; +} + +.glyphicon-time:before { + content: ""; +} + +.glyphicon-road:before { + content: ""; +} + +.glyphicon-download-alt:before { + content: ""; +} + +.glyphicon-download:before { + content: ""; +} + +.glyphicon-upload:before { + content: ""; +} + +.glyphicon-inbox:before { + content: ""; +} + +.glyphicon-play-circle:before { + content: ""; +} + +.glyphicon-repeat:before { + content: ""; +} + +.glyphicon-refresh:before { + content: ""; +} + +.glyphicon-list-alt:before { + content: ""; +} + +.glyphicon-lock:before { + content: ""; +} + +.glyphicon-flag:before { + content: ""; +} + +.glyphicon-headphones:before { + content: ""; +} + +.glyphicon-volume-off:before { + content: ""; +} + +.glyphicon-volume-down:before { + content: ""; +} + +.glyphicon-volume-up:before { + content: ""; +} + +.glyphicon-qrcode:before { + content: ""; +} + +.glyphicon-barcode:before { + content: ""; +} + +.glyphicon-tag:before { + content: ""; +} + +.glyphicon-tags:before { + content: ""; +} + +.glyphicon-book:before { + content: ""; +} + +.glyphicon-bookmark:before { + content: ""; +} + +.glyphicon-print:before { + content: ""; +} + +.glyphicon-camera:before { + content: ""; +} + +.glyphicon-font:before { + content: ""; +} + +.glyphicon-bold:before { + content: ""; +} + +.glyphicon-italic:before { + content: ""; +} + +.glyphicon-text-height:before { + content: ""; +} + +.glyphicon-text-width:before { + content: ""; +} + +.glyphicon-align-left:before { + content: ""; +} + +.glyphicon-align-center:before { + content: ""; +} + +.glyphicon-align-right:before { + content: ""; +} + +.glyphicon-align-justify:before { + content: ""; +} + +.glyphicon-list:before { + content: ""; +} + +.glyphicon-indent-left:before { + content: ""; +} + +.glyphicon-indent-right:before { + content: ""; +} + +.glyphicon-facetime-video:before { + content: ""; +} + +.glyphicon-picture:before { + content: ""; +} + +.glyphicon-map-marker:before { + content: ""; +} + +.glyphicon-adjust:before { + content: ""; +} + +.glyphicon-tint:before { + content: ""; +} + +.glyphicon-edit:before { + content: ""; +} + +.glyphicon-share:before { + content: ""; +} + +.glyphicon-check:before { + content: ""; +} + +.glyphicon-move:before { + content: ""; +} + +.glyphicon-step-backward:before { + content: ""; +} + +.glyphicon-fast-backward:before { + content: ""; +} + +.glyphicon-backward:before { + content: ""; +} + +.glyphicon-play:before { + content: ""; +} + +.glyphicon-pause:before { + content: ""; +} + +.glyphicon-stop:before { + content: ""; +} + +.glyphicon-forward:before { + content: ""; +} + +.glyphicon-fast-forward:before { + content: ""; +} + +.glyphicon-step-forward:before { + content: ""; +} + +.glyphicon-eject:before { + content: ""; +} + +.glyphicon-chevron-left:before { + content: ""; +} + +.glyphicon-chevron-right:before { + content: ""; +} + +.glyphicon-plus-sign:before { + content: ""; +} + +.glyphicon-minus-sign:before { + content: ""; +} + +.glyphicon-remove-sign:before { + content: ""; +} + +.glyphicon-ok-sign:before { + content: ""; +} + +.glyphicon-question-sign:before { + content: ""; +} + +.glyphicon-info-sign:before { + content: ""; +} + +.glyphicon-screenshot:before { + content: ""; +} + +.glyphicon-remove-circle:before { + content: ""; +} + +.glyphicon-ok-circle:before { + content: ""; +} + +.glyphicon-ban-circle:before { + content: ""; +} + +.glyphicon-arrow-left:before { + content: ""; +} + +.glyphicon-arrow-right:before { + content: ""; +} + +.glyphicon-arrow-up:before { + content: ""; +} + +.glyphicon-arrow-down:before { + content: ""; +} + +.glyphicon-share-alt:before { + content: ""; +} + +.glyphicon-resize-full:before { + content: ""; +} + +.glyphicon-resize-small:before { + content: ""; +} + +.glyphicon-exclamation-sign:before { + content: ""; +} + +.glyphicon-gift:before { + content: ""; +} + +.glyphicon-leaf:before { + content: ""; +} + +.glyphicon-fire:before { + content: ""; +} + +.glyphicon-eye-open:before { + content: ""; +} + +.glyphicon-eye-close:before { + content: ""; +} + +.glyphicon-warning-sign:before { + content: ""; +} + +.glyphicon-plane:before { + content: ""; +} + +.glyphicon-calendar:before { + content: ""; +} + +.glyphicon-random:before { + content: ""; +} + +.glyphicon-comment:before { + content: ""; +} + +.glyphicon-magnet:before { + content: ""; +} + +.glyphicon-chevron-up:before { + content: ""; +} + +.glyphicon-chevron-down:before { + content: ""; +} + +.glyphicon-retweet:before { + content: ""; +} + +.glyphicon-shopping-cart:before { + content: ""; +} + +.glyphicon-folder-close:before { + content: ""; +} + +.glyphicon-folder-open:before { + content: ""; +} + +.glyphicon-resize-vertical:before { + content: ""; +} + +.glyphicon-resize-horizontal:before { + content: ""; +} + +.glyphicon-hdd:before { + content: ""; +} + +.glyphicon-bullhorn:before { + content: ""; +} + +.glyphicon-bell:before { + content: ""; +} + +.glyphicon-certificate:before { + content: ""; +} + +.glyphicon-thumbs-up:before { + content: ""; +} + +.glyphicon-thumbs-down:before { + content: ""; +} + +.glyphicon-hand-right:before { + content: ""; +} + +.glyphicon-hand-left:before { + content: ""; +} + +.glyphicon-hand-up:before { + content: ""; +} + +.glyphicon-hand-down:before { + content: ""; +} + +.glyphicon-circle-arrow-right:before { + content: ""; +} + +.glyphicon-circle-arrow-left:before { + content: ""; +} + +.glyphicon-circle-arrow-up:before { + content: ""; +} + +.glyphicon-circle-arrow-down:before { + content: ""; +} + +.glyphicon-globe:before { + content: ""; +} + +.glyphicon-wrench:before { + content: ""; +} + +.glyphicon-tasks:before { + content: ""; +} + +.glyphicon-filter:before { + content: ""; +} + +.glyphicon-briefcase:before { + content: ""; +} + +.glyphicon-fullscreen:before { + content: ""; +} + +.glyphicon-dashboard:before { + content: ""; +} + +.glyphicon-paperclip:before { + content: ""; +} + +.glyphicon-heart-empty:before { + content: ""; +} + +.glyphicon-link:before { + content: ""; +} + +.glyphicon-phone:before { + content: ""; +} + +.glyphicon-pushpin:before { + content: ""; +} + +.glyphicon-usd:before { + content: ""; +} + +.glyphicon-gbp:before { + content: ""; +} + +.glyphicon-sort:before { + content: ""; +} + +.glyphicon-sort-by-alphabet:before { + content: ""; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: ""; +} + +.glyphicon-sort-by-order:before { + content: ""; +} + +.glyphicon-sort-by-order-alt:before { + content: ""; +} + +.glyphicon-sort-by-attributes:before { + content: ""; +} + +.glyphicon-sort-by-attributes-alt:before { + content: ""; +} + +.glyphicon-unchecked:before { + content: ""; +} + +.glyphicon-expand:before { + content: ""; +} + +.glyphicon-collapse-down:before { + content: ""; +} + +.glyphicon-collapse-up:before { + content: ""; +} + +.glyphicon-log-in:before { + content: ""; +} + +.glyphicon-flash:before { + content: ""; +} + +.glyphicon-log-out:before { + content: ""; +} + +.glyphicon-new-window:before { + content: ""; +} + +.glyphicon-record:before { + content: ""; +} + +.glyphicon-save:before { + content: ""; +} + +.glyphicon-open:before { + content: ""; +} + +.glyphicon-saved:before { + content: ""; +} + +.glyphicon-import:before { + content: ""; +} + +.glyphicon-export:before { + content: ""; +} + +.glyphicon-send:before { + content: ""; +} + +.glyphicon-floppy-disk:before { + content: ""; +} + +.glyphicon-floppy-saved:before { + content: ""; +} + +.glyphicon-floppy-remove:before { + content: ""; +} + +.glyphicon-floppy-save:before { + content: ""; +} + +.glyphicon-floppy-open:before { + content: ""; +} + +.glyphicon-credit-card:before { + content: ""; +} + +.glyphicon-transfer:before { + content: ""; +} + +.glyphicon-cutlery:before { + content: ""; +} + +.glyphicon-header:before { + content: ""; +} + +.glyphicon-compressed:before { + content: ""; +} + +.glyphicon-earphone:before { + content: ""; +} + +.glyphicon-phone-alt:before { + content: ""; +} + +.glyphicon-tower:before { + content: ""; +} + +.glyphicon-stats:before { + content: ""; +} + +.glyphicon-sd-video:before { + content: ""; +} + +.glyphicon-hd-video:before { + content: ""; +} + +.glyphicon-subtitles:before { + content: ""; +} + +.glyphicon-sound-stereo:before { + content: ""; +} + +.glyphicon-sound-dolby:before { + content: ""; +} + +.glyphicon-sound-5-1:before { + content: ""; +} + +.glyphicon-sound-6-1:before { + content: ""; +} + +.glyphicon-sound-7-1:before { + content: ""; +} + +.glyphicon-copyright-mark:before { + content: ""; +} + +.glyphicon-registration-mark:before { + content: ""; +} + +.glyphicon-cloud-download:before { + content: ""; +} + +.glyphicon-cloud-upload:before { + content: ""; +} + +.glyphicon-tree-conifer:before { + content: ""; +} + +.glyphicon-tree-deciduous:before { + content: ""; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + &:before, &:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} + +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #C1C1c1; + background-color: #333; +} + +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +a { + color: #EA7105; + text-decoration: none; + &:hover { + color: #9f4d03; + text-decoration: underline; + } + &:focus { + color: #9f4d03; + text-decoration: underline; + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } +} + +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.428571429; + background-color: #333; + 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 #1a1a1a; +} + +.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: #DDd; + } +} + +h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +.h1 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +.h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +.h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +.h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +.h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +.h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #DDd; + } +} + +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: 0.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: #DDd; +} + +.text-primary { + color: #EA7105; +} + +a.text-primary:hover { + color: #b85904; +} + +.text-success { + color: #7Ba255; +} + +a.text-success:hover { + color: #628143; +} + +.text-info { + color: #ffffff; +} + +a.text-info:hover { + color: #e6e6e6; +} + +.text-warning { + color: #f0ad4e; +} + +a.text-warning:hover { + color: #ec971f; +} + +.text-danger { + color: #F05050; +} + +a.text-danger:hover { + color: #ec2121; +} + +.bg-primary { + color: #333; + background-color: #EA7105; +} + +a.bg-primary:hover { + background-color: #b85904; +} + +.bg-success { + background-color: #7Ba255; +} + +a.bg-success:hover { + background-color: #628143; +} + +.bg-info { + background-color: #4545a7; +} + +a.bg-info:hover { + background-color: #363683; +} + +.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 #1a1a1a; +} + +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.428571429; +} + +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 #DDd; + } +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #1a1a1a; + p:last-child, ul:last-child, ol:last-child { + margin-bottom: 0; + } + footer, small, .small { + display: block; + font-size: 80%; + line-height: 1.428571429; + color: #DDd; + } + footer:before, small:before, .small:before { + content: "— "; + } +} + +.blockquote-reverse, blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #1a1a1a; + 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: " —"; + } +} + +blockquote { + &.pull-right { + footer:after, small:after, .small:after { + content: " —"; + } + } + &:before, &:after { + content: ""; + } +} + +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429; +} + +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: #333; + 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.428571429; + word-break: break-all; + word-wrap: break-word; + color: #d1d1d1; + background-color: #484848; + border: 1px solid #ccc; + 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.3333333333%; +} + +.col-xs-2 { + width: 16.6666666667%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.3333333333%; +} + +.col-xs-5 { + width: 41.6666666667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.3333333333%; +} + +.col-xs-8 { + width: 66.6666666667%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.3333333333%; +} + +.col-xs-11 { + width: 91.6666666667%; +} + +.col-xs-12 { + width: 100%; +} + +.col-xs-pull-0 { + right: auto; +} + +.col-xs-pull-1 { + right: 8.3333333333%; +} + +.col-xs-pull-2 { + right: 16.6666666667%; +} + +.col-xs-pull-3 { + right: 25%; +} + +.col-xs-pull-4 { + right: 33.3333333333%; +} + +.col-xs-pull-5 { + right: 41.6666666667%; +} + +.col-xs-pull-6 { + right: 50%; +} + +.col-xs-pull-7 { + right: 58.3333333333%; +} + +.col-xs-pull-8 { + right: 66.6666666667%; +} + +.col-xs-pull-9 { + right: 75%; +} + +.col-xs-pull-10 { + right: 83.3333333333%; +} + +.col-xs-pull-11 { + right: 91.6666666667%; +} + +.col-xs-pull-12 { + right: 100%; +} + +.col-xs-push-0 { + left: auto; +} + +.col-xs-push-1 { + left: 8.3333333333%; +} + +.col-xs-push-2 { + left: 16.6666666667%; +} + +.col-xs-push-3 { + left: 25%; +} + +.col-xs-push-4 { + left: 33.3333333333%; +} + +.col-xs-push-5 { + left: 41.6666666667%; +} + +.col-xs-push-6 { + left: 50%; +} + +.col-xs-push-7 { + left: 58.3333333333%; +} + +.col-xs-push-8 { + left: 66.6666666667%; +} + +.col-xs-push-9 { + left: 75%; +} + +.col-xs-push-10 { + left: 83.3333333333%; +} + +.col-xs-push-11 { + left: 91.6666666667%; +} + +.col-xs-push-12 { + left: 100%; +} + +.col-xs-offset-0 { + margin-left: 0%; +} + +.col-xs-offset-1 { + margin-left: 8.3333333333%; +} + +.col-xs-offset-2 { + margin-left: 16.6666666667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.3333333333%; +} + +.col-xs-offset-5 { + margin-left: 41.6666666667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.3333333333%; +} + +.col-xs-offset-8 { + margin-left: 66.6666666667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.3333333333%; +} + +.col-xs-offset-11 { + margin-left: 91.6666666667%; +} + +.col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 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.3333333333%; + } + .col-sm-2 { + width: 16.6666666667%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-4 { + width: 33.3333333333%; + } + .col-sm-5 { + width: 41.6666666667%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-7 { + width: 58.3333333333%; + } + .col-sm-8 { + width: 66.6666666667%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-10 { + width: 83.3333333333%; + } + .col-sm-11 { + width: 91.6666666667%; + } + .col-sm-12 { + width: 100%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-pull-1 { + right: 8.3333333333%; + } + .col-sm-pull-2 { + right: 16.6666666667%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-4 { + right: 33.3333333333%; + } + .col-sm-pull-5 { + right: 41.6666666667%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-7 { + right: 58.3333333333%; + } + .col-sm-pull-8 { + right: 66.6666666667%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-10 { + right: 83.3333333333%; + } + .col-sm-pull-11 { + right: 91.6666666667%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-push-1 { + left: 8.3333333333%; + } + .col-sm-push-2 { + left: 16.6666666667%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-4 { + left: 33.3333333333%; + } + .col-sm-push-5 { + left: 41.6666666667%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-7 { + left: 58.3333333333%; + } + .col-sm-push-8 { + left: 66.6666666667%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-10 { + left: 83.3333333333%; + } + .col-sm-push-11 { + left: 91.6666666667%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-offset-0 { + margin-left: 0%; + } + .col-sm-offset-1 { + margin-left: 8.3333333333%; + } + .col-sm-offset-2 { + margin-left: 16.6666666667%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-4 { + margin-left: 33.3333333333%; + } + .col-sm-offset-5 { + margin-left: 41.6666666667%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-7 { + margin-left: 58.3333333333%; + } + .col-sm-offset-8 { + margin-left: 66.6666666667%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-10 { + margin-left: 83.3333333333%; + } + .col-sm-offset-11 { + margin-left: 91.6666666667%; + } + .col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 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.3333333333%; + } + .col-md-2 { + width: 16.6666666667%; + } + .col-md-3 { + width: 25%; + } + .col-md-4 { + width: 33.3333333333%; + } + .col-md-5 { + width: 41.6666666667%; + } + .col-md-6 { + width: 50%; + } + .col-md-7 { + width: 58.3333333333%; + } + .col-md-8 { + width: 66.6666666667%; + } + .col-md-9 { + width: 75%; + } + .col-md-10 { + width: 83.3333333333%; + } + .col-md-11 { + width: 91.6666666667%; + } + .col-md-12 { + width: 100%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-pull-1 { + right: 8.3333333333%; + } + .col-md-pull-2 { + right: 16.6666666667%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-4 { + right: 33.3333333333%; + } + .col-md-pull-5 { + right: 41.6666666667%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-7 { + right: 58.3333333333%; + } + .col-md-pull-8 { + right: 66.6666666667%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-10 { + right: 83.3333333333%; + } + .col-md-pull-11 { + right: 91.6666666667%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-push-0 { + left: auto; + } + .col-md-push-1 { + left: 8.3333333333%; + } + .col-md-push-2 { + left: 16.6666666667%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-4 { + left: 33.3333333333%; + } + .col-md-push-5 { + left: 41.6666666667%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-7 { + left: 58.3333333333%; + } + .col-md-push-8 { + left: 66.6666666667%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-10 { + left: 83.3333333333%; + } + .col-md-push-11 { + left: 91.6666666667%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-offset-0 { + margin-left: 0%; + } + .col-md-offset-1 { + margin-left: 8.3333333333%; + } + .col-md-offset-2 { + margin-left: 16.6666666667%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-4 { + margin-left: 33.3333333333%; + } + .col-md-offset-5 { + margin-left: 41.6666666667%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-7 { + margin-left: 58.3333333333%; + } + .col-md-offset-8 { + margin-left: 66.6666666667%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-10 { + margin-left: 83.3333333333%; + } + .col-md-offset-11 { + margin-left: 91.6666666667%; + } + .col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 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.3333333333%; + } + .col-lg-2 { + width: 16.6666666667%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.3333333333%; + } + .col-lg-5 { + width: 41.6666666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.3333333333%; + } + .col-lg-8 { + width: 66.6666666667%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.3333333333%; + } + .col-lg-11 { + width: 91.6666666667%; + } + .col-lg-12 { + width: 100%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-pull-1 { + right: 8.3333333333%; + } + .col-lg-pull-2 { + right: 16.6666666667%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-4 { + right: 33.3333333333%; + } + .col-lg-pull-5 { + right: 41.6666666667%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-7 { + right: 58.3333333333%; + } + .col-lg-pull-8 { + right: 66.6666666667%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-10 { + right: 83.3333333333%; + } + .col-lg-pull-11 { + right: 91.6666666667%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-push-1 { + left: 8.3333333333%; + } + .col-lg-push-2 { + left: 16.6666666667%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-4 { + left: 33.3333333333%; + } + .col-lg-push-5 { + left: 41.6666666667%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-7 { + left: 58.3333333333%; + } + .col-lg-push-8 { + left: 66.6666666667%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-10 { + left: 83.3333333333%; + } + .col-lg-push-11 { + left: 91.6666666667%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-offset-0 { + margin-left: 0%; + } + .col-lg-offset-1 { + margin-left: 8.3333333333%; + } + .col-lg-offset-2 { + margin-left: 16.6666666667%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-4 { + margin-left: 33.3333333333%; + } + .col-lg-offset-5 { + margin-left: 41.6666666667%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-7 { + margin-left: 58.3333333333%; + } + .col-lg-offset-8 { + margin-left: 66.6666666667%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-10 { + margin-left: 83.3333333333%; + } + .col-lg-offset-11 { + margin-left: 91.6666666667%; + } + .col-lg-offset-12 { + margin-left: 100%; + } +} + +table { + background-color: transparent; + color: #ccc; +} + +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.428571429; + vertical-align: top; + border-top: 1px solid #111; + } + } + tbody > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #111; + } + } + tfoot > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #111; + } + } + thead > tr > th { + vertical-align: bottom; + border-bottom: 1px solid #111; + } + caption + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: "SourceSansProSemibold"; + font-weight: normal; + } + } + colgroup + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: "SourceSansProSemibold"; + font-weight: normal; + } + } + thead:first-child > tr:first-child > { + th, td { + border-top: 0; + font-family: "SourceSansProSemibold"; + font-weight: normal; + } + } + tbody + tbody { + border-top: 2px solid #111; + } + } + .table { + background-color: #333; + } +} + +.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 #111; + > { + thead > tr > { + th, td { + border: 1px solid #111; + } + } + tbody > tr > { + th, td { + border: 1px solid #111; + } + } + tfoot > tr > { + th, td { + border: 1px solid #111; + } + } + thead > tr > { + th, td { + border-bottom-width: 2px; + } + } + } +} + +.table-striped > tbody > tr:nth-child(odd) > { + td, th { + background-color: #232323; + } +} + +.table-hover > tbody > tr:hover > { + td, th { + background-color: #484848; + } +} + +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: #484848; + } + } + &.active > { + td, th { + background-color: #484848; + } + } + } + tbody > tr { + > { + td.active, th.active { + background-color: #484848; + } + } + &.active > { + td, th { + background-color: #484848; + } + } + } + tfoot > tr { + > { + td.active, th.active { + background-color: #484848; + } + } + &.active > { + td, th { + background-color: #484848; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.active:hover, th.active:hover { + background-color: #3b3b3b; + } + } + &.active:hover > td, &:hover > .active, &.active:hover > th { + background-color: #3b3b3b; + } +} + +.table > { + thead > tr { + > { + td.success, th.success { + background-color: #7Ba255; + } + } + &.success > { + td, th { + background-color: #7Ba255; + } + } + } + tbody > tr { + > { + td.success, th.success { + background-color: #7Ba255; + } + } + &.success > { + td, th { + background-color: #7Ba255; + } + } + } + tfoot > tr { + > { + td.success, th.success { + background-color: #7Ba255; + } + } + &.success > { + td, th { + background-color: #7Ba255; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.success:hover, th.success:hover { + background-color: #6e914c; + } + } + &.success:hover > td, &:hover > .success, &.success:hover > th { + background-color: #6e914c; + } +} + +.table > { + thead > tr { + > { + td.info, th.info { + background-color: #4545a7; + } + } + &.info > { + td, th { + background-color: #4545a7; + } + } + } + tbody > tr { + > { + td.info, th.info { + background-color: #4545a7; + } + } + &.info > { + td, th { + background-color: #4545a7; + } + } + } + tfoot > tr { + > { + td.info, th.info { + background-color: #4545a7; + } + } + &.info > { + td, th { + background-color: #4545a7; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.info:hover, th.info:hover { + background-color: #3e3e95; + } + } + &.info:hover > td, &:hover > .info, &.info:hover > th { + background-color: #3e3e95; + } +} + +.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; + } + .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: #333333; + 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: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } +} + +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.428571429; + color: #ccc; +} + +select, textarea { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #ccc; + background-color: #333; + background-image: none; + border: 1px solid #ccc; + 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.428571429; + color: #ccc; + background-color: #333; + background-image: none; + border: 1px solid #ccc; + 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:focus, textarea:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} + +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 { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + } +} + +select::-moz-placeholder, textarea::-moz-placeholder { + color: #DDd; + opacity: 1; +} + +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: #DDd; + opacity: 1; + } +} + +select:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #DDd; +} + +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: #DDd; + } +} + +select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #DDd; +} + +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: #DDd; + } +} + +select { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] select { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +textarea { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=text] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=text] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=password] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=password] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=datetime] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=datetime] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=datetime-local] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=datetime-local] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=date] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=date] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=month] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=month] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=time] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=time] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=week] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=week] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=number] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=number] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=email] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=email] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=url] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=url] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=search] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=search] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=tel] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=tel] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +input[type=color] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; + } +} + +fieldset[disabled] input[type=color] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} + +textarea { + height: auto; +} + +input { + &[type=search] { + -webkit-appearance: none; + } + &[type=date], &[type=time], &[type=datetime-local], &[type=month] { + line-height: 34px; + line-height: 1.428571429 \0; + } + &[type=date].input-sm { + 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; + } +} + +.form-horizontal .form-group-sm input[type=date].form-control, input[type=time].input-sm { + 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; + } +} + +.form-horizontal .form-group-sm input[type=time].form-control, input[type=datetime-local].input-sm { + 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; + } +} + +.form-horizontal .form-group-sm input[type=datetime-local].form-control, input[type=month].input-sm { + 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; + } +} + +.form-horizontal .form-group-sm input[type=month].form-control { + line-height: 30px; +} + +input[type=date].input-lg { + 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; + } +} + +.form-horizontal .form-group-lg input[type=date].form-control, input[type=time].input-lg { + 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; + } +} + +.form-horizontal .form-group-lg input[type=time].form-control, input[type=datetime-local].input-lg { + 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; + } +} + +.form-horizontal .form-group-lg input[type=datetime-local].form-control, input[type=month].input-lg { + 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-horizontal .form-group-lg input[type=month].form-control { + 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; + } +} + +.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-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm { + 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; + } +} + +.form-horizontal .form-group-sm .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-sm { + 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; + } +} + +.form-horizontal .form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +select.input-sm { + 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; + } +} + +.form-horizontal .form-group-sm select.form-control { + height: 30px; + line-height: 30px; +} + +textarea.input-sm { + height: auto; +} + +.input-group-sm > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > textarea.btn { + height: auto; + } +} + +.form-horizontal .form-group-sm textarea.form-control, select[multiple].input-sm { + height: auto; +} + +.input-group-sm > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.form-horizontal .form-group-sm select[multiple].form-control { + height: auto; +} + +.input-lg { + 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; + } +} + +.form-horizontal .form-group-lg .form-control { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +select.input-lg { + 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; + } +} + +.form-horizontal .form-group-lg select.form-control { + height: 46px; + line-height: 46px; +} + +textarea.input-lg { + height: auto; +} + +.input-group-lg > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > textarea.btn { + height: auto; + } +} + +.form-horizontal .form-group-lg textarea.form-control, select[multiple].input-lg { + height: auto; +} + +.input-group-lg > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.form-horizontal .form-group-lg select[multiple].form-control { + 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 { + 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; + } +} + +.form-horizontal .form-group-lg .form-control + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; +} + +.input-sm + .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; + } +} + +.form-horizontal .form-group-sm .form-control + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; +} + +.has-success { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #7Ba255; + } + .form-control { + border-color: #7Ba255; + -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: #628143; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aec895; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aec895; + } + } + .input-group-addon { + color: #7Ba255; + border-color: #7Ba255; + background-color: #7Ba255; + } + .form-control-feedback { + color: #7Ba255; + } +} + +.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: #F05050; + } + .form-control { + border-color: #F05050; + -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: #ec2121; + -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: white; +} + +@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; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #eee; + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #4c4c4c; + border-color: #c6c6c6; + } +} + +.open > .btn.dropdown-toggle { + color: #eee; + background-color: #4c4c4c; + border-color: #c6c6c6; +} + +.btn { + &:active, &.active { + background-image: none; + } +} + +.open > .btn.dropdown-toggle { + background-image: none; +} + +.btn { + &.disabled { + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + background-color: #656565; + border-color: #e5e5e5; + } + } + &[disabled] { + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + background-color: #656565; + border-color: #e5e5e5; + } + } +} + +fieldset[disabled] .btn { + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + background-color: #656565; + border-color: #e5e5e5; + } +} + +.btn { + .badge { + color: #656565; + background-color: #eee; + } + &:focus, &:active:focus, &.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + &:hover, &:focus { + color: #eee; + text-decoration: none; + } + &:active, &.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + } + &.disabled, &[disabled] { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity = 65); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity = 65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-default { + color: #eee; + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #4c4c4c; + border-color: #c6c6c6; + } +} + +.open > .btn-default.dropdown-toggle { + color: #eee; + background-color: #4c4c4c; + border-color: #c6c6c6; +} + +.btn-default { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-default.dropdown-toggle { + background-image: none; +} + +.btn-default { + &.disabled { + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + background-color: #656565; + border-color: #e5e5e5; + } + } + &[disabled] { + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + background-color: #656565; + border-color: #e5e5e5; + } + } +} + +fieldset[disabled] .btn-default { + background-color: #656565; + border-color: #e5e5e5; + &:hover, &:focus, &:active, &.active { + background-color: #656565; + border-color: #e5e5e5; + } +} + +.btn-default .badge { + color: #656565; + background-color: #eee; +} + +.btn-primary { + color: #eee; + background-color: #EA7105; + border-color: #D95100; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #b85904; + border-color: #9c3a00; + } +} + +.open > .btn-primary.dropdown-toggle { + color: #eee; + background-color: #b85904; + border-color: #9c3a00; +} + +.btn-primary { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-primary.dropdown-toggle { + background-image: none; +} + +.btn-primary { + &.disabled { + background-color: #EA7105; + border-color: #D95100; + &:hover, &:focus, &:active, &.active { + background-color: #EA7105; + border-color: #D95100; + } + } + &[disabled] { + background-color: #EA7105; + border-color: #D95100; + &:hover, &:focus, &:active, &.active { + background-color: #EA7105; + border-color: #D95100; + } + } +} + +fieldset[disabled] .btn-primary { + background-color: #EA7105; + border-color: #D95100; + &:hover, &:focus, &:active, &.active { + background-color: #EA7105; + border-color: #D95100; + } +} + +.btn-primary .badge { + color: #EA7105; + background-color: #eee; +} + +.btn-success { + color: #eee; + background-color: #7Ba255; + border-color: #6e914c; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #628143; + border-color: #506937; + } +} + +.open > .btn-success.dropdown-toggle { + color: #eee; + background-color: #628143; + border-color: #506937; +} + +.btn-success { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-success.dropdown-toggle { + background-image: none; +} + +.btn-success { + &.disabled { + background-color: #7Ba255; + border-color: #6e914c; + &:hover, &:focus, &:active, &.active { + background-color: #7Ba255; + border-color: #6e914c; + } + } + &[disabled] { + background-color: #7Ba255; + border-color: #6e914c; + &:hover, &:focus, &:active, &.active { + background-color: #7Ba255; + border-color: #6e914c; + } + } +} + +fieldset[disabled] .btn-success { + background-color: #7Ba255; + border-color: #6e914c; + &:hover, &:focus, &:active, &.active { + background-color: #7Ba255; + border-color: #6e914c; + } +} + +.btn-success .badge { + color: #7Ba255; + background-color: #eee; +} + +.btn-info { + color: #eee; + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #8db7cb; + border-color: #74a7c0; + } +} + +.open > .btn-info.dropdown-toggle { + color: #eee; + 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: #eee; +} + +.btn-warning { + color: #eee; + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #ec971f; + border-color: #d58512; + } +} + +.open > .btn-warning.dropdown-toggle { + color: #eee; + background-color: #ec971f; + border-color: #d58512; +} + +.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: #eee; +} + +.btn-danger { + color: #eee; + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + color: #eee; + background-color: #ec2121; + border-color: #d71212; + } +} + +.open > .btn-danger.dropdown-toggle { + color: #eee; + 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: #eee; +} + +.btn-link { + color: #EA7105; + 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: #DDd; + text-decoration: none; + } + } +} + +fieldset[disabled] .btn-link { + &:hover, &:focus { + color: #DDd; + 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; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + &.in { + opacity: 1; + } +} + +.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: #333; + border: 1px solid #444; + border: 1px solid rgba(0, 0, 0, 0.15); + 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; + } + .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #262626; + } + > { + li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #bbb; + white-space: nowrap; + &:hover, &:focus { + text-decoration: none; + color: #f66; + background-color: #353535; + } + } + .active > a { + color: #555; + text-decoration: none; + outline: 0; + background-color: #EA7105; + &:hover, &:focus { + color: #555; + text-decoration: none; + outline: 0; + background-color: #EA7105; + } + } + .disabled > a { + color: #DDd; + &:hover, &:focus { + color: #DDd; + } + &: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.428571429; + color: #DDd; + 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; + } +} + +.btn-group-vertical > .btn { + &:hover, &:focus, &:active, &.active { + z-index: 2; + } +} + +.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, &.open .dropdown-toggle { + outline: 0; + } + > { + .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 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + &.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: #ccc; + text-align: center; + background-color: #1a1a1a; + 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; + &:hover, &:focus { + text-decoration: none; + background-color: #1a1a1a; + } + } + &.disabled > a { + color: #DDd; + &:hover, &:focus { + color: #DDd; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; + } + } + } + .open > a { + background-color: #1a1a1a; + border-color: #EA7105; + &:hover, &:focus { + background-color: #1a1a1a; + border-color: #EA7105; + } + } + .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + > li > a > img { + max-width: none; + } +} + +.nav-tabs { + border-bottom: 1px solid #E5E5E5; + > li { + float: left; + margin-bottom: -1px; + > a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 3px 3px 0 0; + &:hover { + border-color: #1a1a1a #1a1a1a #E5E5E5; + } + } + &.active > a { + color: #eee; + background-color: #333; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; + &:hover, &:focus { + color: #eee; + background-color: #333; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; + } + } + } +} + +.nav-pills > li { + float: left; + > a { + border-radius: 0; + } + &.active > a { + color: #555; + background-color: #EA7105; + &:hover, &:focus { + color: #555; + background-color: #EA7105; + } + } +} + +.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 { + border: 1px solid #ddd; +} + +.nav-tabs-justified > .active > a { + &:hover, &:focus { + border: 1px solid #ddd; + } +} + +@media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 3px 3px 0 0; + } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a { + border-bottom-color: #333; + } + .nav-tabs-justified > .active > a { + &:hover, &:focus { + border-bottom-color: #333; + } + } +} + +.tab-content > { + .tab-pane { + display: none; + } + .active { + display: block; + } +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 0; + border: 1px solid transparent; + &: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: #404040; + border-color: #2f2f2f; + .navbar-brand { + color: #C1C1c1; + &:hover, &:focus { + color: #a8a8a8; + background-color: transparent; + } + } + .navbar-text { + color: #2B2B2B; + } + .navbar-nav > { + li > a { + color: #C1C1c1; + &:hover, &:focus { + color: #EA7105; + background-color: transparent; + } + } + .active > a { + color: #aaa; + background-color: #2f2f2f; + &:hover, &:focus { + color: #aaa; + background-color: #2f2f2f; + } + } + .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-collapse, .navbar-form { + border-color: #2f2f2f; + } + .navbar-nav > .open > a { + background-color: #2f2f2f; + color: #aaa; + &:hover, &:focus { + background-color: #2f2f2f; + color: #aaa; + } + } + .navbar-link { + color: #C1C1c1; + &:hover { + color: #EA7105; + } + } + .btn-link { + color: #C1C1c1; + &:hover, &:focus { + color: #EA7105; + } + &[disabled] { + &:hover, &:focus { + color: #ccc; + } + } + } +} + +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > { + li > a { + color: #C1C1c1; + &:hover, &:focus { + color: #EA7105; + background-color: transparent; + } + } + .active > a { + color: #aaa; + background-color: #2f2f2f; + &:hover, &:focus { + color: #aaa; + background-color: #2f2f2f; + } + } + .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: #333; + border-color: #1a1a1a; + .navbar-brand { + color: #DDd; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .navbar-text { + color: #DDd; + } + .navbar-nav > { + li > a { + color: #DDd; + &:hover, &:focus { + color: #888; + background-color: transparent; + } + } + .active > a { + color: #888; + background-color: #1a1a1a; + &:hover, &:focus { + color: #888; + background-color: #1a1a1a; + } + } + .disabled > a { + color: #33a; + background-color: transparent; + &:hover, &:focus { + color: #33a; + background-color: transparent; + } + } + } + .navbar-toggle { + border-color: #333; + &:hover, &:focus { + background-color: #333; + } + .icon-bar { + background-color: #fff; + } + } + .navbar-collapse, .navbar-form { + border-color: #212121; + } + .navbar-nav > .open > a { + background-color: #1a1a1a; + color: #888; + &:hover, &:focus { + background-color: #1a1a1a; + color: #888; + } + } + .navbar-link { + color: #DDd; + &:hover { + color: #888; + } + } + .btn-link { + color: #DDd; + &:hover, &:focus { + color: #888; + } + &[disabled] { + &:hover, &:focus { + color: #33a; + } + } + } +} + +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu { + > .dropdown-header { + border-color: #1a1a1a; + } + .divider { + background-color: #1a1a1a; + } + > { + li > a { + color: #DDd; + &:hover, &:focus { + color: #888; + background-color: transparent; + } + } + .active > a { + color: #888; + background-color: #1a1a1a; + &:hover, &:focus { + color: #888; + background-color: #1a1a1a; + } + } + .disabled > a { + color: #33a; + background-color: transparent; + &:hover, &:focus { + color: #33a; + background-color: transparent; + } + } + } + } +} + +fieldset[disabled] .navbar-inverse .btn-link { + &:hover, &:focus { + color: #33a; + } +} + +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #484848; + border-radius: 3px; + > { + li { + display: inline-block; + + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; + } + } + .active { + color: #DDd; + } + } +} + +.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.428571429; + text-decoration: none; + color: #EA7105; + background-color: #222; + border: 1px solid #ddd; + margin-left: -1px; + } + } + &: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: #9f4d03; + background-color: #1a1a1a; + border-color: #ddd; + } + } + span { + &:hover, &:focus { + color: #9f4d03; + background-color: #1a1a1a; + border-color: #ddd; + } + } + } + } + .active > { + a { + z-index: 2; + color: #fff; + background-color: #EA7105; + border-color: #EA7105; + cursor: default; + &:hover, &:focus { + z-index: 2; + color: #fff; + background-color: #EA7105; + border-color: #EA7105; + cursor: default; + } + } + span { + z-index: 2; + color: #fff; + background-color: #EA7105; + border-color: #EA7105; + cursor: default; + &:hover, &:focus { + z-index: 2; + color: #fff; + background-color: #EA7105; + border-color: #EA7105; + cursor: default; + } + } + } + .disabled > { + span { + color: #DDd; + background-color: #222; + border-color: #ddd; + cursor: not-allowed; + &:hover, &:focus { + color: #DDd; + background-color: #222; + border-color: #ddd; + cursor: not-allowed; + } + } + a { + color: #DDd; + background-color: #222; + border-color: #ddd; + cursor: not-allowed; + &:hover, &:focus { + color: #DDd; + background-color: #222; + border-color: #ddd; + 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: #222; + border: 1px solid #ddd; + border-radius: 15px; + } + a { + &:hover, &:focus { + text-decoration: none; + background-color: #1a1a1a; + } + } + } + } + .next > { + a, span { + float: right; + } + } + .previous > { + a, span { + float: left; + } + } + .disabled > { + a { + color: #DDd; + background-color: #222; + cursor: not-allowed; + &:hover, &:focus { + color: #DDd; + background-color: #222; + cursor: not-allowed; + } + } + span { + color: #DDd; + background-color: #222; + cursor: not-allowed; + } + } +} + +.label { + display: inline; + padding: 0.2em 0.6em 0.3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.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: #DDd; + &[href] { + &:hover, &:focus { + background-color: #c4c4c4; + } + } +} + +.label-primary { + background-color: #EA7105; + &[href] { + &:hover, &:focus { + background-color: #b85904; + } + } +} + +.label-success { + background-color: #7Ba255; + &[href] { + &:hover, &:focus { + background-color: #628143; + } + } +} + +.label-info { + background-color: #B0CDDB; + &[href] { + &:hover, &:focus { + background-color: #8db7cb; + } + } +} + +.label-warning { + background-color: #f0ad4e; + &[href] { + &:hover, &:focus { + background-color: #ec971f; + } + } +} + +.label-danger { + background-color: #F05050; + &[href] { + &:hover, &:focus { + background-color: #ec2121; + } + } +} + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #443; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #DDd; + 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: #EA7105; + background-color: #443; +} + +.nav-pills > { + .active > a > .badge { + color: #EA7105; + background-color: #443; + } + li > a > .badge { + margin-left: 3px; + } +} + +a.badge { + &:hover, &:focus { + color: #443; + text-decoration: none; + cursor: pointer; + } +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #1a1a1a; + h1, .h1 { + color: inherit; + } + p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; + } + > hr { + border-top-color: black; + } +} + +.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.428571429; + background-color: #333; + 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: #C1C1c1; + } +} + +a.thumbnail { + &:hover, &:focus, &.active { + border-color: #EA7105; + } +} + +.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: #7Ba255; + border-color: #7Ba255; + color: #485f32; + hr { + border-top-color: #6e914c; + } + .alert-link { + color: #55703b; + } +} + +.alert-info { + background-color: #4545a7; + border-color: #3b488e; + color: #cccccc; + hr { + border-top-color: #333f7c; + } + .alert-link { + color: #d9d9d9; + } +} + +.alert-warning { + background-color: #fcf8e3; + border-color: #faebcc; + color: #c77c11; + hr { + border-top-color: #f7e1b5; + } + .alert-link { + color: #df8a13; + } +} + +.alert-danger { + background-color: #F05050; + border-color: #F05050; + color: #c91111; + hr { + border-top-color: #ee3939; + } + .alert-link { + color: #e01313; + } +} + +@-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: #484848; + border-radius: 3px; + position: relative; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #EA7105; + 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: #DDd; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none; + } +} + +.progress-bar-success { + background-color: #7Ba255; +} + +.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: #B0CDDB; +} + +.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: #f0ad4e; +} + +.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: #F05050; +} + +.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: #222; + &:last-child { + margin-bottom: 0; + } + > .badge { + float: right; + + .badge { + margin-right: 5px; + } + } +} + a.list-group-item { - &.active-menu-title { - color: $white !important; - background-color: $color_shark_approx !important; - &.collapsed { - color: $white !important; - background-color: $color_shark_approx !important; - } - } - &:focus { - color: $color_christine_approx !important; - background-color: $color_shark_approx !important; - @extend %extend_1; - } + color: #C1C1c1; + border-radius: 0; + .list-group-item-heading { + color: #333; + } + &:hover, &:focus { + text-decoration: none; + color: #EA7105; + background-color: #484848; + } + &:hover:before, &:focus:before { + background: #EA7105; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0; + width: 3px; + } } -> div.collapse { - &.in > a.list-group-item { - padding-left: 10px !important; - font-size: 12px !important; - background-color: $color_tuatara_approx !important; - &.menu-level-3-item.active: ; - } - > a.list-group-item { - padding-left: 10px !important; - font-size: 12px !important; - } + +.list-group-item { + &.disabled { + background-color: #1a1a1a; + color: #DDd; + &:hover, &:focus { + background-color: #1a1a1a; + color: #DDd; + } + .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: #DDd; + } + } + &.active { + z-index: 2; + &:hover, &:focus { + z-index: 2; + } + &:before, &:hover:before, &:focus:before { + background: #EA7105; + 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: #EA7105; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; + } + } } -> a.list-group-item { - padding-left: 10px !important; - font-size: 12px !important; - background-color: $color_tuatara_approx !important; + +.list-group-item-success { + color: #7Ba255; + background-color: #7Ba255; } + +a.list-group-item-success { + color: #7Ba255; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #7Ba255; + background-color: #6e914c; + } + &.active { + color: #222; + background-color: #7Ba255; + border-color: #7Ba255; + &:hover, &:focus { + color: #222; + background-color: #7Ba255; + border-color: #7Ba255; + } + } +} + +.list-group-item-info { + color: #ffffff; + background-color: #4545a7; +} + +a.list-group-item-info { + color: #ffffff; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #ffffff; + background-color: #3e3e95; + } + &.active { + color: #222; + background-color: #ffffff; + border-color: #ffffff; + &:hover, &:focus { + color: #222; + background-color: #ffffff; + border-color: #ffffff; + } + } +} + +.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: #222; + background-color: #f0ad4e; + border-color: #f0ad4e; + &:hover, &:focus { + color: #222; + 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: #222; + background-color: #F05050; + border-color: #F05050; + &:hover, &:focus { + color: #222; + 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 { + margin-bottom: 20px; + background-color: #222; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.panel-body { + padding: 15px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + > .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: #484848; + 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; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + } + &:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } +} + +.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 #111; + } + } + .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 { + border-color: #ddd; + > { + .panel-heading { + color: #c1c1c1; + background-color: #484848; + border-color: #ddd; + + .panel-collapse > .panel-body { + border-top-color: #ddd; + } + .badge { + color: #484848; + background-color: #c1c1c1; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ddd; + } + } +} + +.panel-primary { + border-color: #EA7105; + > { + .panel-heading { + color: #fff; + background-color: #EA7105; + border-color: #EA7105; + + .panel-collapse > .panel-body { + border-top-color: #EA7105; + } + .badge { + color: #EA7105; + background-color: #fff; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #EA7105; + } + } +} + +.panel-success { + border-color: #7Ba255; + > { + .panel-heading { + color: #7Ba255; + background-color: #7Ba255; + border-color: #7Ba255; + + .panel-collapse > .panel-body { + border-top-color: #7Ba255; + } + .badge { + color: #7Ba255; + background-color: #7Ba255; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #7Ba255; + } + } +} + +.panel-info { + border-color: #3b488e; + > { + .panel-heading { + color: #ffffff; + background-color: #4545a7; + border-color: #3b488e; + + .panel-collapse > .panel-body { + border-top-color: #3b488e; + } + .badge { + color: #4545a7; + background-color: #ffffff; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #3b488e; + } + } +} + +.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: #484848; + border: 1px solid #363636; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + 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: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.2; + filter: alpha(opacity = 20); + &:hover, &:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity = 50); + } +} + +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; +} + +.modal-content { + position: relative; + background-color: #333; + border: 1px solid #999; + border: 1px solid rgba(255, 255, 255, 0.6); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.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: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.428571429px; + .close { + margin-top: -2px; + } +} + +.modal-title { + margin: 0; + line-height: 1.428571429; +} + +.modal-body { + position: relative; + padding: 15px; +} + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; + &: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.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + 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: "‹"; + } + .icon-next:before { + content: "›"; + } +} + +.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: rgba(0, 0, 0, 0); + } + .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; +} + +.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; + } +} + +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; + } +} + +/* COLLAPSE SIDEBAR @media END*/ +@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; +} + +.page-head { + background: #404040; + top: 0; + left: 0; + position: fixed; + width: 100%; + z-index: 2; +} + +.page-content { + height: calc(100% - 52px); + padding-top: 52px; + position: relative; + z-index: 1; + > .row { + height: 100%; + } +} + +.page-content-head, .content-box-head { + background: #232323; + border-bottom: 1px solid rgba(217, 217, 217, 0.5); + 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 { + line-height: 1; + margin: 0; +} + +.page-content-main { + background: #2B2B2B; + min-height: calc(100% - 64px); + padding: 15px 0 73px; +} + +.page-side { + background: #222; + border-right: 1px solid rgba(0, 0, 0, 0.15); + 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: #2B2B2B; + border-left: 3px solid #EA7105; +} + +.page-foot { + background: #232323; + bottom: 0; + border-top: 1px solid rgba(217, 217, 217, 0.5); + font-size: 12px; + padding: 20px 0; + position: fixed; + width: 100%; + z-index: 2; +} + +section.page-content-main { + div.tab-content { + border-top: 1px solid #999999 !important; + } + ul + div.tab-content { + border-top: 0px !important; + } +} + +.content-box { + background: #333; + border: 1px solid #E5E5E5; +} + +.content-box-main { + padding-bottom: 15px; + padding-top: 15px; +} + +.tab-content { + border-top: 0px; + padding: 0px 0; + > .tab-content { + margin-bottom: 0; + 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: #2B2B2B; + .container { + min-height: 100%; + margin-bottom: -60px; + &:after { + height: 60px; + } + } +} + +.login-foot { + font-size: 12px; +} + +.login-modal-container { + background: #222; + border: 1px solid #E5E5E5; + max-width: 400px; + margin: 100px auto 15px auto; +} + +.login-modal-head { + background: #C1C1c1; + height: 75px; + padding: 0 20px; +} + +.login-modal-content { + padding: 20px 20px 20px 20px; +} + +.login-modal-foot { + background: #2B2B2B; + 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; + } +} + +/* COLLAPSE SIDEBAR */ + +main.page-content.col-lg-12 { + padding-left: 90px; +} + +#navigation.col-sidebar-left { + width: 70px; + background-color: transparent !important; + overflow: hidden; + > div { + &.row { + height: 100% !important; + > nav.page-side-nav { + width: 70px; + background-color: #222222 !important; + height: 100% !important; + border-right: 1px solid #000000; + } + } + > nav > #mainmenu > div > { + a.list-group-item { + font-size: 12px; + text-align: center; + width: 70px; + height: 70px; + padding-left: 0px; + padding-right: 0px; + padding-top: 12px; + border-bottom: 2px solid #lightergrey; + > span { + &.fa, &.glyphicon { + visibility: visible; + font-size: 20px; + } + &.__iconspacer { + width: 50px; + height: 25px; + padding: 0px; + } + } + width: 70px; + height: 70px; + padding-left: 0px; + padding-right: 0px; + padding-top: 15px; + border-bottom: 2px solid #000000; + } + div { + &.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + display: block !important; + position: absolute !important; + left: 70px !important; + } + &.collapse.in > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + display: block !important; + position: absolute !important; + left: 166px !important; + } + } + a.list-group-item.active-menu-title { + color: #CCC !important; + background-color: #111 !important; + } + } + } +} + +a.list-group-item.active-menu-title.collapsed { + color: #CCC !important; + background-color: #111 !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > { + a.list-group-item[aria-expanded="true"] { + color: #CCC !important; + background-color: #111 !important; + } + div { + &.collapse { + &.in { + > { + a.list-group-item[aria-expanded="true"], div.collapse.in > a.list-group-item.menu-level-3-item.active { + color: #CCC !important; + background-color: #111 !important; + } + } + > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + background-color: #333333 !important; + opacity: 1.0; + } + } + > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + background-color: #333333 !important; + opacity: 1.0; + } + > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + } + } + &.collapsed > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + } + &.collapse { + > { + a.list-group-item, div.collapse > a.list-group-item { + padding: 3px 8px !important; + } + } + &.in > div.collapse.in > a.list-group-item:hover { + text-decoration: none !important; + color: #ea7105 !important; + background-color: #111 !important; + } + } + } +} + +a.list-group-item:focus { + text-decoration: none !important; + color: #ea7105 !important; + background-color: #111 !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item { + &.active-menu-title, &:hover { + color: #ea7105 !important; + background-color: #111 !important; + } +} + +a.list-group-item:focus { + color: #ea7105 !important; + background-color: #111 !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div { + &.collapse.in > a.list-group-item { + &.collapsed:focus, &:focus { + color: #ea7105 !important; + background-color: #111 !important; + } + } + &.active-menu.collapse.in > a.list-group-item.active { + color: #ea7105 !important; + background-color: #111 !important; + } + &.collapse.in { + width: 168px; + font-size: 14px; + z-index: 10; + position: absolute; + left: 70px; + margin-top: -70px; + border: 1px solid #000000; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1); + > div.collapse.in { + width: 168px; + font-size: 14px; + z-index: 10; + position: absolute; + left: 166px; + margin-top: -26px; + border: 1px solid #1f3a4a; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1); + } + } + &.collapsing, &.collapse.in > div.collapsing { + display: none; + } +} + +/* Sub Level One */ + +/* Sub Level Two */ + button.toggle-sidebar { - &.glyphicon: ; + color: #FFF; + background-color: transparent; + font-size: 14px; + border: none; + margin-top: 18px; + float: left; + outline: none; } -color: #FFF; background-color: transparent; font-size: 14px; border: none; margin-top: 18px; float: left; { + +/* COLLAPSE SIDEBAR END*/ + +#navigation.collapse.in { + display: block !important; } -.collapse .list-group-item:last-child { - border-bottom: none; + +.list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child { + border-bottom: none; } -.dropdown-menu > li > a { - padding: 3px 10px; + +.dropdown-menu > li > a, .dropdown-header { + padding: 3px 10px; } + +.nav-tabs { + margin-right: 1px; + border-bottom: 1px solid #999999; + > li { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 2px; + > a { + background: #232323; + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + border-right: 1px solid #161616; + border-top: 1px solid #161616; + border-left: 1px solid #161616; + border-bottom: 1px solid #999999; + &:hover, &:focus { + border-right: 1px solid #161616; + border-top: 1px solid #161616; + border-left: 1px solid #161616; + border-bottom: 1px solid #999999; + } + } + &.active > a { + background: #555 !important; + border-right: 1px solid #999999; + border-top: 1px solid #999999; + border-left: 1px solid #999999; + &:hover, &:focus { + border-right: 1px solid #999999; + border-top: 1px solid #999999; + border-left: 1px solid #999999; + } + } + > 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 #E5E5E5; + > li { + border-bottom: 1px solid #E5E5E5; + border-top: 1px solid #E5E5E5; + border-left: 1px solid #E5E5E5; + border-radius: 0px; + background: #2B2B2B; + > a { + color: #C1C1c1; + 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; +} + .btn-default .glyphicon { - color: $color_violet_eggplant_approx1s1; + color: #A1A1S1; } + +table { + width: 100%; +} + +.table { + 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; + vertical-align: -2px; } -+ div > a { - padding-left: 44px; + +.list-group-item { + overflow: hidden; + text-overflow: ellipsis; + + div { + &.collapse { + margin-bottom: -1px; + } + > a { + padding-left: 44px; + } + } + &:before { + background: #EA7105; + content: ""; + height: 42px; + min-height: 100%; + left: 0; + position: absolute; + top: 0px; + width: 0; + -webkit-transition: width 0.2s; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + transition: width 0.2s; + } } + +.list-group-submenu a { + padding-left: 56px; +} + +.active-menu-title, .active-menu a { + text-decoration: none; + position: relative; + background-color: #262626; +} + +.active-menu-title:before, .active-menu a:before { + width: 3px; +} + +.active-menu-title.active { + background-color: #454545; +} + .active-menu a { - @extend %extend_4; - &:before { - background: $color_tan_hide_approx; - } + &.active { + background-color: #454545; + } + &:before { + background: #ED9A50; + } } + .alert.alert-danger { - color: $white !important; + color: #FFF !important; } -#grid-log th[data-column-id="__timestamp__"] { - min-width: 3.5em; + +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-radius: 0 !important; } -#filter-log-entries th[data-column-id="__timestamp__"] { - min-width: 3.5em; + +.navbar-brand { + padding: 10px 20px; } + +.label-opnsense { + /* emulates btn */ + border: 1px solid transparent; + display: inline-block; + vertical-align: middle; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.label-opnsense-sm { + /* emulates btn-sm */ + padding: 5px 10px; +} + +.label-opnsense-xs { + /* emulates btn-xs */ + padding: 1px 5px; +} + +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-button { + width: 8px; + height: 5px; +} + +::-webkit-scrollbar-track { + background: #2B2B2B; + 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 #ccc; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + background-repeat: no-repeat; + background-position: right; + background-image: url(/ui/themes/opnsense/build/images/caret.png) !important; +} + +#grid-log th[data-column-id=__timestamp__], #filter-log-entries th[data-column-id=__timestamp__] { + min-width: 3.5em; +} + +@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: 0.4em; + float: left; + } +} + +div[data-for*=help_for] { + padding-top: 0.4em; +} + +#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; +} + +.tokens-container { + margin-top: 0px; + margin-bottom: 0px; +} + +#ipsec { + #ipsec-mobile, #ipsec-tunnel, #ipsec-overview { + background-color: #333333; + } + .ipsec-tab { + background-color: #555555; + color: black; + &.activetab { + background-color: #888888; + color: #eeeeee; + } + } +} + #tab_1 #maintabs { - border-bottom: 1px solid $color_chicago_approx; + border-bottom: 1px solid #565656; } + textarea#update_status { - color: inherit !important; - background-color: none !important; - //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) - 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; + &: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: ""; + color: #FFFFFF !important; +} + +.fa-times-circle::before { + content: ""; + color: #B13116; +} + +.fa-refresh::before { + content: ""; + color: #FFF; +} + +.fa-question-circle::before { + content: ""; + cursor: pointer; + color: #ec6d12; +} + +#navigation > .fa-search::before, .fa-refresh::before { + color: inherit !important; +} + #totals .fa-search::before { - color: $white !important; - background-color: $color_christine_approx; - padding: 5px; - //Instead of the line below you could use @include border-radius($radius, $vertical-radius) - border-radius: 4px; - border: 1px solid $color_chicago_approx; + color: #FFF !important; + background-color: #ec6d12; + padding: 5px; + border-radius: 4px; + border: 1px solid #5A5A5A; } + .panel-heading h3:hover { - color: $white; - text-decoration: none; + 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: $white; + fill: #FFFFFF; } + +.nv-series-0 { + stroke-opacity: 1; + stroke-width: 1.5; + fill-opacity: 0.5; + fill: #0097ff !important; + stroke: #0097ff !important; +} + .nv-controlsWrap.nvd3-svg circle.nv-legend-symbol { - stroke-width: 1 !important; - fill: $color_stack_approx !important; - stroke: $color_stack_approx !important; + stroke-width: 1 !important; + fill: #8f8f8f !important; + stroke: #8f8f8f !important; } + .table-condensed.table-hover { - border: 1px solid $color_fuscous_gray_approx; + border: 1px solid #515151; } -border: 1px solid #5a5a5a !important; background-color: #2a2a2a !important; color: #FFFFFF !important; { + +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 { + border: 1px solid #5a5a5a !important; + background-color: #2a2a2a !important; + color: #FFFFFF !important; + li.TokenSearch { + color: #FFFFFF !important; + } + &:hover, &:focus { + border-color: #ec6d12 !important; + background-color: #2a2a2a !important; + -webkit-box-shadow: inset 0 1px 1px black, 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px black, 0 0 8px rgba(0, 0, 0, 0.6); + } + } + &.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; + &.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: #3c3c3c !important; + color: black !important; + border: 1px solid #ff7f0e !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: $color_corn_approx !important; + color: #eac80a !important; } + #system_log-widgets.content-box { - border: none; + 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; } .image_invertible { - filter: invert(1); -} + filter: invert(1); +} \ No newline at end of file