diff --git a/misc/theme-tukan/Makefile b/misc/theme-tukan/Makefile index 9408a172a..4d9f9cc95 100644 --- a/misc/theme-tukan/Makefile +++ b/misc/theme-tukan/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-tukan -PLUGIN_VERSION= 1.24 +PLUGIN_VERSION= 1.25 PLUGIN_COMMENT= The tukan theme - blue/white PLUGIN_MAINTAINER= rene@team-rebellion.net diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/bootstrap-select-1.13.3.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/bootstrap-select-1.13.3.scss index 150b35e36..6d3fa13e9 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/bootstrap-select-1.13.3.scss +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/bootstrap-select-1.13.3.scss @@ -11,7 +11,9 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel .bootstrap-select { width: 348px \0; + /*IE9 and below*/ + > { .dropdown-toggle { position: relative; @@ -19,16 +21,20 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel z-index: 1; text-align: right; white-space: nowrap; + &.bs-placeholder { - color: #fff; + color: #000; + &:hover, &:focus, &:active { - color: #fff; + color: #000; } + &.btn-primary, &.btn-secondary, &.btn-success, &.btn-danger, &.btn-info, &.btn-dark, &.btn-primary:hover, &.btn-secondary:hover, &.btn-success:hover, &.btn-danger:hover, &.btn-info:hover, &.btn-dark:hover, &.btn-primary:focus, &.btn-secondary:focus, &.btn-success:focus, &.btn-danger:focus, &.btn-info:focus, &.btn-dark:focus, &.btn-primary:active, &.btn-secondary:active, &.btn-success:active, &.btn-danger:active, &.btn-info:active, &.btn-dark:active { color: #ffffff; } } } + select { position: absolute !important; bottom: 0; @@ -39,6 +45,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel padding: 0 !important; opacity: 0 !important; border: none; + &.mobile-device { top: 0; left: 0; @@ -62,9 +69,11 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel &.fit-width { width: auto !important; } + &:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 348px; } + &.form-control { margin-bottom: 0; padding: 0; @@ -79,15 +88,18 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel .bootstrap-select { &.form-control.input-group-btn { z-index: auto; + &:not(:first-child):not(:last-child) > .btn { border-radius: 0; } } + &:not(.input-group-btn), &[class*="col-"] { float: none; display: inline-block; margin-left: 0; } + &.dropdown-menu-right, &[class*="col-"].dropdown-menu-right { float: right; } @@ -118,9 +130,11 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel line-height: inherit; border-radius: inherit; } + &.form-control-sm .dropdown-toggle { padding: 0.25rem 0.5rem; } + &.form-control-lg .dropdown-toggle { padding: 0.5rem 1rem; } @@ -133,31 +147,38 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel .bootstrap-select { &.disabled { cursor: not-allowed; + &:focus { outline: none !important; } } + > .disabled { cursor: not-allowed; } + > .disabled:focus { outline: none !important; } + &.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; + .dropdown-menu { z-index: 1060; } } + .dropdown-toggle { &:before { content: ''; display: inline-block; } + .filter-option { position: absolute; top: 0; @@ -170,12 +191,15 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel width: 100%; text-align: left; } + .filter-option-inner { padding-right: inherit; } + .filter-option-inner-inner { overflow: hidden; } + .caret { position: absolute; top: 50%; @@ -194,14 +218,17 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel &[class*="col-"] .dropdown-toggle { width: 100%; } + .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + > .inner:focus { outline: none !important; } + &.inner { position: static; float: none; @@ -212,37 +239,46 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel -webkit-box-shadow: none; box-shadow: none; } + li { position: relative; + &.active small { color: rgba(255, 255, 255, 0.5) !important; } + &.disabled a { cursor: not-allowed; } + a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + &.opt { position: relative; padding-left: 2.25em; } + span { &.check-mark { display: none; } + &.text { display: inline-block; } } } + small { padding-left: 0.5em; } } + .notify { position: absolute; bottom: 5px; @@ -261,27 +297,32 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel box-sizing: border-box; } } + .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } + &.fit-width .dropdown-toggle { .filter-option { position: static; display: inline; padding: 0; } + .filter-option-inner, .filter-option-inner-inner { display: inline; } + .caret { position: static; top: auto; margin-top: -1px; } } + &.show-tick .dropdown-menu { .selected span.check-mark { position: absolute; @@ -289,10 +330,12 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel right: 15px; top: 5px; } + li a span.text { margin-right: 34px; } } + .bs-ok-default:after { content: ''; display: block; @@ -305,10 +348,12 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel -o-transform: rotate(45deg); transform: rotate(45deg); } + &.show-menu-arrow { &.open > .dropdown-toggle, &.show > .dropdown-toggle { z-index: 1061; } + .dropdown-toggle .filter-option { &:before { content: ''; @@ -320,6 +365,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel left: 9px; display: none; } + &:after { content: ''; border-left: 6px solid transparent; @@ -331,6 +377,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel display: none; } } + &.dropup .dropdown-toggle .filter-option { &:before { bottom: auto; @@ -338,6 +385,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } + &:after { bottom: auto; top: -4px; @@ -345,16 +393,19 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel border-bottom: 0; } } + &.pull-right .dropdown-toggle .filter-option { &:before { right: 12px; left: auto; } + &:after { right: 13px; left: auto; } } + &.open > .dropdown-toggle .filter-option:before, &.show > .dropdown-toggle .filter-option:before, &.open > .dropdown-toggle .filter-option:after, &.show > .dropdown-toggle .filter-option:after { display: block; } @@ -370,6 +421,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + .btn-group button { width: 50%; } @@ -381,6 +433,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + .btn-group button { width: 100%; } @@ -390,6 +443,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel + .bs-actionsbox { padding: 0 8px 4px; } + .form-control { margin-bottom: 0; width: 100%; @@ -405,6 +459,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel .dropdown-menu > li > a { padding: 3px 20px 3px 30px; } + &.show-tick .dropdown-menu .selected span.check-mark { left: 10px; } diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss index 9319aaa62..f99129bc8 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss @@ -1,357 +1,296 @@ @charset "UTF-8"; - .widgetdiv .content-box-head { - background: #294c5f !important; + background: #354248 !important; color: #FFF !important; padding-bottom: 1px !important; padding-top: 1px !important; padding-right: 1px !important; - padding-left: 5px !important; + padding-left: 4px !important; min-height: 25px !important; - border: 1px solid #fff; + border: 1px solid #2f2f2f; } - .btn-group .btn { + .widgetdiv .content-box-head .btn-group .btn { color: #FFFFFF !important; background: none; - border: 0px; - - .glyphicon { - color: #FFFFFF !important; - } - } - - .list-inline li > h3 { - padding-top: 4px; - } -} + border: 0px; } + .widgetdiv .content-box-head .btn-group .btn .glyphicon { + color: #FFFFFF !important; } + .widgetdiv .content-box-head .list-inline li > h3 { + padding-top: 4px; } @font-face { font-family: 'SourceSansProBold'; - src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); -} - + src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); } @font-face { font-family: 'SourceSansProSemibold'; - src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); -} - + src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); } @font-face { font-family: 'SourceSansProRegular'; - src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); -} - + src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); } + /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ - -table html { +table +html { font-family: sans-serif; -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} + -webkit-text-size-adjust: 100%; } body { - margin: 0; -} + margin: 0; } -article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { - display: block; -} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; } -audio, canvas, progress, video { +audio, +canvas, +progress, +video { display: inline-block; - vertical-align: baseline; -} + vertical-align: baseline; } audio:not([controls]) { display: none; - height: 0; -} + height: 0; } -[hidden], template { - display: none; -} +[hidden], +template { + display: none; } a { - color: #FF6C06; + color: #D95E04; text-decoration: none; background: transparent; - outline: 0; + outline: 0; } - &:link, &:active { - outline: 0; - } + a:link, a:active { + outline: 0; } - &:hover, &:focus { - color: #FF6C06; - text-decoration: underline; - } -} + a:hover, a:focus { + color: #D95E04; + text-decoration: underline; } abbr[title] { - border-bottom: 1px dotted; -} + border-bottom: 1px dotted; } -b, strong { - font-weight: bold; -} +b, +strong { + font-weight: bold; } dfn { - font-style: italic; -} + font-style: italic; } h1 { - font-size: 2em; - margin: 0.67em 0; -} + font-size: 8em; + margin: 0.67em 0; } mark { background: #ff0; - color: #000; -} + color: #000; } small { - font-size: 80%; -} - -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} + font-size: 80%; } +sub, sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; - top: -0.5em; -} + vertical-align: baseline; } + +sup { + top: -0.5em; } sub { - bottom: -0.25em; -} + bottom: -0.25em; } img { - border: 0; -} + border: 0; } svg:not(:root) { - overflow: hidden; -} + overflow: hidden; } figure { - margin: 1em 40px; -} + margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; - height: 0; -} + height: 0; } pre { - overflow: auto; -} + overflow: auto; } -code, kbd, pre, samp { +code, +kbd, +pre, +samp { font-family: monospace, monospace; - font-size: 1em; -} + font-size: 1em; } -button, input, optgroup, select, textarea { +button, +input, +optgroup, +select, +textarea { color: inherit; font: inherit; - margin: 0; -} + margin: 0; } button { - overflow: visible; - text-transform: none; -} + overflow: visible; } +button, select { - text-transform: none; -} + text-transform: none; } -button, html input[type="button"] { +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { -webkit-appearance: button; - cursor: pointer; -} + cursor: pointer; } -input { - &[type="reset"], &[type="submit"] { - -webkit-appearance: button; - cursor: pointer; - } -} +button[disabled], +html input[disabled] { + cursor: default; } -button[disabled], html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner { +button::-moz-focus-inner, +input::-moz-focus-inner { border: 0; - padding: 0; -} + padding: 0; } input { - &::-moz-focus-inner { - border: 0; - padding: 0; - } + line-height: normal; } - line-height: normal; +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } - &[type="checkbox"], &[type="radio"] { - box-sizing: border-box; - padding: 0; - } +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } - &[type="number"] { - &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { - height: auto; - } - } +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } - &[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; - } - } -} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} + padding: 0.35em 0.625em 0.75em; } legend { border: 0; - padding: 0; -} + padding: 0; } textarea { - overflow: auto; -} + overflow: auto; } optgroup { - font-weight: bold; -} + font-weight: bold; } table { border-collapse: none; border-spacing: 0; color: #000; - background-color: #F0F0F0; - width: 100%; -} + background-color: #fff; + width: 100%; } -td, th { - padding: 0; -} +td, +th { + padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; - box-shadow: none !important; - } + box-shadow: none !important; } - a { - text-decoration: underline; + a, + a:visited { + text-decoration: underline; } - &:visited { - text-decoration: underline; - } - - &[href]:after { - content: " (" attr(href) ")"; - } - } + a[href]:after { + content: " (" attr(href) ")"; } abbr[title]:after { - content: " (" attr(title) ")"; - } + content: " (" attr(title) ")"; } - a { - &[href^="javascript:"]:after, &[href^="#"]:after { - content: ""; - } - } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; } - pre, blockquote { + pre, + blockquote { border: 1px solid #999; - page-break-inside: avoid; - } + page-break-inside: avoid; } thead { - display: table-header-group; - } + display: table-header-group; } - tr { - page-break-inside: avoid; - } + tr, + img { + page-break-inside: avoid; } img { - page-break-inside: avoid; - max-width: 100% !important; - } + max-width: 100% !important; } - p, h2, h3 { + p, + h2, + h3 { orphans: 3; - widows: 3; - } + widows: 3; } - h2, h3 { - page-break-after: avoid; - } + h2, + h3 { + page-break-after: avoid; } select { - background: #fff !important; - } + background: #fff !important; } .navbar { - display: none; - } + display: none; } - .table { - td, th { - background-color: #fff !important; - } - } + .table td, + .table th { + background-color: #fff !important; } - .btn > .caret, .dropup > .btn > .caret { - border-top-color: #000 !important; - } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; } .label { - border: 1px solid #000; - } + border: 1px solid #000; } .table { - border-collapse: collapse !important; - } - - .table-bordered { - th, td { - border: 1px solid #ddd !important; - } - } -} + border-collapse: collapse !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); - src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); -} - + src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; @@ -361,863 +300,658 @@ td, th { font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { - content: "\2a"; -} + content: "\2a"; } .glyphicon-plus:before { - content: "\2b"; -} + content: "\2b"; } .glyphicon-euro:before { - content: "\20ac"; -} + content: "\20ac"; } .glyphicon-minus:before { - content: "\2212"; -} + content: "\2212"; } .glyphicon-cloud:before { - content: "\2601"; -} + content: "\2601"; } .glyphicon-envelope:before { - content: "\2709"; -} + content: "\2709"; } .glyphicon-pencil:before { - content: "\270f"; -} + content: "\270f"; } .glyphicon-glass:before { - content: "\e001"; -} + content: "\e001"; } .glyphicon-music:before { - content: "\e002"; -} + content: "\e002"; } .icon.glyphicon.input-group-addon.glyphicon-search:before, .glyphicon-search:before { content: "\e003"; - color: #FFF !important; -} + color: #FFF !important; } .glyphicon-heart:before { - content: "\e005"; -} + content: "\e005"; } .glyphicon-star:before { - content: "\e006"; -} + content: "\e006"; } .glyphicon-star-empty:before { - content: "\e007"; -} + content: "\e007"; } .glyphicon-user:before { - content: "\e008"; -} + content: "\e008"; } .glyphicon-film:before { - content: "\e009"; -} + content: "\e009"; } .glyphicon-th-large:before { - content: "\e010"; -} + content: "\e010"; } .glyphicon-th:before { - content: "\e011"; -} + content: "\e011"; } .glyphicon-th-list:before { - content: "\e012"; -} + content: "\e012"; } .glyphicon-ok:before { - content: "\e013"; -} + content: "\e013"; } .glyphicon-remove:before { - content: "\e014"; -} + content: "\e014"; } .glyphicon-zoom-in:before { - content: "\e015"; -} + content: "\e015"; } .glyphicon-zoom-out:before { - content: "\e016"; -} + content: "\e016"; } .glyphicon-off:before { - content: "\e017"; -} + content: "\e017"; } .glyphicon-signal:before { - content: "\e018"; -} + content: "\e018"; } .glyphicon-cog:before { - content: "\e019"; -} + content: "\e019"; } .glyphicon-trash:before { - content: "\e020"; -} + content: "\e020"; } .glyphicon-home:before { - content: "\e021"; -} + content: "\e021"; } .glyphicon-file:before { - content: "\e022"; -} + content: "\e022"; } .glyphicon-time:before { - content: "\e023"; -} + content: "\e023"; } .glyphicon-road:before { - content: "\e024"; -} + content: "\e024"; } .glyphicon-download-alt:before { - content: "\e025"; -} + content: "\e025"; } .glyphicon-download:before { - content: "\e026"; -} + content: "\e026"; } .glyphicon-upload:before { - content: "\e027"; -} + content: "\e027"; } .glyphicon-inbox:before { - content: "\e028"; -} + content: "\e028"; } .glyphicon-play-circle:before { - content: "\e029"; -} + content: "\e029"; } .glyphicon-repeat:before { - content: "\e030"; -} + content: "\e030"; } .glyphicon-refresh:before { - content: "\e031"; -} + content: "\e031"; } .glyphicon-list-alt:before { - content: "\e032"; -} + content: "\e032"; } .glyphicon-lock:before { - content: "\e033"; -} + content: "\e033"; } .glyphicon-flag:before { - content: "\e034"; -} + content: "\e034"; } .glyphicon-headphones:before { - content: "\e035"; -} + content: "\e035"; } .glyphicon-volume-off:before { - content: "\e036"; -} + content: "\e036"; } .glyphicon-volume-down:before { - content: "\e037"; -} + content: "\e037"; } .glyphicon-volume-up:before { - content: "\e038"; -} + content: "\e038"; } .glyphicon-qrcode:before { - content: "\e039"; -} + content: "\e039"; } .glyphicon-barcode:before { - content: "\e040"; -} + content: "\e040"; } .glyphicon-tag:before { - content: "\e041"; -} + content: "\e041"; } .glyphicon-tags:before { - content: "\e042"; -} + content: "\e042"; } .glyphicon-book:before { - content: "\e043"; -} + content: "\e043"; } .glyphicon-bookmark:before { - content: "\e044"; -} + content: "\e044"; } .glyphicon-print:before { - content: "\e045"; -} + content: "\e045"; } .glyphicon-camera:before { - content: "\e046"; -} + content: "\e046"; } .glyphicon-font:before { - content: "\e047"; -} + content: "\e047"; } .glyphicon-bold:before { - content: "\e048"; -} + content: "\e048"; } .glyphicon-italic:before { - content: "\e049"; -} + content: "\e049"; } .glyphicon-text-height:before { - content: "\e050"; -} + content: "\e050"; } .glyphicon-text-width:before { - content: "\e051"; -} + content: "\e051"; } .glyphicon-align-left:before { - content: "\e052"; -} + content: "\e052"; } .glyphicon-align-center:before { - content: "\e053"; -} + content: "\e053"; } .glyphicon-align-right:before { - content: "\e054"; -} + content: "\e054"; } .glyphicon-align-justify:before { - content: "\e055"; -} + content: "\e055"; } .glyphicon-list:before { - content: "\e056"; -} + content: "\e056"; } .glyphicon-indent-left:before { - content: "\e057"; -} + content: "\e057"; } .glyphicon-indent-right:before { - content: "\e058"; -} + content: "\e058"; } .glyphicon-facetime-video:before { - content: "\e059"; -} + content: "\e059"; } .glyphicon-picture:before { - content: "\e060"; -} + content: "\e060"; } .glyphicon-map-marker:before { - content: "\e062"; -} + content: "\e062"; } .glyphicon-adjust:before { - content: "\e063"; -} + content: "\e063"; } .glyphicon-tint:before { - color: #3F0; - content: "\e064"; -} + color:#3F0; + content: "\e064"; } .glyphicon-edit:before { - content: "\e065"; -} + content: "\e065"; } .glyphicon-share:before { - content: "\e066"; -} + content: "\e066"; } .glyphicon-check:before { - content: "\e067"; -} + content: "\e067"; } .glyphicon-move:before { - content: "\e068"; -} + content: "\e068"; } .glyphicon-step-backward:before { - content: "\e069"; -} + content: "\e069"; } .glyphicon-fast-backward:before { - content: "\e070"; -} + content: "\e070"; } .glyphicon-backward:before { - content: "\e071"; -} + content: "\e071"; } .glyphicon-play:before { - content: "\e072"; -} + content: "\e072"; } .glyphicon-pause:before { - content: "\e073"; -} + content: "\e073"; } .glyphicon-stop:before { - content: "\e074"; -} + content: "\e074"; } .glyphicon-forward:before { - content: "\e075"; -} + content: "\e075"; } .glyphicon-fast-forward:before { - content: "\e076"; -} + content: "\e076"; } .glyphicon-step-forward:before { - content: "\e077"; -} + content: "\e077"; } .glyphicon-eject:before { - content: "\e078"; -} + content: "\e078"; } .glyphicon-chevron-left:before { - content: "\e079"; -} + content: "\e079"; } .glyphicon-chevron-right:before { - content: "\e080"; -} + content: "\e080"; } .glyphicon-plus-sign:before { - content: "\e081"; -} + content: "\e081"; } .glyphicon-minus-sign:before { - content: "\e082"; -} + content: "\e082"; } .glyphicon-remove-sign:before { - content: "\e083"; -} + content: "\e083"; } .glyphicon-ok-sign:before { - content: "\e084"; -} + content: "\e084"; } .glyphicon-question-sign:before { - content: "\e085"; -} + content: "\e085"; } .glyphicon-info-sign:before { - content: "\e086"; -} + content: "\e086"; } .glyphicon-screenshot:before { - content: "\e087"; -} + content: "\e087"; } .glyphicon-remove-circle:before { - content: "\e088"; -} + content: "\e088"; } .glyphicon-ok-circle:before { - content: "\e089"; -} + content: "\e089"; } .glyphicon-ban-circle:before { - content: "\e090"; -} + content: "\e090"; } .glyphicon-arrow-left:before { - content: "\e091"; -} + content: "\e091"; } .glyphicon-arrow-right:before { - content: "\e092"; -} + content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; - color: #4FB654 !important; -} + color: #4FB654 !important; } .glyphicon-arrow-down:before { content: "\e094"; - color: #FF5E3B !important; -} + color: #FF5E3B !important; } .glyphicon-share-alt:before { - content: "\e095"; -} + content: "\e095"; } .glyphicon-resize-full:before { - content: "\e096"; -} + content: "\e096"; } .glyphicon-resize-small:before { - content: "\e097"; -} + content: "\e097"; } .glyphicon-exclamation-sign:before { - content: "\e101"; -} + content: "\e101"; } .glyphicon-gift:before { - content: "\e102"; -} + content: "\e102"; } .glyphicon-leaf:before { - content: "\e103"; -} + content: "\e103"; } .glyphicon-fire:before { - content: "\e104"; -} + content: "\e104"; } .glyphicon-eye-open:before { - content: "\e105"; -} + content: "\e105"; } .glyphicon-eye-close:before { - content: "\e106"; -} + content: "\e106"; } .glyphicon-warning-sign:before { - content: "\e107"; -} + content: "\e107"; } .glyphicon-plane:before { - content: "\e108"; -} + content: "\e108"; } .glyphicon-calendar:before { - content: "\e109"; -} + content: "\e109"; } .glyphicon-random:before { - content: "\e110"; -} + content: "\e110"; } .glyphicon-comment:before { - content: "\e111"; -} + content: "\e111"; } .glyphicon-magnet:before { - content: "\e112"; -} + content: "\e112"; } .glyphicon-chevron-up:before { - content: "\e113"; -} + content: "\e113"; } .glyphicon-chevron-down:before { - content: "\e114"; -} + content: "\e114"; } .glyphicon-retweet:before { - content: "\e115"; -} + content: "\e115"; } .glyphicon-shopping-cart:before { - content: "\e116"; -} + content: "\e116"; } .glyphicon-folder-close:before { - content: "\e117"; -} + content: "\e117"; } .glyphicon-folder-open:before { - content: "\e118"; -} + content: "\e118"; } .glyphicon-resize-vertical:before { - content: "\e119"; -} + content: "\e119"; } .glyphicon-resize-horizontal:before { - content: "\e120"; -} + content: "\e120"; } .glyphicon-hdd:before { - content: "\e121"; -} + content: "\e121"; } .glyphicon-bullhorn:before { - content: "\e122"; -} + content: "\e122"; } .glyphicon-bell:before { - content: "\e123"; -} + content: "\e123"; } .glyphicon-certificate:before { - content: "\e124"; -} + content: "\e124"; } .glyphicon-thumbs-up:before { - content: "\e125"; -} + content: "\e125"; } .glyphicon-thumbs-down:before { - content: "\e126"; -} + content: "\e126"; } .glyphicon-hand-right:before { - content: "\e127"; -} + content: "\e127"; } .glyphicon-hand-left:before { - content: "\e128"; -} + content: "\e128"; } .glyphicon-hand-up:before { - content: "\e129"; -} + content: "\e129"; } .glyphicon-hand-down:before { - content: "\e130"; -} + content: "\e130"; } .glyphicon-circle-arrow-right:before { - content: "\e131"; -} + content: "\e131"; } .glyphicon-circle-arrow-left:before { - content: "\e132"; -} + content: "\e132"; } .glyphicon-circle-arrow-up:before { - content: "\e133"; -} + content: "\e133"; } .glyphicon-circle-arrow-down:before { - content: "\e134"; -} + content: "\e134"; } .glyphicon-globe:before { - content: "\e135"; -} + content: "\e135"; } .glyphicon-wrench:before { - content: "\e136"; -} + content: "\e136"; } .glyphicon-tasks:before { - content: "\e137"; -} + content: "\e137"; } .glyphicon-filter:before { - content: "\e138"; -} + content: "\e138"; } .glyphicon-briefcase:before { - content: "\e139"; -} + content: "\e139"; } .glyphicon-fullscreen:before { - content: "\e140"; -} + content: "\e140"; } .glyphicon-dashboard:before { - content: "\e141"; -} + content: "\e141"; } .glyphicon-paperclip:before { - content: "\e142"; -} + content: "\e142"; } .glyphicon-heart-empty:before { - content: "\e143"; -} + content: "\e143"; } .glyphicon-link:before { - content: "\e144"; -} + content: "\e144"; } .glyphicon-phone:before { - content: "\e145"; -} + content: "\e145"; } .glyphicon-pushpin:before { - content: "\e146"; -} + content: "\e146"; } .glyphicon-usd:before { - content: "\e148"; -} + content: "\e148"; } .glyphicon-gbp:before { - content: "\e149"; -} + content: "\e149"; } .glyphicon-sort:before { - content: "\e150"; -} + content: "\e150"; } .glyphicon-sort-by-alphabet:before { - content: "\e151"; -} + content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} + content: "\e152"; } .glyphicon-sort-by-order:before { - content: "\e153"; -} + content: "\e153"; } .glyphicon-sort-by-order-alt:before { - content: "\e154"; -} + content: "\e154"; } .glyphicon-sort-by-attributes:before { - content: "\e155"; -} + content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} + content: "\e156"; } .glyphicon-unchecked:before { - content: "\e157"; -} + content: "\e157"; } .glyphicon-expand:before { - content: "\e158"; -} + content: "\e158"; } .glyphicon-collapse-down:before { - content: "\e159"; -} + content: "\e159"; } .glyphicon-collapse-up:before { - content: "\e160"; -} + content: "\e160"; } .glyphicon-log-in:before { - content: "\e161"; -} + content: "\e161"; } .glyphicon-flash:before { - content: "\e162"; -} + content: "\e162"; } .glyphicon-log-out:before { - content: "\e163"; -} + content: "\e163"; } .glyphicon-new-window:before { - content: "\e164"; -} + content: "\e164"; } .glyphicon-record:before { - content: "\e165"; -} + content: "\e165"; } .glyphicon-save:before { - content: "\e166"; -} + content: "\e166"; } .glyphicon-open:before { - content: "\e167"; -} + content: "\e167"; } .glyphicon-saved:before { - content: "\e168"; -} + content: "\e168"; } .glyphicon-import:before { - content: "\e169"; -} + content: "\e169"; } .glyphicon-export:before { - content: "\e170"; -} + content: "\e170"; } .glyphicon-send:before { - content: "\e171"; -} + content: "\e171"; } .glyphicon-floppy-disk:before { - content: "\e172"; -} + content: "\e172"; } .glyphicon-floppy-saved:before { - content: "\e173"; -} + content: "\e173"; } .glyphicon-floppy-remove:before { - content: "\e174"; -} + content: "\e174"; } .glyphicon-floppy-save:before { - content: "\e175"; -} + content: "\e175"; } .glyphicon-floppy-open:before { - content: "\e176"; -} + content: "\e176"; } .glyphicon-credit-card:before { - content: "\e177"; -} + content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; - color: #4FB654 !important; -} + color:#4FB654 !important; } .glyphicon-cutlery:before { - content: "\e179"; -} + content: "\e179"; } .glyphicon-header:before { - content: "\e180"; -} + content: "\e180"; } .glyphicon-compressed:before { - content: "\e181"; -} + content: "\e181"; } .glyphicon-earphone:before { - content: "\e182"; -} + content: "\e182"; } .glyphicon-phone-alt:before { - content: "\e183"; -} + content: "\e183"; } .glyphicon-tower:before { - content: "\e184"; -} + content: "\e184"; } .glyphicon-stats:before { - content: "\e185"; -} + content: "\e185"; } .glyphicon-sd-video:before { - content: "\e186"; -} + content: "\e186"; } .glyphicon-hd-video:before { - content: "\e187"; -} + content: "\e187"; } .glyphicon-subtitles:before { - content: "\e188"; -} + content: "\e188"; } .glyphicon-sound-stereo:before { - content: "\e189"; -} + content: "\e189"; } .glyphicon-sound-dolby:before { - content: "\e190"; -} + content: "\e190"; } .glyphicon-sound-5-1:before { - content: "\e191"; -} + content: "\e191"; } .glyphicon-sound-6-1:before { - content: "\e192"; -} + content: "\e192"; } .glyphicon-sound-7-1:before { - content: "\e193"; -} + content: "\e193"; } .glyphicon-copyright-mark:before { - content: "\e194"; -} + content: "\e194"; } .glyphicon-registration-mark:before { - content: "\e195"; -} + content: "\e195"; } .glyphicon-cloud-download:before { - content: "\e197"; -} + content: "\e197"; } .glyphicon-cloud-upload:before { - content: "\e198"; -} + content: "\e198"; } .glyphicon-tree-conifer:before { - content: "\e199"; -} + content: "\e199"; } .glyphicon-tree-deciduous:before { - content: "\e200"; -} + content: "\e200"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - text-decoration: none; + text-decoration:none;} - &:before, &:after { - -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: transparent; -} + -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; + font-size:14px; line-height: 1.428571429; color: #000; } -input, button, select, textarea { +input, +button, +select, +textarea { font-family: inherit; font-size: inherit; - line-height: inherit; -} + line-height: inherit; } figure { - margin: 0; -} + margin: 0; } img { - vertical-align: middle; -} + vertical-align: middle; } .img-responsive { display: block; width: 100% \9; max-width: 100%; - height: auto; -} + height: auto; } .img-rounded { - border-radius: 6px; -} + border-radius: 6px; } .img-thumbnail { padding: 4px; @@ -1231,19 +965,16 @@ img { display: inline-block; width: 100% \9; max-width: 100%; - height: auto; -} + height: auto; } .img-circle { - border-radius: 50%; -} + border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; - border-top: 1px solid #eeeeee; -} + border-top: 1px solid #eeeeee; } .sr-only { position: absolute; @@ -1253,553 +984,338 @@ hr { padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); - border: 0; -} + border: 0; } -.sr-only-focusable { - &:active, &:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } -} +.sr-only-focusable:active, .sr-only-focusable: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"; + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 100; line-height: 1.4; - color: inherit; -} - -h1 { - small, .small { + color: inherit; } + h1 small, + h1 .small, h2 small, + h2 .small, h3 small, + h3 .small, h4 small, + h4 .small, h5 small, + h5 .small, h6 small, + h6 .small, + .h1 small, + .h1 .small, .h2 small, + .h2 .small, .h3 small, + .h3 .small, .h4 small, + .h4 .small, .h5 small, + .h5 .small, .h6 small, + .h6 .small { font-weight: normal; line-height: 1; - color: #b6b6b6; - } -} + color: #b6b6b6; } -h2 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -h3 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -h4 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -h5 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -h6 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -.h1 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -.h2 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -.h3 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -.h4 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -.h5 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -.h6 { - small, .small { - font-weight: normal; - line-height: 1; - color: #b6b6b6; - } -} - -h1, .h1, h2, .h2, h3, .h3 { +h1, .h1, +h2, .h2, +h3, .h3 { margin-top: 20px; - margin-bottom: 10px; -} + margin-bottom: 10px; } + h1 small, + h1 .small, .h1 small, + .h1 .small, + h2 small, + h2 .small, .h2 small, + .h2 .small, + h3 small, + h3 .small, .h3 small, + .h3 .small { + font-size: 65%; } -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 { +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%; - } -} + margin-bottom: 10px; } + h4 small, + h4 .small, .h4 small, + .h4 .small, + h5 small, + h5 .small, .h5 small, + .h5 .small, + h6 small, + h6 .small, .h6 small, + .h6 .small { + font-size: 75%; } h1, .h1 { - font-size: 23px; -} + font-size: 24px; + font-weight: bold; } h2, .h2 { - font-size: 16px; -} + font-size: 16px; } h3, .h3 { - font-size: 14px; -} + font-size:14px; } h4, .h4 { - font-size: 18px; -} + font-size: 18px; } h5, .h5 { - font-size: 14px; -} + font-size:14px; } h6, .h6 { - font-size: 12px; -} + font-size:12px; } p { - margin: 0 0 10px; -} + margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; - line-height: 1.4; -} + line-height: 1.4; } + @media (min-width: 768px) { + .lead { + font-size: 21px; } } -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} - -small, .small { - font-size: 85%; -} +small, +.small { + font-size: 85%; } cite { - font-style: normal; -} + font-style: normal; } -mark, .mark { +mark, +.mark { background-color: #fcf8e3; - padding: .2em; -} + padding: .2em; } .text-left { - text-align: left; -} + text-align: left; } .text-right { - text-align: right; -} + text-align: right; } .text-center { - text-align: center; -} + text-align: center; } .text-justify { - text-align: justify; -} + text-align: justify; } .text-nowrap { - white-space: nowrap; -} + white-space: nowrap; } .text-lowercase { - text-transform: lowercase; -} + text-transform: lowercase; } .text-uppercase { - text-transform: uppercase; -} + text-transform: uppercase; } .text-capitalize { - text-transform: capitalize; -} + text-transform: capitalize; } .text-muted { - color: inherit; -} + color: inherit; } .text-primary { - color: #FF8B00; -} + color: #FF8B00; } a.text-primary:hover { - color: #b85904; -} + color: #b85904; } .text-success { - color: #4FB654; -} + color: #4FB654; } a.text-success:hover { - color: #7fc54f; -} + color: #7fc54f; } .text-info { - color: #47809f; -} + color: #ff6e05; } a.text-info:hover { - color: #245269; -} + color: #245269; } .text-warning { - color: #f0ad4e; -} + color: #f0ad4e; } a.text-warning:hover { - color: #ec971f; -} + color: #ec971f; } .text-danger { - color: #CB4326; -} + color: #CB4326; } a.text-danger:hover { - color: #D8482A; -} + color: #D8482A; } .bg-primary { - color: #fff; - background-color: #FF8B00; -} + color: #fff; } + +.bg-primary { + background-color: #FF8B00; } a.bg-primary:hover { - background-color: #b85904; -} + background-color: #b85904; } .bg-success { - background-color: #9BD275; -} + background-color: #9BD275; } a.bg-success:hover { - background-color: #7fc54f; -} + background-color: #7fc54f; } .bg-info { - background-color: #d9edf7; -} + background-color: #d9edf7; } a.bg-info:hover { - background-color: #afd9ee; -} + background-color: #afd9ee; } .bg-warning { - background-color: #fcf8e3; -} + background-color: #fcf8e3; } a.bg-warning:hover { - background-color: #f7ecb5; -} + background-color: #f7ecb5; } .bg-danger { - background-color: #F05050; -} + background-color: #F05050; } a.bg-danger:hover { - background-color: #ec2121; -} + background-color: #ec2121; } + +fa.fa-long-arrow-right { + color: #d951ff !important; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; - border-bottom: 1px solid #eeeeee; -} - -ul, ol { - margin-top: 0; - margin-bottom: 10px; -} - -ul { - ul, ol { - margin-bottom: 0; - } -} + border-bottom: 1px solid #eeeeee; } +ul, ol { - ul, ol { - margin-bottom: 0; - } -} + margin-top: 0; + margin-bottom: 10px; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } -.list-unstyled { +.list-unstyled, .list-inline { padding-left: 0; - list-style: none; -} + list-style: none; } .list-inline { - padding-left: 0; - list-style: none; - margin-left: -5px; - - > li { + margin-left: -5px; } + .list-inline > li { float: left; padding-left: 5px; - padding-right: 5px; - } -} + padding-right: 5px; } dl { margin-top: 0; - margin-bottom: 20px; -} + margin-bottom: 20px; } -dt, dd { - line-height: 1.428571429; -} +dt, +dd { + line-height: 1.428571429; } dt { - font-weight: bold; -} + font-weight: bold; } dd { - margin-left: 0; -} - -.dl-horizontal dd { - &:before { - content: " "; - display: table; - } - - &:after { - content: " "; - display: table; - clear: both; - } -} + margin-left: 0; } +.dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + display: table; } +.dl-horizontal dd:after { + 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; - } + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .dl-horizontal dd { + margin-left: 180px; } } - dd { - margin-left: 180px; - } - } -} - -abbr { - &[title], &[data-original-title] { - cursor: help; - border-bottom: 1px dotted #777777; - } -} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; - text-transform: uppercase; -} + text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; - border-left: 5px solid #eeeeee; - - p:last-child, ul:last-child, ol:last-child { - margin-bottom: 0; - } - - footer, small, .small { + border-left: 5px solid #eeeeee; } + blockquote p:last-child, + blockquote ul:last-child, + blockquote ol:last-child { + margin-bottom: 0; } + blockquote footer, + blockquote small, + blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; - color: #777777; - } + color: #777777; } + blockquote footer:before, + blockquote small:before, + blockquote .small:before { + content: '\2014 \00A0'; } - footer:before, small:before, .small:before { - content: '\2014 \00A0'; - } -} - -.blockquote-reverse, blockquote.pull-right { +.blockquote-reverse, +blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; - text-align: right; -} + text-align: right; } + .blockquote-reverse footer:before, + .blockquote-reverse small:before, + .blockquote-reverse .small:before, + blockquote.pull-right footer:before, + blockquote.pull-right small:before, + blockquote.pull-right .small:before { + content: ''; } + .blockquote-reverse footer:after, + .blockquote-reverse small:after, + .blockquote-reverse .small:after, + blockquote.pull-right footer:after, + blockquote.pull-right small:after, + blockquote.pull-right .small:after { + content: '\00A0 \2014'; } -.blockquote-reverse { - footer:before, small:before, .small:before { - content: ''; - } -} - -blockquote.pull-right { - footer:before, small:before, .small:before { - content: ''; - } -} - -.blockquote-reverse { - footer:after, small:after, .small:after { - content: '\00A0 \2014'; - } -} - -blockquote { - &.pull-right { - footer:after, small:after, .small:after { - content: '\00A0 \2014'; - } - } - - &:before, &:after { - content: ""; - } -} +blockquote:before, +blockquote:after { + content: ""; } address { margin-bottom: 20px; font-style: normal; - line-height: 1.428571429; -} + line-height: 1.428571429; } -code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; -} +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; -} + border-radius: 3px; } kbd { padding: 2px 4px; @@ -1807,14 +1323,11 @@ kbd { color: #fff; background-color: #2d2d2d; border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - - kbd { + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } + kbd kbd { padding: 0; font-size: 100%; - box-shadow: none; - } -} + box-shadow: none; } pre { display: block; @@ -1827,1356 +1340,846 @@ pre { color: #000; background-color: inherit; border: inherit; - border-radius: 3px; - - code { + border-radius: 3px; } + pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; - border-radius: 0; - } -} + border-radius: 0; } .pre-scrollable { max-height: 340px; - overflow-y: scroll; -} + overflow-y: scroll; } -.container, .container-fluid { +.container { margin-right: auto; margin-left: auto; padding-left: 20px; - padding-right: 20px; - - &:before { + padding-right: 20px; } + .container:before, .container:after { content: " "; - display: table; - } + display: table; } + .container:after { + clear: both; } + @media (min-width: 768px) { + .container { + width: 760px; } } + @media (min-width: 992px) { + .container { + width: 980px; } } + @media (min-width: 1200px) { + .container { + width: 1180px; } } - &:after { +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 20px; + padding-right: 20px; } + .container-fluid:before, .container-fluid: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; - } -} + display: table; } + .container-fluid:after { + clear: both; } .row { margin-left: -20px; - margin-right: -20px; - - &:before { + margin-right: -20px; } + .row:before, .row:after { content: " "; - display: table; - } - - &:after { - content: " "; - display: table; - clear: both; - } -} + display: table; } + .row:after { + 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; -} + 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; -} + float: left; } .col-xs-1 { - width: 8.33333%; -} + width: 8.33333%; } .col-xs-2 { - width: 16.66667%; -} + width: 16.66667%; } .col-xs-3 { - width: 25%; -} + width: 25%; } .col-xs-4 { - width: 33.33333%; -} + width: 33.33333%; } .col-xs-5 { - width: 41.66667%; -} + width: 41.66667%; } .col-xs-6 { - width: 50%; -} + width: 50%; } .col-xs-7 { - width: 58.33333%; -} + width: 58.33333%; } .col-xs-8 { - width: 66.66667%; -} + width: 66.66667%; } .col-xs-9 { - width: 75%; -} + width: 75%; } .col-xs-10 { - width: 83.33333%; -} + width: 83.33333%; } .col-xs-11 { - width: 91.66667%; -} + width: 91.66667%; } .col-xs-12 { - width: 100%; -} + width: 100%; } .col-xs-pull-0 { - right: auto; -} + right: auto; } .col-xs-pull-1 { - right: 8.33333%; -} + right: 8.33333%; } .col-xs-pull-2 { - right: 16.66667%; -} + right: 16.66667%; } .col-xs-pull-3 { - right: 25%; -} + right: 25%; } .col-xs-pull-4 { - right: 33.33333%; -} + right: 33.33333%; } .col-xs-pull-5 { - right: 41.66667%; -} + right: 41.66667%; } .col-xs-pull-6 { - right: 50%; -} + right: 50%; } .col-xs-pull-7 { - right: 58.33333%; -} + right: 58.33333%; } .col-xs-pull-8 { - right: 66.66667%; -} + right: 66.66667%; } .col-xs-pull-9 { - right: 75%; -} + right: 75%; } .col-xs-pull-10 { - right: 83.33333%; -} + right: 83.33333%; } .col-xs-pull-11 { - right: 91.66667%; -} + right: 91.66667%; } .col-xs-pull-12 { - right: 100%; -} + right: 100%; } .col-xs-push-0 { - left: auto; -} + left: auto; } .col-xs-push-1 { - left: 8.33333%; -} + left: 8.33333%; } .col-xs-push-2 { - left: 16.66667%; -} + left: 16.66667%; } .col-xs-push-3 { - left: 25%; -} + left: 25%; } .col-xs-push-4 { - left: 33.33333%; -} + left: 33.33333%; } .col-xs-push-5 { - left: 41.66667%; -} + left: 41.66667%; } .col-xs-push-6 { - left: 50%; -} + left: 50%; } .col-xs-push-7 { - left: 58.33333%; -} + left: 58.33333%; } .col-xs-push-8 { - left: 66.66667%; -} + left: 66.66667%; } .col-xs-push-9 { - left: 75%; -} + left: 75%; } .col-xs-push-10 { - left: 83.33333%; -} + left: 83.33333%; } .col-xs-push-11 { - left: 91.66667%; -} + left: 91.66667%; } .col-xs-push-12 { - left: 100%; -} + left: 100%; } .col-xs-offset-0 { - margin-left: 0%; -} + margin-left: 0%; } .col-xs-offset-1 { - margin-left: 8.33333%; -} + margin-left: 8.33333%; } .col-xs-offset-2 { - margin-left: 16.66667%; -} + margin-left: 16.66667%; } .col-xs-offset-3 { - margin-left: 25%; -} + margin-left: 25%; } .col-xs-offset-4 { - margin-left: 33.33333%; -} + margin-left: 33.33333%; } .col-xs-offset-5 { - margin-left: 41.66667%; -} + margin-left: 41.66667%; } .col-xs-offset-6 { - margin-left: 50%; -} + margin-left: 50%; } .col-xs-offset-7 { - margin-left: 58.33333%; -} + margin-left: 58.33333%; } .col-xs-offset-8 { - margin-left: 66.66667%; -} + margin-left: 66.66667%; } .col-xs-offset-9 { - margin-left: 75%; -} + margin-left: 75%; } .col-xs-offset-10 { - margin-left: 83.33333%; -} + margin-left: 83.33333%; } .col-xs-offset-11 { - margin-left: 91.66667%; -} + margin-left: 91.66667%; } .col-xs-offset-12 { - margin-left: 100%; -} + 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; - } + float: left; } .col-sm-1 { - width: 8.33333%; - } + width: 8.33333%; } .col-sm-2 { - width: 16.66667%; - } + width: 16.66667%; } .col-sm-3 { - width: 25%; - } + width: 25%; } .col-sm-4 { - width: 33.33333%; - } + width: 33.33333%; } .col-sm-5 { - width: 41.66667%; - } + width: 41.66667%; } .col-sm-6 { - width: 50%; - } + width: 50%; } .col-sm-7 { - width: 58.33333%; - } + width: 58.33333%; } .col-sm-8 { - width: 66.66667%; - } + width: 66.66667%; } .col-sm-9 { - width: 75%; - } + width: 75%; } .col-sm-10 { - width: 83.33333%; - } + width: 83.33333%; } .col-sm-11 { - width: 91.66667%; - } + width: 91.66667%; } .col-sm-12 { - width: 100%; - } + width: 100%; } .col-sm-pull-0 { - right: auto; - } + right: auto; } .col-sm-pull-1 { - right: 8.33333%; - } + right: 8.33333%; } .col-sm-pull-2 { - right: 16.66667%; - } + right: 16.66667%; } .col-sm-pull-3 { - right: 25%; - } + right: 25%; } .col-sm-pull-4 { - right: 33.33333%; - } + right: 33.33333%; } .col-sm-pull-5 { - right: 41.66667%; - } + right: 41.66667%; } .col-sm-pull-6 { - right: 50%; - } + right: 50%; } .col-sm-pull-7 { - right: 58.33333%; - } + right: 58.33333%; } .col-sm-pull-8 { - right: 66.66667%; - } + right: 66.66667%; } .col-sm-pull-9 { - right: 75%; - } + right: 75%; } .col-sm-pull-10 { - right: 83.33333%; - } + right: 83.33333%; } .col-sm-pull-11 { - right: 91.66667%; - } + right: 91.66667%; } .col-sm-pull-12 { - right: 100%; - } + right: 100%; } .col-sm-push-0 { - left: auto; - } + left: auto; } .col-sm-push-1 { - left: 8.33333%; - } + left: 8.33333%; } .col-sm-push-2 { - left: 16.66667%; - } + left: 16.66667%; } .col-sm-push-3 { - left: 25%; - } + left: 25%; } .col-sm-push-4 { - left: 33.33333%; - } + left: 33.33333%; } .col-sm-push-5 { - left: 41.66667%; - } + left: 41.66667%; } .col-sm-push-6 { - left: 50%; - } + left: 50%; } .col-sm-push-7 { - left: 58.33333%; - } + left: 58.33333%; } .col-sm-push-8 { - left: 66.66667%; - } + left: 66.66667%; } .col-sm-push-9 { - left: 75%; - } + left: 75%; } .col-sm-push-10 { - left: 83.33333%; - } + left: 83.33333%; } .col-sm-push-11 { - left: 91.66667%; - } + left: 91.66667%; } .col-sm-push-12 { - left: 100%; - } + left: 100%; } .col-sm-offset-0 { - margin-left: 0%; - } + margin-left: 0%; } .col-sm-offset-1 { - margin-left: 8.33333%; - } + margin-left: 8.33333%; } .col-sm-offset-2 { - margin-left: 16.66667%; - } + margin-left: 16.66667%; } .col-sm-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-sm-offset-4 { - margin-left: 33.33333%; - } + margin-left: 33.33333%; } .col-sm-offset-5 { - margin-left: 41.66667%; - } + margin-left: 41.66667%; } .col-sm-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-sm-offset-7 { - margin-left: 58.33333%; - } + margin-left: 58.33333%; } .col-sm-offset-8 { - margin-left: 66.66667%; - } + margin-left: 66.66667%; } .col-sm-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-sm-offset-10 { - margin-left: 83.33333%; - } + margin-left: 83.33333%; } .col-sm-offset-11 { - margin-left: 91.66667%; - } + margin-left: 91.66667%; } .col-sm-offset-12 { - margin-left: 100%; - } -} - + 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; - } + float: left; } .col-md-1 { - width: 8.33333%; - } + width: 8.33333%; } .col-md-2 { - width: 16.66667%; - } + width: 16.66667%; } .col-md-3 { - width: 25%; - } + width: 25%; } .col-md-4 { - width: 33.33333%; - } + width: 33.33333%; } .col-md-5 { - width: 41.66667%; - } + width: 41.66667%; } .col-md-6 { - width: 50%; - } + width: 50%; } .col-md-7 { - width: 58.33333%; - } + width: 58.33333%; } .col-md-8 { - width: 66.66667%; - } + width: 66.66667%; } .col-md-9 { - width: 75%; - } + width: 75%; } .col-md-10 { - width: 83.33333%; - } + width: 83.33333%; } .col-md-11 { - width: 91.66667%; - } + width: 91.66667%; } .col-md-12 { - width: 100%; - } + width: 100%; } .col-md-pull-0 { - right: auto; - } + right: auto; } .col-md-pull-1 { - right: 8.33333%; - } + right: 8.33333%; } .col-md-pull-2 { - right: 16.66667%; - } + right: 16.66667%; } .col-md-pull-3 { - right: 25%; - } + right: 25%; } .col-md-pull-4 { - right: 33.33333%; - } + right: 33.33333%; } .col-md-pull-5 { - right: 41.66667%; - } + right: 41.66667%; } .col-md-pull-6 { - right: 50%; - } + right: 50%; } .col-md-pull-7 { - right: 58.33333%; - } + right: 58.33333%; } .col-md-pull-8 { - right: 66.66667%; - } + right: 66.66667%; } .col-md-pull-9 { - right: 75%; - } + right: 75%; } .col-md-pull-10 { - right: 83.33333%; - } + right: 83.33333%; } .col-md-pull-11 { - right: 91.66667%; - } + right: 91.66667%; } .col-md-pull-12 { - right: 100%; - } + right: 100%; } .col-md-push-0 { - left: auto; - } + left: auto; } .col-md-push-1 { - left: 8.33333%; - } + left: 8.33333%; } .col-md-push-2 { - left: 16.66667%; - } + left: 16.66667%; } .col-md-push-3 { - left: 25%; - } + left: 25%; } .col-md-push-4 { - left: 33.33333%; - } + left: 33.33333%; } .col-md-push-5 { - left: 41.66667%; - } + left: 41.66667%; } .col-md-push-6 { - left: 50%; - } + left: 50%; } .col-md-push-7 { - left: 58.33333%; - } + left: 58.33333%; } .col-md-push-8 { - left: 66.66667%; - } + left: 66.66667%; } .col-md-push-9 { - left: 75%; - } + left: 75%; } .col-md-push-10 { - left: 83.33333%; - } + left: 83.33333%; } .col-md-push-11 { - left: 91.66667%; - } + left: 91.66667%; } .col-md-push-12 { - left: 100%; - } + left: 100%; } .col-md-offset-0 { - margin-left: 0%; - } + margin-left: 0%; } .col-md-offset-1 { - margin-left: 8.33333%; - } + margin-left: 8.33333%; } .col-md-offset-2 { - margin-left: 16.66667%; - } + margin-left: 16.66667%; } .col-md-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-md-offset-4 { - margin-left: 33.33333%; - } + margin-left: 33.33333%; } .col-md-offset-5 { - margin-left: 41.66667%; - } + margin-left: 41.66667%; } .col-md-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-md-offset-7 { - margin-left: 58.33333%; - } + margin-left: 58.33333%; } .col-md-offset-8 { - margin-left: 66.66667%; - } + margin-left: 66.66667%; } .col-md-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-md-offset-10 { - margin-left: 83.33333%; - } + margin-left: 83.33333%; } .col-md-offset-11 { - margin-left: 91.66667%; - } + margin-left: 91.66667%; } .col-md-offset-12 { - margin-left: 100%; - } -} - + 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; - } + float: left; } .col-lg-1 { - width: 8.33333%; - } + width: 8.33333%; } .col-lg-2 { - width: 16.66667%; - } + width: 16.66667%; } .col-lg-3 { - width: 25%; - } + width: 25%; } .col-lg-4 { - width: 33.33333%; - } + width: 33.33333%; } .col-lg-5 { - width: 41.66667%; - } + width: 41.66667%; } .col-lg-6 { - width: 50%; - } + width: 50%; } .col-lg-7 { - width: 58.33333%; - } + width: 58.33333%; } .col-lg-8 { - width: 66.66667%; - } + width: 66.66667%; } .col-lg-9 { - width: 75%; - } + width: 75%; } .col-lg-10 { - width: 83.33333%; - } + width: 83.33333%; } .col-lg-11 { - width: 91.66667%; - } + width: 91.66667%; } .col-lg-12 { - width: 100%; - } + width: 100%; } .col-lg-pull-0 { - right: auto; - } + right: auto; } .col-lg-pull-1 { - right: 8.33333%; - } + right: 8.33333%; } .col-lg-pull-2 { - right: 16.66667%; - } + right: 16.66667%; } .col-lg-pull-3 { - right: 25%; - } + right: 25%; } .col-lg-pull-4 { - right: 33.33333%; - } + right: 33.33333%; } .col-lg-pull-5 { - right: 41.66667%; - } + right: 41.66667%; } .col-lg-pull-6 { - right: 50%; - } + right: 50%; } .col-lg-pull-7 { - right: 58.33333%; - } + right: 58.33333%; } .col-lg-pull-8 { - right: 66.66667%; - } + right: 66.66667%; } .col-lg-pull-9 { - right: 75%; - } + right: 75%; } .col-lg-pull-10 { - right: 83.33333%; - } + right: 83.33333%; } .col-lg-pull-11 { - right: 91.66667%; - } + right: 91.66667%; } .col-lg-pull-12 { - right: 100%; - } + right: 100%; } .col-lg-push-0 { - left: auto; - } + left: auto; } .col-lg-push-1 { - left: 8.33333%; - } + left: 8.33333%; } .col-lg-push-2 { - left: 16.66667%; - } + left: 16.66667%; } .col-lg-push-3 { - left: 25%; - } + left: 25%; } .col-lg-push-4 { - left: 33.33333%; - } + left: 33.33333%; } .col-lg-push-5 { - left: 41.66667%; - } + left: 41.66667%; } .col-lg-push-6 { - left: 50%; - } + left: 50%; } .col-lg-push-7 { - left: 58.33333%; - } + left: 58.33333%; } .col-lg-push-8 { - left: 66.66667%; - } + left: 66.66667%; } .col-lg-push-9 { - left: 75%; - } + left: 75%; } .col-lg-push-10 { - left: 83.33333%; - } + left: 83.33333%; } .col-lg-push-11 { - left: 91.66667%; - } + left: 91.66667%; } .col-lg-push-12 { - left: 100%; - } + left: 100%; } .col-lg-offset-0 { - margin-left: 0%; - } + margin-left: 0%; } .col-lg-offset-1 { - margin-left: 8.33333%; - } + margin-left: 8.33333%; } .col-lg-offset-2 { - margin-left: 16.66667%; - } + margin-left: 16.66667%; } .col-lg-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-lg-offset-4 { - margin-left: 33.33333%; - } + margin-left: 33.33333%; } .col-lg-offset-5 { - margin-left: 41.66667%; - } + margin-left: 41.66667%; } .col-lg-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-lg-offset-7 { - margin-left: 58.33333%; - } + margin-left: 58.33333%; } .col-lg-offset-8 { - margin-left: 66.66667%; - } + margin-left: 66.66667%; } .col-lg-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-lg-offset-10 { - margin-left: 83.33333%; - } + margin-left: 83.33333%; } .col-lg-offset-11 { - margin-left: 91.66667%; - } + margin-left: 91.66667%; } .col-lg-offset-12 { - margin-left: 100%; - } -} + margin-left: 100%; } } th { - text-align: left; -} + text-align: left; } .table { width: 100%; max-width: 100%; - margin-bottom: 20px; + margin-bottom: 20px; } + .table > thead > tr > th, + .table > thead > tr > td, + .table > tbody > tr > th, + .table > tbody > tr > td, + .table > tfoot > tr > th, + .table > tfoot > tr > td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #f0f0f0; } + .table > thead > tr > th { + vertical-align: bottom; } + .table > caption + thead > tr:first-child > th, + .table > caption + thead > tr:first-child > td, + .table > colgroup + thead > tr:first-child > th, + .table > colgroup + thead > tr:first-child > td, + .table > thead:first-child > tr:first-child > th, + .table > thead:first-child > tr:first-child > td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #5e5e5e; + background-color: #45565f; + color: #FFF;} + .table > tbody + tbody { + border-top: 2px solid #5e5e5e; } + .table .table { + background-color: none; } - > { - thead > tr > { - th, td { - padding: 10px 0px 10px 20px; - line-height: 1.428571429; - vertical-align: top; - border-top: 1px solid #e3e3e3; - } - } - - tbody > tr > { - th, td { - padding: 10px 0px 10px 20px; - line-height: 1.428571429; - vertical-align: top; - border-top: 1px solid #e3e3e3; - } - } - - tfoot > tr > { - th, td { - padding: 10px 0px 10px 20px; - line-height: 1.428571429; - vertical-align: top; - border-top: 1px solid #e3e3e3; - } - } - - thead > tr > th { - vertical-align: bottom; - } - - caption + thead > tr:first-child > { - th, td { - border-top: 0; - font-family: 'SourceSansProSemibold'; - font-weight: normal; - border-bottom: 1px solid #bdbdbd; - background-color: #e3e3e3; - } - } - - colgroup + thead > tr:first-child > { - th, td { - border-top: 0; - font-family: 'SourceSansProSemibold'; - font-weight: normal; - border-bottom: 1px solid #bdbdbd; - background-color: #e3e3e3; - } - } - - thead:first-child > tr:first-child > { - th, td { - border-top: 0; - font-family: 'SourceSansProSemibold'; - font-weight: normal; - border-bottom: 1px solid #bdbdbd; - background-color: #e3e3e3; - } - } - - tbody + tbody { - border-top: 2px solid #eee; - } - } - - .table { - background-color: none; - } -} - -.table-condensed > { - thead > tr > { - th, td { - padding: 5px; - } - } - - tbody > tr > { - th, td { - padding: 5px; - } - } - - tfoot > tr > { - th, td { - padding: 5px; - } - } -} +.table-condensed > thead > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > tfoot > tr > td { + padding: 5px; } .table-bordered { - border: 1px solid #dbdbdb; + border: 1px solid #dbdbdb; } + .table-bordered > thead > tr > th, + .table-bordered > thead > tr > td, + .table-bordered > tbody > tr > th, + .table-bordered > tbody > tr > td, + .table-bordered > tfoot > tr > th, + .table-bordered > tfoot > tr > td { + border: 1px solid #dbdbdb; } + .table-bordered > thead > tr > th, + .table-bordered > thead > tr > td { + border-bottom-width: 2px; } - > { - thead > tr > { - th, td { - border: 1px solid #dbdbdb; - } - } +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #fff; } - tbody > tr > { - th, td { - border: 1px solid #dbdbdb; - } - } +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #738087; + color: #FFF; } - tfoot > tr > { - th, td { - border: 1px solid #dbdbdb; - } - } +table col[class*="col-"] { + position: static; + float: none; + display: table-column; } - thead > tr > { - th, td { - border-bottom-width: 2px; - } - } - } -} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; } -.table-striped > tbody > tr:nth-child(odd) > { - td, th { - background-color: #fbfbfb; - } -} +.table > thead > tr > td.active, +.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: #E2F5FF; } -.table-hover > tbody > tr:hover > { - td, th { - background-color: #f2fafe; - } -} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { + background-color: #FF8B00; } -table { - col[class*="col-"] { - position: static; - float: none; - display: table-column; - } +.table > thead > tr > td.success, +.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, +.table > tbody > tr.success > td, +.table > tbody > tr.success > th, +.table > tfoot > tr > td.success, +.table > tfoot > tr > th.success, +.table > tfoot > tr.success > td, +.table > tfoot > tr.success > th { + background-color: #9BD275; } - td[class*="col-"], th[class*="col-"] { - position: static; - float: none; - display: table-cell; - } -} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { + background-color: #8dcc62; } -.table > { - thead > tr { - > { - td.active, th.active { - background-color: #E2F5FF; - } - } +.table > thead > tr > td.info, +.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, +.table > tbody > tr > td.info, +.table > tbody > tr > th.info, +.table > tbody > tr.info > td, +.table > tbody > tr.info > th, +.table > tfoot > tr > td.info, +.table > tfoot > tr > th.info, +.table > tfoot > tr.info > td, +.table > tfoot > tr.info > th { + background-color: #d9edf7; } - &.active > { - td, th { - background-color: #E2F5FF; - } - } - } +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; } - tbody > tr { - > { - td.active, th.active { - background-color: #E2F5FF; - } - } +.table > thead > tr > td.warning, +.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td, +.table > tbody > tr.warning > th, +.table > tfoot > tr > td.warning, +.table > tfoot > tr > th.warning, +.table > tfoot > tr.warning > td, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; } - &.active > { - td, th { - background-color: #E2F5FF; - } - } - } +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; } - tfoot > tr { - > { - td.active, th.active { - background-color: #E2F5FF; - } - } +.table > thead > tr > td.danger, +.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td, +.table > tbody > tr.danger > th, +.table > tfoot > tr > td.danger, +.table > tfoot > tr > th.danger, +.table > tfoot > tr.danger > td, +.table > tfoot > tr.danger > th { + background-color: #F05050; } - &.active > { - td, th { - background-color: #E2F5FF; - } - } - } -} - -.table-hover > tbody > tr { - > { - td.active:hover, th.active:hover { - background-color: #FF8B00; - } - } - - &.active:hover > td, &:hover > .active, &.active:hover > th { - background-color: #FF8B00; - } -} - -.table > { - thead > tr { - > { - td.success, th.success { - background-color: #9BD275; - } - } - - &.success > { - td, th { - background-color: #9BD275; - } - } - } - - tbody > tr { - > { - td.success, th.success { - background-color: #9BD275; - } - } - - &.success > { - td, th { - background-color: #9BD275; - } - } - } - - tfoot > tr { - > { - td.success, th.success { - background-color: #9BD275; - } - } - - &.success > { - td, th { - background-color: #9BD275; - } - } - } -} - -.table-hover > tbody > tr { - > { - td.success:hover, th.success:hover { - background-color: #8dcc62; - } - } - - &.success:hover > td, &:hover > .success, &.success:hover > th { - background-color: #8dcc62; - } -} - -.table > { - thead > tr { - > { - td.info, th.info { - background-color: #d9edf7; - } - } - - &.info > { - td, th { - background-color: #d9edf7; - } - } - } - - tbody > tr { - > { - td.info, th.info { - background-color: #d9edf7; - } - } - - &.info > { - td, th { - background-color: #d9edf7; - } - } - } - - tfoot > tr { - > { - td.info, th.info { - background-color: #d9edf7; - } - } - - &.info > { - td, th { - background-color: #d9edf7; - } - } - } -} - -.table-hover > tbody > tr { - > { - td.info:hover, th.info:hover { - background-color: #c4e3f3; - } - } - - &.info:hover > td, &:hover > .info, &.info:hover > th { - background-color: #c4e3f3; - } -} - -.table > { - thead > tr { - > { - td.warning, th.warning { - background-color: #fcf8e3; - } - } - - &.warning > { - td, th { - background-color: #fcf8e3; - } - } - } - - tbody > tr { - > { - td.warning, th.warning { - background-color: #fcf8e3; - } - } - - &.warning > { - td, th { - background-color: #fcf8e3; - } - } - } - - tfoot > tr { - > { - td.warning, th.warning { - background-color: #fcf8e3; - } - } - - &.warning > { - td, th { - background-color: #fcf8e3; - } - } - } -} - -.table-hover > tbody > tr { - > { - td.warning:hover, th.warning:hover { - background-color: #faf2cc; - } - } - - &.warning:hover > td, &:hover > .warning, &.warning:hover > th { - background-color: #faf2cc; - } -} - -.table > { - thead > tr { - > { - td.danger, th.danger { - background-color: #F05050; - } - } - - &.danger > { - td, th { - background-color: #F05050; - } - } - } - - tbody > tr { - > { - td.danger, th.danger { - background-color: #F05050; - } - } - - &.danger > { - td, th { - background-color: #F05050; - } - } - } - - tfoot > tr { - > { - td.danger, th.danger { - background-color: #F05050; - } - } - - &.danger > { - td, th { - background-color: #F05050; - } - } - } -} - -.table-hover > tbody > tr { - > { - td.danger:hover, th.danger:hover { - background-color: #ee3939; - } - } - - &.danger:hover > td, &:hover > .danger, &.danger:hover > th { - background-color: #ee3939; - } -} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { + background-color: #ee3939; } @media screen and (max-width: 767px) { .table-responsive { @@ -3185,98 +2188,44 @@ table { overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; - /* border: 1px solid $table-border-color; */ - -webkit-overflow-scrolling: touch; - - > { - .table { - margin-bottom: 0; - - > { - thead > tr > { - th, td { - white-space: nowrap; - } - } - - tbody > tr > { - th, td { - white-space: nowrap; - } - } - - tfoot > tr > { - th, td { - white-space: nowrap; - } - } - } - } - - .table-bordered { - border: 0; - - > { - thead > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - tbody > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - tfoot > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - thead > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tbody > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tfoot > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tbody > tr:last-child > { - th, td { - border-bottom: 0; - } - } - - tfoot > tr:last-child > { - th, td { - border-bottom: 0; - } - } - } - } - } - } -} + -webkit-overflow-scrolling: touch; } + .table-responsive > .table { + margin-bottom: 0; } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; } + .table-responsive > .table-bordered { + border: 0; } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; - min-width: 0; -} + min-width: 0; } legend { display: block; @@ -3287,1243 +2236,475 @@ legend { line-height: inherit; color: #2d2d2d; border: 0; - border-bottom: 1px solid #e5e5e5; -} + border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; - font-weight: normal; -} + font-weight: normal; } -input { - &[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } +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; - } +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } - &[type="file"] { - display: block; - } +input[type="file"] { + display: block; } - &[type="range"] { - display: block; - width: 100%; - } -} +input[type="range"] { + display: block; + width: 100%; } -select { - &[multiple], &[size] { - height: auto; - } -} +select[multiple], +select[size] { + height: auto; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: none; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -input { - &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus { - outline: none; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } -} output { display: block; padding-top: 7px; - font-size: 14px; + font-size:14px; line-height: 1.428571429; - color: #000; -} + color: #000; } -select, textarea { +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"] + { display: block; width: 100%; height: 34px; padding: 6px 12px; - font-size: 14px; + font-size:14px; line-height: 1.428571429; color: #000; background-color: #FFF; background-image: none; - border: 1px solid #4d83a1; + border: 1px solid #1b4257; 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; -} + 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: #000; - background-color: #FFF; - background-image: none; - border: 1px solid #4d83a1; - border-radius: 3px; - text-overflow: ellipsis; - max-width: 348px; - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - } -} + select:hover, + textarea:hover, + input[type="text"]:hover, + input[type="password"]:hover, + input[type="datetime"]:hover, + input[type="datetime-local"]:hover, + input[type="date"]:hover, + input[type="month"]:hover, + input[type="time"]:hover, + input[type="week"]:hover, + input[type="number"]:hover, + input[type="email"]:hover, + input[type="url"]:hover, + input[type="search"]:hover, + input[type="tel"]:hover, + input[type="color"]:hover + { + color: #000; + background-color: none; + border-color: #ff6e05; + outline: 0; } -select:hover, textarea:hover { - color: #000; - background-color: none; - border-color: #00A7FF; - outline: 0; -} + select:focus, + textarea:focus, + input[type="text"]:focus, + input[type="password"]:focus, + input[type="datetime"]:focus, + input[type="datetime-local"]:focus, + input[type="date"]:focus, + input[type="month"]:focus, + input[type="time"]:focus, + input[type="week"]:focus, + input[type="number"]:focus, + input[type="email"]:focus, + input[type="url"]:focus, + input[type="search"]:focus, + input[type="tel"]:focus, + input[type="color"]:focus -input { - &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover { - color: #000; - background-color: none; - border-color: #00A7FF; - outline: 0; - } -} + { + color: #000; + border-color: #FF6E05; + background-color: none; + outline: 0; } -select:focus, textarea:focus { - color: #000; - border-color: #00A7FF; - background-color: none; - outline: 0; -} - -input { - &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus { - color: #000; - border-color: #00A7FF; - background-color: none; - outline: 0; - } -} - -select::-moz-placeholder, textarea::-moz-placeholder { - color: #b7b7b7; - opacity: 1; - filter: alpha(opacity = 100); -} - -input { - &[type="text"]::-moz-placeholder, &[type="password"]::-moz-placeholder, &[type="datetime"]::-moz-placeholder, &[type="datetime-local"]::-moz-placeholder, &[type="date"]::-moz-placeholder, &[type="month"]::-moz-placeholder, &[type="time"]::-moz-placeholder, &[type="week"]::-moz-placeholder, &[type="number"]::-moz-placeholder, &[type="email"]::-moz-placeholder, &[type="url"]::-moz-placeholder, &[type="search"]::-moz-placeholder, &[type="tel"]::-moz-placeholder, &[type="color"]::-moz-placeholder { + select::-moz-placeholder, + textarea::-moz-placeholder, + input[type="text"]::-moz-placeholder, + input[type="password"]::-moz-placeholder, + input[type="datetime"]::-moz-placeholder, + input[type="datetime-local"]::-moz-placeholder, + input[type="date"]::-moz-placeholder, + input[type="month"]::-moz-placeholder, + input[type="time"]::-moz-placeholder, + input[type="week"]::-moz-placeholder, + input[type="number"]::-moz-placeholder, + input[type="email"]::-moz-placeholder, + input[type="url"]::-moz-placeholder, + input[type="search"]::-moz-placeholder, + input[type="tel"]::-moz-placeholder, + input[type="color"]::-moz-placeholder + { color: #b7b7b7; opacity: 1; - filter: alpha(opacity = 100); - } -} + filter: alpha(opacity=100); } -select:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #777777; -} + select:-ms-input-placeholder, + textarea:-ms-input-placeholder, + input[type="text"]:-ms-input-placeholder, + input[type="password"]:-ms-input-placeholder, + input[type="datetime"]:-ms-input-placeholder, + input[type="datetime-local"]:-ms-input-placeholder, + input[type="date"]:-ms-input-placeholder, + input[type="month"]:-ms-input-placeholder, + input[type="time"]:-ms-input-placeholder, + input[type="week"]:-ms-input-placeholder, + input[type="number"]:-ms-input-placeholder, + input[type="email"]:-ms-input-placeholder, + input[type="url"]:-ms-input-placeholder, + input[type="search"]:-ms-input-placeholder, + input[type="tel"]:-ms-input-placeholder, + input[type="color"]:-ms-input-placeholder + { + color: #777777; } -input { - &[type="text"]:-ms-input-placeholder, &[type="password"]:-ms-input-placeholder, &[type="datetime"]:-ms-input-placeholder, &[type="datetime-local"]:-ms-input-placeholder, &[type="date"]:-ms-input-placeholder, &[type="month"]:-ms-input-placeholder, &[type="time"]:-ms-input-placeholder, &[type="week"]:-ms-input-placeholder, &[type="number"]:-ms-input-placeholder, &[type="email"]:-ms-input-placeholder, &[type="url"]:-ms-input-placeholder, &[type="search"]:-ms-input-placeholder, &[type="tel"]:-ms-input-placeholder, &[type="color"]:-ms-input-placeholder { - color: #777777; - } -} + select::-webkit-input-placeholder, + textarea::-webkit-input-placeholder, + input[type="text"]::-webkit-input-placeholder, + input[type="password"]::-webkit-input-placeholder, + input[type="datetime"]::-webkit-input-placeholder, + input[type="datetime-local"]::-webkit-input-placeholder, + input[type="date"]::-webkit-input-placeholder, + input[type="month"]::-webkit-input-placeholder, + input[type="time"]::-webkit-input-placeholder, + input[type="week"]::-webkit-input-placeholder, + input[type="number"]::-webkit-input-placeholder, + input[type="email"]::-webkit-input-placeholder, + input[type="url"]::-webkit-input-placeholder, + input[type="search"]::-webkit-input-placeholder, + input[type="tel"]::-webkit-input-placeholder, + input[type="color"]::-webkit-input-placeholder + { + color: #777777; } -select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { - color: #777777; -} + select[disabled], select[readonly], fieldset[disabled] select, + textarea[disabled], + textarea[readonly], fieldset[disabled] + textarea, + input[type="text"][disabled], + input[type="text"][readonly], fieldset[disabled] + input[type="text"], + input[type="password"][disabled], + input[type="password"][readonly], fieldset[disabled] + input[type="password"], + input[type="datetime"][disabled], + input[type="datetime"][readonly], fieldset[disabled] + input[type="datetime"], + input[type="datetime-local"][disabled], + input[type="datetime-local"][readonly], fieldset[disabled] + input[type="datetime-local"], + input[type="date"][disabled], + input[type="date"][readonly], fieldset[disabled] + input[type="date"], + input[type="month"][disabled], + input[type="month"][readonly], fieldset[disabled] + input[type="month"], + input[type="time"][disabled], + input[type="time"][readonly], fieldset[disabled] + input[type="time"], + input[type="week"][disabled], + input[type="week"][readonly], fieldset[disabled] + input[type="week"], + input[type="number"][disabled], + input[type="number"][readonly], fieldset[disabled] + input[type="number"], + input[type="email"][disabled], + input[type="email"][readonly], fieldset[disabled] + input[type="email"], + input[type="url"][disabled], + input[type="url"][readonly], fieldset[disabled] + input[type="url"], + input[type="search"][disabled], + input[type="search"][readonly], fieldset[disabled] + input[type="search"], + input[type="tel"][disabled], + input[type="tel"][readonly], fieldset[disabled] + input[type="tel"], + input[type="color"][disabled], + input[type="color"][readonly], fieldset[disabled] + input[type="color"] +{ + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity=100); + border-color: #a8a8a8; + color:#a8a8a8;} -input { - &[type="text"]::-webkit-input-placeholder, &[type="password"]::-webkit-input-placeholder, &[type="datetime"]::-webkit-input-placeholder, &[type="datetime-local"]::-webkit-input-placeholder, &[type="date"]::-webkit-input-placeholder, &[type="month"]::-webkit-input-placeholder, &[type="time"]::-webkit-input-placeholder, &[type="week"]::-webkit-input-placeholder, &[type="number"]::-webkit-input-placeholder, &[type="email"]::-webkit-input-placeholder, &[type="url"]::-webkit-input-placeholder, &[type="search"]::-webkit-input-placeholder, &[type="tel"]::-webkit-input-placeholder, &[type="color"]::-webkit-input-placeholder { - color: #777777; - } -} + select[disabled]:hover, select[readonly]:hover, fieldset[disabled]:hover, + textarea[disabled]:hover, + textarea[readonly]:hover, fieldset[disabled]:hover + textarea:hover, + input[type="text"][disabled]:hover, + input[type="text"][readonly]:hover, fieldset[disabled]:hover + input[type="text"]:hover, + input[type="password"][disabled]:hover, + input[type="password"][readonly]:hover, fieldset[disabled]:hover + input[type="password"]:hover, + input[type="datetime"][disabled]:hover, + input[type="datetime"][readonly]:hover, fieldset[disabled]:hover + input[type="datetime"]:hover, + input[type="datetime-local"][disabled]:hover, + input[type="datetime-local"][readonly]:hover, fieldset[disabled]:hover + input[type="datetime-local"]:hover, + input[type="date"][disabled]:hover, + input[type="date"][readonly]:hover, fieldset[disabled]:hover + input[type="date"]:hover, + input[type="month"][disabled]:hover, + input[type="month"][readonly]:hover, fieldset[disabled]:hover + input[type="month"]:hover, + input[type="time"][disabled]:hover, + input[type="time"][readonly]:hover, fieldset[disabled]:hover + input[type="time"]:hover, + input[type="week"][disabled]:hover, + input[type="week"][readonly]:hover, fieldset[disabled]:hover + input[type="week"]:hover, + input[type="number"][disabled]:hover, + input[type="number"][readonly]:hover, fieldset[disabled]:hover + input[type="number"]:hover, + input[type="email"][disabled]:hover, + input[type="email"][readonly]:hover, fieldset[disabled]:hover + input[type="email"]:hover, + input[type="url"][disabled]:hover, + input[type="url"][readonly]:hover, fieldset[disabled]:hover + input[type="url"]:hover, + input[type="search"][disabled]:hover, + input[type="search"][readonly]:hover, fieldset[disabled]:hover + input[type="search"]:hover, + input[type="tel"][disabled]:hover, + input[type="tel"][readonly]:hover, fieldset[disabled]:hover + input[type="tel"]:hover, + input[type="color"][disabled]:hover, + input[type="color"][readonly]:hover, fieldset[disabled]:hover + input[type="color"]:hover -select { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] select { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} + { + cursor: not-allowed; + background-color: #f0f0f0; + color:#a8a8a8; + opacity: 1.0; + filter: alpha(opacity=100); + -webkit-box-shadow: none; + box-shadow: none; } textarea { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] textarea { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="text"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="text"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="password"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="password"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="datetime"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="datetime"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="datetime-local"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="datetime-local"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="date"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="date"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="month"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="month"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="time"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="time"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="week"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="week"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="number"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="number"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="email"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="email"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="url"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="url"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} + height: auto; } input[type="search"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="search"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="tel"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="tel"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -input[type="color"] { - &[disabled], &[readonly] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; - } -} - -fieldset[disabled] input[type="color"] { - cursor: not-allowed; - background-color: #f0f0f0; - opacity: 1.0; - filter: alpha(opacity = 100); - border-color: #4d83a1; - color: #a8a8a8; -} - -select { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -textarea { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover textarea:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="text"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="text"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="password"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="password"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="datetime"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="datetime"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="datetime-local"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="datetime-local"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="date"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="date"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} + -webkit-appearance: none; } +input[type="date"], +input[type="time"], +input[type="datetime-local"], input[type="month"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="month"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="time"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="time"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="week"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="week"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="number"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="number"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="email"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="email"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="url"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="url"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="search"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="search"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="tel"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="tel"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -input[type="color"] { - &[disabled]:hover, &[readonly]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; - } -} - -fieldset[disabled]:hover input[type="color"]:hover { - cursor: not-allowed; - background-color: #f0f0f0; - color: #a8a8a8; - opacity: 1.0; - filter: alpha(opacity = 100); - -webkit-box-shadow: none; - box-shadow: none; -} - -textarea { - height: auto; -} - -input { - &[type="search"] { - -webkit-appearance: none; - } - - &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] { - line-height: 34px; - line-height: 1.42857 \0; - } - - &[type="date"].input-sm { - line-height: 30px; - } -} - -.form-horizontal .form-group-sm input[type="date"].form-control { - line-height: 30px; -} - -.input-group-sm > { - input[type="date"] { - &.form-control, &.input-group-addon { - line-height: 30px; - } - } - - .input-group-btn > input[type="date"].btn { - line-height: 30px; - } -} - -input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control { - line-height: 30px; -} - -.input-group-sm > { - input[type="time"] { - &.form-control, &.input-group-addon { - line-height: 30px; - } - } - - .input-group-btn > input[type="time"].btn { - line-height: 30px; - } -} - -input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control { - line-height: 30px; -} - -.input-group-sm > { - input[type="datetime-local"] { - &.form-control, &.input-group-addon { - line-height: 30px; - } - } - - .input-group-btn > input[type="datetime-local"].btn { - line-height: 30px; - } -} - -input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control { - line-height: 30px; -} - -.input-group-sm > { - input[type="month"] { - &.form-control, &.input-group-addon { - line-height: 30px; - } - } - - .input-group-btn > input[type="month"].btn { - line-height: 30px; - } -} - -input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control { - line-height: 46px; -} - -.input-group-lg > { - input[type="date"] { - &.form-control, &.input-group-addon { - line-height: 46px; - } - } - - .input-group-btn > input[type="date"].btn { - line-height: 46px; - } -} - -input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control { - line-height: 46px; -} - -.input-group-lg > { - input[type="time"] { - &.form-control, &.input-group-addon { - line-height: 46px; - } - } - - .input-group-btn > input[type="time"].btn { - line-height: 46px; - } -} - -input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control { - line-height: 46px; -} - -.input-group-lg > { - input[type="datetime-local"] { - &.form-control, &.input-group-addon { - line-height: 46px; - } - } - - .input-group-btn > input[type="datetime-local"].btn { - line-height: 46px; - } -} - -input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control { - line-height: 46px; -} - -.input-group-lg > { - input[type="month"] { - &.form-control, &.input-group-addon { - line-height: 46px; - } - } - - .input-group-btn > input[type="month"].btn { - line-height: 46px; - } -} + line-height: 34px; + line-height: 1.42857 \0; } + input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm > input[type="date"].form-control, + .input-group-sm > input[type="date"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="date"].btn, + input[type="time"].input-sm, + .form-horizontal .form-group-sm input[type="time"].form-control, + .input-group-sm > input[type="time"].form-control, + .input-group-sm > input[type="time"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="time"].btn, + input[type="datetime-local"].input-sm, + .form-horizontal .form-group-sm input[type="datetime-local"].form-control, + .input-group-sm > input[type="datetime-local"].form-control, + .input-group-sm > input[type="datetime-local"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, + input[type="month"].input-sm, + .form-horizontal .form-group-sm input[type="month"].form-control, + .input-group-sm > input[type="month"].form-control, + .input-group-sm > input[type="month"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="month"].btn { + line-height: 30px; } + input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg > input[type="date"].form-control, + .input-group-lg > input[type="date"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="date"].btn, + input[type="time"].input-lg, + .form-horizontal .form-group-lg input[type="time"].form-control, + .input-group-lg > input[type="time"].form-control, + .input-group-lg > input[type="time"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="time"].btn, + input[type="datetime-local"].input-lg, + .form-horizontal .form-group-lg input[type="datetime-local"].form-control, + .input-group-lg > input[type="datetime-local"].form-control, + .input-group-lg > input[type="datetime-local"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, + input[type="month"].input-lg, + .form-horizontal .form-group-lg input[type="month"].form-control, + .input-group-lg > input[type="month"].form-control, + .input-group-lg > input[type="month"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="month"].btn { + line-height: 46px; } .form-group { - margin-bottom: 15px; -} + margin-bottom: 15px; } -.radio, .checkbox { +.radio, +.checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; - margin-bottom: 10px; -} + margin-bottom: 10px; } + .radio label, + .checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } -.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"] { +.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; -} + margin-top: 4px \9; } -.radio + .radio, .checkbox + .checkbox { - margin-top: -5px; -} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } -.radio-inline, .checkbox-inline { +.radio-inline, +.checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; - cursor: pointer; -} + cursor: pointer; } -.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { +.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; -} + margin-left: 10px; } +input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], +input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { - &[disabled], &.disabled { - cursor: not-allowed; - } -} + 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; -} +.radio-inline.disabled, fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, fieldset[disabled] +.checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, fieldset[disabled] .radio label, +.checkbox.disabled label, fieldset[disabled] +.checkbox label { + cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; - margin-bottom: 0; - - &.input-lg { + margin-bottom: 0; } + .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control, + .input-group-lg > .form-control-static.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control, + .input-group-sm > .form-control-static.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; - padding-right: 0; - } -} + padding-right: 0; } -.form-horizontal .form-group-lg .form-control-static.form-control { - padding-left: 0; - padding-right: 0; -} - -.input-group-lg > { - .form-control-static { - &.form-control, &.input-group-addon { - padding-left: 0; - padding-right: 0; - } - } - - .input-group-btn > .form-control-static.btn { - padding-left: 0; - padding-right: 0; - } -} - -.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control { - padding-left: 0; - padding-right: 0; -} - -.input-group-sm > { - .form-control-static { - &.form-control, &.input-group-addon { - padding-left: 0; - padding-right: 0; - } - } - - .input-group-btn > .form-control-static.btn { - padding-left: 0; - padding-right: 0; - } -} - -.input-sm, .form-horizontal .form-group-sm .form-control { +.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; - border-radius: 3px; -} + border-radius: 3px; } -.input-group-sm > { - .form-control, .input-group-addon, .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; - } -} - -select.input-sm, .form-horizontal .form-group-sm select.form-control { +select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control, +.input-group-sm > select.input-group-addon, +.input-group-sm > .input-group-btn > select.btn { height: 30px; - line-height: 30px; -} + line-height: 30px; } -.input-group-sm > { - select { - &.form-control, &.input-group-addon { - height: 30px; - line-height: 30px; - } - } +textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control, +.input-group-sm > textarea.input-group-addon, +.input-group-sm > .input-group-btn > textarea.btn, +select[multiple].input-sm, +.form-horizontal .form-group-sm select[multiple].form-control, +.input-group-sm > select[multiple].form-control, +.input-group-sm > select[multiple].input-group-addon, +.input-group-sm > .input-group-btn > select[multiple].btn { + height: auto; } - .input-group-btn > select.btn { - height: 30px; - line-height: 30px; - } -} - -textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control { - height: auto; -} - -.input-group-sm > { - textarea { - &.form-control, &.input-group-addon { - height: auto; - } - } - - .input-group-btn > textarea.btn { - height: auto; - } -} - -select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control { - height: auto; -} - -.input-group-sm > { - select[multiple] { - &.form-control, &.input-group-addon { - height: auto; - } - } - - .input-group-btn > select[multiple].btn { - height: auto; - } -} - -.input-lg, .form-horizontal .form-group-lg .form-control { +.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; - border-radius: 6px; -} + border-radius: 6px; } -.input-group-lg > { - .form-control, .input-group-addon, .input-group-btn > .btn { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.33; - border-radius: 6px; - } -} - -select.input-lg, .form-horizontal .form-group-lg select.form-control { +select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control, +.input-group-lg > select.input-group-addon, +.input-group-lg > .input-group-btn > select.btn { height: 46px; - line-height: 46px; -} + line-height: 46px; } -.input-group-lg > { - select { - &.form-control, &.input-group-addon { - height: 46px; - line-height: 46px; - } - } - - .input-group-btn > select.btn { - height: 46px; - line-height: 46px; - } -} - -textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control { - height: auto; -} - -.input-group-lg > { - textarea { - &.form-control, &.input-group-addon { - height: auto; - } - } - - .input-group-btn > textarea.btn { - height: auto; - } -} - -select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control { - height: auto; -} - -.input-group-lg > { - select[multiple] { - &.form-control, &.input-group-addon { - height: auto; - } - } - - .input-group-btn > select[multiple].btn { - height: auto; - } -} +textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control, +.input-group-lg > textarea.input-group-addon, +.input-group-lg > .input-group-btn > textarea.btn, +select[multiple].input-lg, +.form-horizontal .form-group-lg select[multiple].form-control, +.input-group-lg > select[multiple].form-control, +.input-group-lg > select[multiple].input-group-addon, +.input-group-lg > .input-group-btn > select[multiple].btn { + height: auto; } .has-feedback { - position: relative; - - .form-control { - padding-right: 42.5px; - } -} + position: relative; } + .has-feedback .form-control { + padding-right: 42.5px; } .form-control-feedback { position: absolute; @@ -4534,236 +2715,173 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form width: 34px; height: 34px; line-height: 34px; - text-align: center; -} + text-align: center; } -.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { +.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, +.input-group-lg > .input-group-addon + .form-control-feedback, +.input-group-lg > .input-group-btn > .btn + .form-control-feedback { width: 46px; height: 46px; - line-height: 46px; -} + line-height: 46px; } -.input-group-lg > { - .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { - width: 46px; - height: 46px; - line-height: 46px; - } -} - -.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { +.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, +.input-group-sm > .input-group-addon + .form-control-feedback, +.input-group-sm > .input-group-btn > .btn + .form-control-feedback { width: 30px; height: 30px; - line-height: 30px; -} + line-height: 30px; } -.input-group-sm > { - .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; - } -} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #9BD275; } +.has-success .form-control { + border-color: #9BD275; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-success .form-control:focus { + border-color: #7fc54f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; } -.has-success { - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { - color: #9BD275; - } +.has-success .input-group-addon { + color: #9BD275; + border-color: #9BD275; + background-color: #9BD275; } +.has-success .form-control-feedback { + color: #9BD275; } - .form-control { - border-color: #9BD275; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #f0ad4e; } +.has-warning .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); } + .has-warning .form-control: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; } +.has-warning .input-group-addon { + color: #f0ad4e; + border-color: #f0ad4e; + background-color: #fcf8e3; } +.has-warning .form-control-feedback { + color: #f0ad4e; } - &:focus { - border-color: #7fc54f; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; - } - } +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #FC3803; } +.has-error .form-control { + border-color: #FC3803; + -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); } + .has-error .form-control:focus { + border-color: #FC2E03; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; } - .input-group-addon { - color: #9BD275; - border-color: #9BD275; - background-color: #9BD275; - } - - .form-control-feedback { - color: #9BD275; - } -} - -.has-warning { - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { - color: #f0ad4e; - } - - .form-control { - border-color: #f0ad4e; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - - &:focus { - border-color: #ec971f; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; - } - } - - .input-group-addon { - color: #f0ad4e; - border-color: #f0ad4e; - background-color: #fcf8e3; - } - - .form-control-feedback { - color: #f0ad4e; - } -} - -.has-error { - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { - color: #FC3803; - } - - .form-control { - border-color: #FC3803; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - - &:focus { - border-color: #FC2E03; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; - } - } - - .input-group-addon { - color: #F05050; - border-color: #F05050; - background-color: #F05050; - } - - .form-control-feedback { - color: #F05050; - } -} +.has-error .input-group-addon { + color: #F05050; + border-color: #F05050; + background-color: #F05050; } +.has-error .form-control-feedback { + color: #F05050; } .has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} + top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; - color: #7c7c7a; -} + color: #7c7c7a; } @media (min-width: 768px) { .form-inline .form-group, .navbar-form .form-group { display: inline-block; margin-bottom: 0; - vertical-align: middle; - } - + vertical-align: middle; } .form-inline .form-control, .navbar-form .form-control { display: inline-block; width: auto; - vertical-align: middle; - } - + 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; - } - + 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%; - } - + 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 { + 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"] { + 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; - } - + 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; - } -} + top: 0; } } +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; } +.form-horizontal .form-group { + margin-left: -20px; + margin-right: -20px; } + .form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + display: table; } + .form-horizontal .form-group:after { + clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; - padding-top: 7px; - } -} - + padding-top: 7px; } } +.form-horizontal .has-feedback control-feedback { + top: 0; + right: 20px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { - padding-top: 14.3px; - } -} - + padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { - padding-top: 6px; - } -} + padding-top: 6px; } } .btn { display: inline-block; @@ -4775,649 +2893,243 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form background-image: none; white-space: nowrap; padding: 6px 12px; - font-size: 14px; + 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: #FFFFFF; - background-color: #457995; + color: #000; + background-color: none; border: 1px solid #1b4257; - outline: 0; - - &:active, &.active { - color: #FFF; - background-color: #30596f; - outline: 0; - border-color: #1d1d1d; - text-decoration: none; - } -} - -.open > .btn.dropdown-toggle { - color: #FFF; - background-color: #30596f; - outline: 0; + outline:0; } +.btn:active, .btn.active, .open > .btn.dropdown-toggle { + color: #000; + background-color: none; + outline:0; border-color: #1d1d1d; - text-decoration: none; -} + text-decoration: none; } +.btn:hover, .btn:focus { + background-color: #dbdbdb; + color: #000; + border-radius: 3px; + border: 1px solid #1b4257; + text-decoration: none;} -.btn { - &:hover, &:focus { - background-color: #315a71; - color: #FFF; - border-radius: 3px; - border: 1px solid #1b4257; - text-decoration: none; - } - - &:active, &.active { + .btn:active, .btn.active, .open > .btn.dropdown-toggle { background-image: none; - outline: 0; - } -} - -.open > .btn.dropdown-toggle { - background-image: none; - outline: 0; -} - -.btn { - &.disabled { + outline:0; } + .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active { background-color: #FFFFFF; border-color: #1d1d1d; - outline: 0; + outline:0; } - &:hover, &:focus, &:active, &.active { - background-color: #FFFFFF; - border-color: #1d1d1d; - outline: 0; - } - } - - &[disabled] { - background-color: #FFFFFF; - border-color: #1d1d1d; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FFFFFF; - border-color: #1d1d1d; - outline: 0; - } - } -} - -fieldset[disabled] .btn { - background-color: #FFFFFF; - border-color: #1d1d1d; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FFFFFF; - border-color: #1d1d1d; - outline: 0; - } -} - -.btn { - .badge { + .btn .badge { color: #FFFFFF; - background-color: #3e3e3e; - } - - &:focus, &:active:focus, &.active:focus { + background-color: #3e3e3e; } + .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; - outline: 0; - } + outline:0; } - &:active, &.active { - outline: 0; - } - - &.disabled, &[disabled] { + .btn:active, .btn.active { + outline: 0; } + .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.30; - filter: alpha(opacity = 30); + filter: alpha(opacity=30); -webkit-box-shadow: none; - box-shadow: none; - } -} + box-shadow: none; } -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - opacity: 0.30; - filter: alpha(opacity = 30); - -webkit-box-shadow: none; - box-shadow: none; -} - -.act_flush { - &:hover, &:focus { - color: #FFF; - background-color: #336480; - border-color: 1px solid #1d1d1d; - outline: 0; - } -} - -.btn-default { - &:active, &.active { - background-image: none; - outline: 0; - } -} - -.open > .btn-default.dropdown-toggle { - background-image: none; - outline: 0; -} - -.btn-default { - &.disabled { - background-color: #FFFFFF; - border-color: 1px solid #1d1d1d; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FFFFFF; - border-color: 1px solid #1d1d1d; - outline: 0; - } - } - - &[disabled] { - background-color: #FFFFFF; - border-color: 1px solid #1d1d1d; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FFFFFF; - border-color: 1px solid #1d1d1d; - outline: 0; - } - } -} - -fieldset[disabled] .btn-default { - background-color: #FFFFFF; +.act_flush:hover, .act_flush:focus { + color: #000; + background-color: #dbdbdb; border-color: 1px solid #1d1d1d; - outline: 0; + outline:0; } - &:hover, &:focus, &:active, &.active { + .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { + background-color: #dbdbdb; + color:#000; + outline:0; } + .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; - outline: 0; - } -} - -.btn-default .badge { - color: #FFFFFF; - background-color: #3e3e3e; - outline: 0; -} + outline:0; } + .btn-default .badge { + color: #FFFFFF; + background-color: #3e3e3e; + outline:0; } .btn-primary { color: #fff !important; - background-color: #FF7E25; - border: 1px solid #6c6c6c; - outline: 0; - - &:hover, &:focus, &:active, &.active { + background-color: #FF6E05; + border: 1px solid #1b4257; + outline:0; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #EC7726; - border-color: 1px solid #6c6c6c; - outline: 0; - } -} + border-color: 1px solid #1b4257; + outline:0; } -.open > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #EC7726; - border-color: 1px solid #6c6c6c; - outline: 0; -} + .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { + background-image: none; } + .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #FF6E05; + border-color: #1b4257; + outline:0; } -.btn-primary { - &:active, &.active { - background-image: none; - } -} - -.open > .btn-primary.dropdown-toggle { - background-image: none; -} - -.btn-primary { - &.disabled { - background-color: #FF7E25; - border-color: #6c6c6c; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FF7E25; - border-color: #6c6c6c; - outline: 0; - } - } - - &[disabled] { - background-color: #FF7E25; - border-color: #6c6c6c; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FF7E25; - border-color: #6c6c6c; - outline: 0; - } - } -} - -fieldset[disabled] .btn-primary { - background-color: #FF7E25; - border-color: #6c6c6c; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #FF7E25; - border-color: #6c6c6c; - outline: 0; - } -} - -.btn-primary .badge { - color: #FF8B00; - background-color: #fff; -} + .btn-primary .badge { + color: #FF8B00; + background-color: #fff; } .btn-success { color: #fff; background-color: #85ce53; - border-color: #323232; - - &:hover, &:focus, &:active, &.active { + border-color: #323232; } + .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #7fc54f; border-color: #323232; - outline: 0; - } -} - -.open > .btn-success.dropdown-toggle { - color: #fff; - background-color: #7fc54f; - border-color: #323232; - outline: 0; -} - -.btn-success { - &:active, &.active { - background-image: none; - } -} - -.open > .btn-success.dropdown-toggle { - background-image: none; -} - -.btn-success { - &.disabled { + outline:0; } + .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { + background-image: none; } + .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #9BD275; border-color: #8dcc62; - outline: 0; + outline:0; } - &:hover, &:focus, &:active, &.active { - background-color: #9BD275; - border-color: #8dcc62; - outline: 0; - } - } - - &[disabled] { - background-color: #9BD275; - border-color: #8dcc62; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #9BD275; - border-color: #8dcc62; - outline: 0; - } - } -} - -fieldset[disabled] .btn-success { - background-color: #9BD275; - border-color: #8dcc62; - outline: 0; - - &:hover, &:focus, &:active, &.active { - background-color: #9BD275; - border-color: #8dcc62; - outline: 0; - } -} - -.btn-success .badge { - color: #9BD275; - background-color: #fff; -} + .btn-success .badge { + color: #9BD275; + background-color: #fff; } .btn-info { color: #fff; background-color: #B0CDDB; - border-color: #9ec2d3; - - &:hover, &:focus, &:active, &.active { + border-color: #9ec2d3; } + .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #8db7cb; - border-color: #74a7c0; - } -} + border-color: #74a7c0; } -.open > .btn-info.dropdown-toggle { - color: #fff; - background-color: #8db7cb; - border-color: #74a7c0; -} - -.btn-info { - &:active, &.active { - background-image: none; - } -} - -.open > .btn-info.dropdown-toggle { - background-image: none; -} - -.btn-info { - &.disabled { + .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { + background-image: none; } + .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #B0CDDB; - border-color: #9ec2d3; + border-color: #9ec2d3; } - &:hover, &:focus, &:active, &.active { - background-color: #B0CDDB; - border-color: #9ec2d3; - } - } - - &[disabled] { - background-color: #B0CDDB; - border-color: #9ec2d3; - - &:hover, &:focus, &:active, &.active { - background-color: #B0CDDB; - border-color: #9ec2d3; - } - } -} - -fieldset[disabled] .btn-info { - background-color: #B0CDDB; - border-color: #9ec2d3; - - &:hover, &:focus, &:active, &.active { - background-color: #B0CDDB; - border-color: #9ec2d3; - } -} - -.btn-info .badge { - color: #B0CDDB; - background-color: #fff; -} + .btn-info .badge { + color: #B0CDDB; + background-color: #fff; } .btn-warning { color: #fff; - background-color: #FF7E25; - border-color: #1b4257; - - &:hover, &:focus, &:active, &.active { + background-color: #FF6E05; + border-color: #1b4257; } + .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #EC7726; - border-color: #1b4257; - } -} + border-color: #1b4257; } -.open > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #EC7726; - border-color: #1b4257; -} - -.btn-warning { - &:active, &.active { - background-image: none; - } -} - -.open > .btn-warning.dropdown-toggle { - background-image: none; -} - -.btn-warning { - &.disabled { + .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { + background-image: none; } + .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; - border-color: #eea236; + border-color: #eea236; } - &:hover, &:focus, &:active, &.active { - background-color: #f0ad4e; - border-color: #eea236; - } - } - - &[disabled] { - background-color: #f0ad4e; - border-color: #eea236; - - &:hover, &:focus, &:active, &.active { - background-color: #f0ad4e; - border-color: #eea236; - } - } -} - -fieldset[disabled] .btn-warning { - background-color: #f0ad4e; - border-color: #eea236; - - &:hover, &:focus, &:active, &.active { - background-color: #f0ad4e; - border-color: #eea236; - } -} - -.btn-warning .badge { - color: #f0ad4e; - background-color: #fff; -} + .btn-warning .badge { + color: #f0ad4e; + background-color: #fff; } .btn-danger { color: #fff; background-color: #CB4326; - border-color: #1B4257; - - &:hover, &:focus, &:active, &.active { + border-color: #1B4257; } + .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #B63B21; - border-color: #1B4257; - } -} - -.open > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #B63B21; - border-color: #1B4257; -} - -.btn-danger { - &:active, &.active { - background-image: none; - } -} - -.open > .btn-danger.dropdown-toggle { - background-image: none; -} - -.btn-danger { - &.disabled { + border-color: #1B4257; } + .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { + background-image: none; } + .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #F05050; - border-color: #ee3939; - - &:hover, &:focus, &:active, &.active { - background-color: #F05050; - border-color: #ee3939; - } - } - - &[disabled] { - background-color: #F05050; - border-color: #ee3939; - - &:hover, &:focus, &:active, &.active { - background-color: #F05050; - border-color: #ee3939; - } - } -} - -fieldset[disabled] .btn-danger { - background-color: #F05050; - border-color: #ee3939; - - &:hover, &:focus, &:active, &.active { - background-color: #F05050; - border-color: #ee3939; - } -} - -.btn-danger .badge { - color: #F05050; - background-color: #fff; -} + border-color: #ee3939; } + .btn-danger .badge { + color: #F05050; + background-color: #fff; } .btn-link { color: #FF8B00; font-weight: normal; cursor: pointer; - border-radius: 0; - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - - &:active, &[disabled] { + border-radius: 0; } + .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { 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 { + box-shadow: none; } + .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { + border-color: transparent; } + .btn-link:hover, .btn-link:focus { color: #9f4d03; text-decoration: underline; - background-color: transparent; - } + background-color: transparent; } - &[disabled] { - &:hover, &:focus { - color: #777777; - text-decoration: none; - } - } -} - -fieldset[disabled] .btn-link { - &:hover, &:focus { + .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; - text-decoration: none; - } -} + text-decoration: none; } + .btn-lg, .btn-group-lg > .btn { padding: 9px 12px; font-size: 18px; - line-height: 1.33; -} + line-height: 1.33; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; - border-radius: 3px; -} + border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 4px; font-size: 12px; line-height: 1.5; - border-radius: 3px; -} + border-radius: 3px; } .btn-block { display: block; - width: 100%; + width: 100%; } - + .btn-block { - margin-top: 5px; - } -} +.btn-block + .btn-block { + margin-top: 5px; } -input { - &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block { - width: 100%; - } -} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } .fade { opacity: 0; - filter: alpha(opacity = 0); + filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { + opacity: 1; filter: alpha(opacity=100); } - &.in { - opacity: 1; - filter: alpha(opacity = 100); - } -} .collapse { - display: none; - - &.in { - display: block; - } -} + display: none; } + .collapse.in { + display: block; } tr.collapse.in { - display: table-row; -} + display: table-row; } tbody.collapse.in { - display: table-row-group; -} + display: table-row-group; } .collapsing { position: relative; @@ -5425,8 +3137,7 @@ tbody.collapse.in { overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; - transition: height 0.35s ease; -} + transition: height 0.35s ease; } .caret { display: inline-block; @@ -5436,16 +3147,14 @@ tbody.collapse.in { vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; - border-left: 4px solid transparent; -} + border-left: 4px solid transparent; } .dropdown { - position: relative; -} + position: relative; } + .dropdown-toggle:focus { - outline: 0; -} + outline: 0; } .dropdown-menu { position: absolute; @@ -5458,10 +3167,10 @@ tbody.collapse.in { padding: 5px 0; margin: 2px 0 0; list-style: none; - font-size: 14px; + font-size:14px; text-align: left; - background-color: #315a71; - color: #fff; + background-color: #f0f0f0; + color: #000; border-left: 1px solid #1b4257; border-right: 1px solid #1b4257; border-bottom: 1px solid #1b4257; @@ -5469,93 +3178,65 @@ tbody.collapse.in { -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; - -webkit-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6); - box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6); - opacity: 0.97; + -webkit-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.60); + -moz-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.60); + box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.60); + opacity: 0.97; } - &.pull-right { + .dropdown-menu.pull-right { right: 0; left: auto; - background-color: #e5e5e5; - } + background-color: #e5e5e5; } - .divider { + .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; - background-color: #e5e5e5; - } - - > { - li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.428571429; - color: #fff; - white-space: nowrap; - outline: 0; - - &:hover, &:focus { - text-decoration: none; - color: #FFFFFF; - background-color: #FF7E25; - } - } - - .active > a { - color: #fff; - text-decoration: none; - outline: 0; - background-color: #FF7E25; - - &:hover, &:focus { - color: #fff; - text-decoration: none; - outline: 0; - background-color: #FF7E25; - } - } - - .disabled > a { - color: #777777; - - &:hover, &:focus { - color: #777777; - } - - &:hover, &:focus { - text-decoration: none; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: not-allowed; - } - } - } -} - -.open > { - .dropdown-menu { + background-color: #e5e5e5; } + .dropdown-menu > li > a { display: block; - } + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #000; + white-space: nowrap; + outline:0;} - a { - outline: 0; - } -} +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + text-decoration: none; + color: #FFFFFF; + background-color: #FF6E05; } + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #FF6E05; } + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + color: #777777; } + +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a: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; } +.open > a { + outline: 0; } .dropdown-menu-right { left: auto; - right: 0; -} + right: 0; } .dropdown-menu-left { left: 0; - right: auto; -} + right: auto; } .dropdown-header { display: block; @@ -5563,8 +3244,7 @@ tbody.collapse.in { font-size: 12px; line-height: 1.428571429; color: #b0b0b0; - white-space: nowrap; -} + white-space: nowrap; } .dropdown-backdrop { position: fixed; @@ -5572,805 +3252,467 @@ tbody.collapse.in { right: 0; bottom: 0; top: 0; - z-index: 990; -} + z-index: 990; } .pull-right > .dropdown-menu { right: 0; - left: auto; -} + left: auto; } -.dropup .caret, .navbar-fixed-bottom .dropdown .caret { +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; - content: ""; -} - -.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + content: ""; } +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 1px; -} + 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 { + .navbar-right .dropdown-menu { + right: 0; + left: auto; } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; } } +.btn-group, +.btn-group-vertical { position: relative; display: inline-block; - vertical-align: middle; -} + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + float: left; } + .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, + .btn-group-vertical > .btn:hover, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; } + .btn-group > .btn:focus, + .btn-group-vertical > .btn:focus { + outline: 0; } -.btn-group > .btn, .btn-group-vertical > .btn { - position: relative; - float: left; -} - -.btn-group > .btn { - &:hover, &:focus, &:active, &.active { - z-index: 2; - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; - } -} - -.btn-group-vertical > .btn { - &:hover, &:focus, &:active, &.active { - z-index: 2; - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; - } -} - -.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { - outline: 0; -} - -.btn-group { - .btn + { - .btn, .btn-group { - margin-left: -1px; - } - } - - .btn-group + { - .btn, .btn-group { - margin-left: -1px; - } - } -} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; } .btn-toolbar { - margin-left: -5px; - - &:before { + margin-left: -5px; } + .btn-toolbar:before, .btn-toolbar:after { content: " "; - display: table; - } + display: table; } + .btn-toolbar:after { + clear: both; } + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 5px; } - &:after { - content: " "; - display: table; - clear: both; - } +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } - .btn-group, .input-group { - float: left; - } +.btn-group > .btn:first-child { + margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } - > { - .btn, .btn-group, .input-group { - margin-left: 5px; - } - } -} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.btn-group { - > { - .btn { - &:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; - } +.btn-group > .btn-group { + float: left; } - &:first-child { - margin-left: 0; +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } - &:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - } +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .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; - } - } +.btn-group > .btn-group:last-child > .btn: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 .dropdown-toggle:active, .btn-group .dropdown-toggle:hover, .btn-group.open .dropdown-toggle { + outline: 0; + color: #000; + background-color: none; + border-color: #000; } - .btn-group { - float: left; +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; } - &:not(:first-child):not(:last-child) > .btn { - border-radius: 0; - } - - &:first-child > { - .btn:last-child, .dropdown-toggle { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - } - - &:last-child > .btn:first-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - } - } - - .dropdown-toggle { - &:active, &:hover { - outline: 0; - color: #FFFFFF; - background-color: none; - border-color: #000; - } - } - - &.open .dropdown-toggle { - outline: 0; - color: #FFFFFF; - background-color: none; - border-color: #000; - } - - > { - .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 { +.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; - padding-right: 12px; -} + padding-right: 12px; } -.btn-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; - box-shadow: none; -} +.btn-group.open .dropdown-toggle {} + .btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; } .btn .caret { - margin-left: 0; -} + margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; - border-bottom-width: 0; -} + border-bottom-width: 0; } -.dropup { - .btn-lg .caret, .btn-group-lg > .btn .caret { - border-width: 0 5px 5px; - } -} +.dropup .btn-lg .caret, .dropup .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-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; } +.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { + content: " "; + display: table; } +.btn-group-vertical > .btn-group:after { + clear: both; } +.btn-group-vertical > .btn-group > .btn { + float: none; } +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } - .btn-group { - display: block; - float: none; - width: 100%; - max-width: 100%; +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; } +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 3px; + border-top-right-radius: 0; + border-top-left-radius: 0; } - > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; - } +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } - &:before { - content: " "; - display: table; - } +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - &: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-vertical > .btn-group: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; + border-collapse: separate; } + .btn-group-justified > .btn, + .btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; } + .btn-group-justified > .btn-group .btn { + width: 100%; } + .btn-group-justified > .btn-group .dropdown-menu { + left: auto; } - > { - .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); - } -} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity=0); } .input-group { position: relative; display: table; - border-collapse: separate; - - &[class*="col-"] { + border-collapse: separate; } + .input-group[class*="col-"] { float: none; padding-left: 0; - padding-right: 0; - } - - .form-control { + padding-right: 0; } + .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; - margin-bottom: 0; - } -} + margin-bottom: 0; } -.input-group-addon, .input-group-btn, .input-group .form-control { - display: table-cell; -} +.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: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 { +.input-group-addon, +.input-group-btn { width: 1%; white-space: nowrap; - vertical-align: middle; -} + vertical-align: middle; } .input-group-addon { padding: 6px 12px; - font-size: 14px; + font-size:14px; font-weight: normal; line-height: 1; color: #FFF; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; - border-radius: 3px; - - &.input-sm { + border-radius: 3px; } + .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { 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 { + border-radius: 3px; } + .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; - border-radius: 6px; - } -} + border-radius: 6px; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } -.input-group-addon input { - &[type="radio"], &[type="checkbox"] { - margin-top: 0; - } -} - -.input-group .form-control:first-child, .input-group-addon:first-child { +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; - border-top-right-radius: 0; -} - -.input-group-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; - } - } -} + border-top-right-radius: 0; } .input-group-addon:first-child { - border-right: 0; -} + border-right: 0; } -.input-group .form-control:last-child, .input-group-addon:last-child { +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; - border-top-left-radius: 0; -} - -.input-group-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; - } - } -} + border-top-left-radius: 0; } .input-group-addon:last-child { - border-left: 0; -} + 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; - } - } -} + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { + z-index: 2; } + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-right: -1px; } + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; - list-style: none; - - &:before { + list-style: none; } + .nav:before, .nav:after { content: " "; - display: table; - } - - &:after { - content: " "; - display: table; - clear: both; - } - - > li { + display: table; } + .nav:after { + clear: both; } + .nav > li { position: relative; - display: block; - - > a { - position: relative; - display: block; - padding: 10px 15px; - color: #FFF; - border-radius: 0px; - border-top-right-radius: 10px; - margin-right: 0px; - background-color: #315a71; - opacity: 0.6; - filter: alpha(opacity = 50); - } - } -} - -.nav-tabs > li > a { - position: relative; - display: block; - padding: 10px 15px; - color: #FFF; - border-radius: 0px; - border-top-right-radius: 10px; - margin-right: 0px; - background-color: #315a71; - opacity: 0.6; - filter: alpha(opacity = 50); -} - -.nav > li { - &#menu_messages { - > a { + display: block; } + .nav > li > a, .nav-tabs > li > a { + position: relative; + display: block; + padding: 10px 15px; + color: #FFF; + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + background-color: #172c38; + opacity: 0.6; + filter: alpha(opacity=50);} + .nav > li#menu_messages > a { position: relative; display: block; padding: none; - color: #FF7E25; - background-color: transparent; - margin-right: 10px; - border: none; - opacity: 1.0; - } + color:#FF6E05; + background-color:transparent; + margin-right: 10px; + border:none; + opacity: 1.0;} + .nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + background-color: #172c38; + color: #FFF; + opacity: 0.8; } + .nav > li#menu_messages > a:hover, a:focus { + text-decoration: underline; } - > a:hover { - text-decoration: underline; - } - } + .nav > li.disabled > a { + color: #fff; } + .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { + color: #fff; + text-decoration: none; + background-color: #839caa; + opacity:0.9; + cursor: not-allowed; } - > a { - &:hover, &:focus { - text-decoration: none; - background-color: #315a71; - color: #FFF; - opacity: 0.8; - } - } -} + .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background-color: #172c38; + cursor:pointer; } -a:focus { - text-decoration: underline; -} - -.nav { - > li.disabled > a { - color: #fff; - - &:hover, &:focus { - color: #fff; - text-decoration: none; - background-color: #839caa; - opacity: 0.9; - cursor: not-allowed; - } - } - - .open > a { - background-color: #336480; - cursor: pointer; - - &:hover, &:focus { - background-color: #336480; - cursor: pointer; - } - } - - .nav-divider { + .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; - background-color: #e5e5e5; - } - - > li > a > img { - max-width: none; - } -} + background-color: #e5e5e5; } + .nav > li > a > img { + max-width: none; } .nav-tabs { - margin-right: 1px; - - > li { - float: left; - - > a { + margin-right: 1px; } + .nav-tabs > li { + float: left; } + .nav-tabs > li > a { line-height: 1.428571429; - border: none; - cursor: pointer; - - &:hover { - opacity: 0.8; - filter: alpha(opacity = 80); - } - } - - &.active > a { + border:none; + cursor:pointer;} + .nav-tabs > li > a:hover {opacity: 0.8; filter: alpha(opacity=80);} + .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FFF; background-color: #393939; border-bottom-color: transparent; cursor: pointer; - opacity: 1; - filter: alpha(opacity = 100); + opacity: 1; + filter: alpha(opacity=100);} - &:hover, &:focus { - color: #FFF; - background-color: #393939; - border-bottom-color: transparent; - cursor: pointer; - opacity: 1; - filter: alpha(opacity = 100); - } - } - } -} - -.nav-pills > li { - float: left; - - > a { - border-radius: 0; - } - - &.active > a { + .nav-pills > li { + float: left; } + .nav-pills > li > a { + border-radius: 0; } + .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #1b4257; - opacity: 1.0; - - &:hover, &:focus { - color: #fff; - background-color: #1b4257; - opacity: 1.0; - } - } -} + opacity: 1.0; } .nav-stacked > li { - float: none; - - + li { + float: none; } + .nav-stacked > li + li { margin-top: 2px; - margin-left: 0; - } -} + 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) { + width: 100%; } .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; - } -} + float: none; } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: left; + margin-bottom: 5px; } + .nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; } + @media (min-width: 768px) { + .nav-justified > li, .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { - border-bottom: 0; -} - -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 3px; -} - -.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #656565; -} - -@media (min-width: 768px) { + border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #656565; - border-radius: 3px 3px 0 0; - } + margin-right: 0; + border-radius: 3px; } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus, + .nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #656565; } + @media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #656565; + border-radius: 3px 3px 0 0; } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: transparent; } } - .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: transparent; - } -} - -.tab-content > { - .tab-pane { - display: none; - } - - .active { - display: block; - } -} +.tab-content > .tab-pane { + display: none; } + .tab-content > .active { + display: block; } .tab-pane .content-box { - border: none !important; + border:none !important; box-shadow: none; - -webkit-box-shadow: none; -} + -webkit-box-shadow: none; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; - cursor: pointer; -} + cursor:pointer;} + .navbar { position: relative; min-height: 50px; margin-bottom: 0; - border: 1px solid transparent; - - &:before { + border: 1px solid transparent; } + .navbar:before, .navbar:after { 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; - } -} + display: table; } + .navbar:after { + clear: both; } + @media (min-width: 768px) { + .navbar { + border-radius: 0; } } +.navbar-header:before, .navbar-header:after { + content: " "; + display: table; } +.navbar-header:after { + clear: both; } @media (min-width: 768px) { .navbar-header { - float: left; - } -} + float: left; } } .navbar-collapse { overflow-x: visible; @@ -6378,143 +3720,92 @@ a:focus { 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 { + -webkit-overflow-scrolling: touch; } + .navbar-collapse:before, .navbar-collapse:after { content: " "; - display: table; - } + display: table; } + .navbar-collapse:after { + clear: both; } + .navbar-collapse.in { + overflow-y: auto; } + @media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; } + .navbar-collapse.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; } } - &:after { - content: " "; - display: table; - clear: both; - } +.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; } } - &.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 { +.container > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-header, +.container-fluid > .navbar-collapse { + margin-right: -20px; + margin-left: -20px; } + @media (min-width: 768px) { + .container > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-header, + .container-fluid > .navbar-collapse { margin-right: 0; - margin-left: 0; - } - } - - .container-fluid > { - .navbar-header, .navbar-collapse { - margin-right: 0; - margin-left: 0; - } - } -} + margin-left: 0; } } .navbar-static-top { z-index: 1000; - border-width: 0 0 1px; -} + border-width: 0 0 1px; } + @media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; } } -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} - -.navbar-fixed-top, .navbar-fixed-bottom { +.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; - } -} + 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; -} + border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; - border-width: 1px 0 0; -} + border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 20px; font-size: 18px; - height: 50px; + height: 50px; } + .navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; } - &:hover, &:focus { - text-decoration: none; - } -} - -@media (min-width: 768px) { - .navbar > { - .container .navbar-brand, .container-fluid .navbar-brand { - margin-left: -20px; - } - } -} + @media (min-width: 768px) { + .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { + margin-left: -20px; } } .navbar-toggle { position: relative; @@ -6526,94 +3817,60 @@ a:focus { background-color: transparent; background-image: none; border: 1px solid transparent; - border-radius: 3px; - - &:focus { - outline: 0; - } - - .icon-bar { + border-radius: 3px; } + .navbar-toggle:focus { + outline: 0; } + .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; - border-radius: 1px; - - + .icon-bar { - margin-top: 4px; - } - } -} - -@media (min-width: 768px) { - .navbar-toggle { - display: none; - } -} + border-radius: 1px; } + .navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; } + @media (min-width: 768px) { + .navbar-toggle { + display: none; } } .navbar-nav { - margin: 7.5px -20px; - - > li > a { + margin: 7.5px -20px; } + .navbar-nav > 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 { + 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; } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; } + .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; } } + @media (min-width: 768px) { + .navbar-nav { float: left; - - > a { - padding-top: 15px; - padding-bottom: 15px; - } - } - - &.navbar-right:last-child { - margin-right: -20px; - } - } -} + margin: 0; } + .navbar-nav > li { + float: left; } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; } + .navbar-nav.navbar-right:last-child { + margin-right: -20px; } } @media (min-width: 768px) { .navbar-left { - float: left !important; - } + float: left !important; } .navbar-right { - float: right !important; - } -} - + float: right !important; } } .navbar-form { margin-left: -20px; margin-right: -20px; @@ -6623,613 +3880,306 @@ a:focus { -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; - } - } -} + 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-form.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; -} + border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} + border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; - margin-bottom: 8px; - - &.btn-sm { + margin-bottom: 8px; } + .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { 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; -} + 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; - } - } -} + margin-bottom: 15px; } + @media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 20px; + margin-right: 20px; } + .navbar-text.navbar-right:last-child { + margin-right: 0; } } .navbar-default { background-color: transparent; - border-color: none; - - .navbar-brand { - color: #F7F7F7; - - &:hover, &:focus { + border-color: none; } + .navbar-default .navbar-brand { + color: #F7F7F7; } + .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #dedede; - background-color: transparent; - } - } + background-color: transparent; } + .navbar-default .navbar-text { + color: #F7F7F7; } + .navbar-default .navbar-nav > li > a { + color: #F7F7F7; } + .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #FF6E05; + background-color: transparent; } - .navbar-text { - color: #F7F7F7; - } - - .navbar-nav > { - li > a { - color: #F7F7F7; - - &:hover, &:focus { - color: #FF7E25; - background-color: transparent; - } - } - - .active > a { - color: #555; - background-color: #2b2b2b; - - &:hover, &:focus { - color: #555; - background-color: #2b2b2b; - } - } - - .disabled > a { - color: #ccc; - background-color: transparent; - - &:hover, &:focus { - color: #ccc; - background-color: transparent; - } - } - } - - .navbar-toggle { - border-color: #FFF; - - &:hover, &:focus { - background-color: #555; - } - - .icon-bar { - background-color: #FFF; - } - } - - .navbar-nav > .open > a { - background-color: #2b2b2b; + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; - - &:hover, &:focus { - background-color: #2b2b2b; - color: #555; - } - } - - .navbar-link { - color: #F7F7F7; - - &:hover { - color: #FF8B00; - } - } - - .btn-link { - color: #F7F7F7; - - &:hover, &:focus { - color: #FF8B00; - } - - &[disabled] { - &:hover, &:focus { - color: #ccc; - } - } - } -} - -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > { - li > a { - color: #F7F7F7; - - &:hover, &:focus { - color: #FF8B00; - background-color: transparent; - } - } - - .active > a { - color: #555; - background-color: #2b2b2b; - - &:hover, &:focus { - color: #555; - background-color: #2b2b2b; - } - } - - .disabled > a { - color: #ccc; - background-color: transparent; - - &:hover, &:focus { - color: #ccc; - background-color: transparent; - } - } - } -} - -fieldset[disabled] .navbar-default .btn-link { - &:hover, &:focus { + background-color: #2b2b2b; } + .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; - } -} + background-color: transparent; } + .navbar-default .navbar-toggle { + border-color: #FFF; } + .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: #555; } + .navbar-default .navbar-toggle .icon-bar { + background-color: #FFF; } + .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { + background-color: #2b2b2b; + color: #555; } + @media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #F7F7F7; } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #FF8B00; + background-color: transparent; } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #2b2b2b; } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; } } + .navbar-default .navbar-link { + color: #F7F7F7; } + .navbar-default .navbar-link:hover { + color: #FF8B00; } + .navbar-default .btn-link { + color: #F7F7F7; } + .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { + color: #FF8B00; } + .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; } .navbar-inverse { background-color: #222; - border-color: #090909; - - .navbar-brand { - color: #777777; - - &:hover, &:focus { + border-color: #090909; } + .navbar-inverse .navbar-brand { + color: #777777; } + .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; - background-color: transparent; - } - } + background-color: transparent; } - .navbar-text { - color: #777777; - } - - .navbar-nav > { - li > a { - color: #777777; - - &:hover, &:focus { - color: #fff; - background-color: transparent; - } - } - - .active > a { + .navbar-inverse .navbar-text { + color: #777777; } + .navbar-inverse .navbar-nav > li > a { + color: #777777; } + .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; - background-color: #090909; - - &:hover, &:focus { - color: #fff; - background-color: #090909; - } - } - - .disabled > a { - color: #3e3e3e; - background-color: transparent; - - &:hover, &:focus { - color: #3e3e3e; - background-color: transparent; - } - } - } - - .navbar-toggle { - border-color: #2d2d2d; - - &:hover, &:focus { - background-color: #2d2d2d; - } - - .icon-bar { - background-color: #fff; - } - } - - .navbar-collapse, .navbar-form { - border-color: #101010; - } - - .navbar-nav > .open > a { - background-color: #090909; + background-color: transparent; } + .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; - - &:hover, &:focus { - background-color: #090909; - color: #fff; - } - } - - .navbar-link { - color: #777777; - - &:hover { - color: #fff; - } - } - - .btn-link { - color: #777777; - - &:hover, &:focus { - color: #fff; - } - - &[disabled] { - &:hover, &:focus { - color: #3e3e3e; - } - } - } -} - -@media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu { - > .dropdown-header { - border-color: #090909; - } - - .divider { - background-color: #090909; - } - - > { - li > a { - color: #777777; - - &:hover, &:focus { - color: #fff; - background-color: transparent; - } - } - - .active > a { - color: #fff; - background-color: #090909; - - &:hover, &:focus { - color: #fff; - background-color: #090909; - } - } - - .disabled > a { - color: #3e3e3e; - background-color: transparent; - - &:hover, &:focus { - color: #3e3e3e; - background-color: transparent; - } - } - } - } -} - -fieldset[disabled] .navbar-inverse .btn-link { - &:hover, &:focus { + background-color: #090909; } + .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #3e3e3e; - } -} + background-color: transparent; } + .navbar-inverse .navbar-toggle { + border-color: #2d2d2d; } + .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #2d2d2d; } + + .navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; } + .navbar-inverse .navbar-collapse, + .navbar-inverse .navbar-form { + border-color: #101010; } + .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + background-color: #090909; + color: #fff; } + @media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #090909; } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #090909; } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #777777; } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; } + + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #090909; } + + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #3e3e3e; + background-color: transparent; } } + + .navbar-inverse .navbar-link { + color: #777777; } + .navbar-inverse .navbar-link:hover { + color: #fff; } + .navbar-inverse .btn-link { + color: #777777; } + .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { + color: #fff; } + + .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #3e3e3e; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; - border-radius: 3px; - - > { - li { - display: inline-block; - - + li:before { - content: "/ "; - padding: 0 5px; - color: #ccc; - } - } - - .active { - color: #777777; - } - } -} + border-radius: 3px; } + .breadcrumb > li { + display: inline-block; } + .breadcrumb > li + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; } + .breadcrumb > .active { + color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; - border-radius: 3px; - - > { - li { - display: inline; - - > { - a, span { - position: relative; - float: left; - padding: 6px 12px; - line-height: 1.428571429; - text-decoration: none; - color: #FFFFFF; - background-color: #427795; - border: 1px solid rgba(23, 44, 56, 0.4); - margin-left: -1px; - cursor: pointer; - } - } - - &:first-child > { - a, span { - margin-left: 0; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - } - } - - &:last-child > { - a, span { - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - } - } - - > { - a { - &:hover, &:focus { - color: #FFFFFF; - background-color: #FF7E25; - } - } - - span { - &:hover, &:focus { - color: #FFFFFF; - background-color: #FF7E25; - } - } - } - } - - .active > { - a { - z-index: 2; - color: #FFFFFF; - background-color: #FF7E25; - cursor: default; - - &:hover, &:focus { - z-index: 2; - color: #FFFFFF; - background-color: #FF7E25; - cursor: default; - } - } - - span { - z-index: 2; - color: #FFFFFF; - background-color: #FF7E25; - cursor: default; - - &:hover, &:focus { - z-index: 2; - color: #FFFFFF; - background-color: #FF7E25; - cursor: default; - } - } - } - - .disabled > { - span { - color: #000; - background-color: #e3e3e3; - cursor: not-allowed; - - &:hover, &:focus { - color: #000; - background-color: #e3e3e3; - cursor: not-allowed; - } - } - - a { - color: #000; - background-color: #e3e3e3; - cursor: not-allowed; - - &:hover, &:focus { - color: #000; - background-color: #e3e3e3; - 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-radius: 3px; } + .pagination > li { + display: inline; } + .pagination > li > a, + .pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.428571429; + text-decoration: none; + color: #FFF; + background-color: #45565f; + border: 1px solid rgba(23, 44, 56, 0.4); + margin-left: -1px; + cursor: pointer; } + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - } - } - - &:last-child > { - a, span { + border-top-left-radius: 3px; } + .pagination > li:last-child > a, + .pagination > li:last-child > span { border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - } - } -} + border-top-right-radius: 3px; } + .pagination > li > a:hover, .pagination > li > a:focus, + .pagination > li > span:hover, + .pagination > li > span:focus { + color: #FFFFFF; + background-color: #FF6E05; } + + .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, + .pagination > .active > span, + .pagination > .active > span:hover, + .pagination > .active > span:focus { + z-index: 2; + color: #FFFFFF; + background-color: #FF6E05; + cursor: default; } + + .pagination > .disabled > span, + .pagination > .disabled > span:hover, + .pagination > .disabled > span:focus, + .pagination > .disabled > a, + .pagination > .disabled > a:hover, + .pagination > .disabled > a:focus { + color: #000; + background-color: #e3e3e3; + cursor: not-allowed; } + + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; } +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; } + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; } +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > 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 { + text-align: center; } + .pager:before, .pager:after { content: " "; - display: table; - } - - &:after { - content: " "; - display: table; - clear: both; - } - - li { - display: inline; - - > { - a, span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; - } - - a { - &:hover, &:focus { - text-decoration: none; - background-color: #eeeeee; - } - } - } - } - - .next > { - a, span { - float: right; - } - } - - .previous > { - a, span { - float: left; - } - } - - .disabled > { - a { - color: #777777; + display: table; } + .pager:after { + clear: both; } + .pager li { + display: inline; } + .pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; background-color: #fff; - cursor: not-allowed; + border: 1px solid #ddd; + border-radius: 15px; } + .pager li > a:hover, + .pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; } - &:hover, &:focus { - color: #777777; - background-color: #fff; - cursor: not-allowed; - } - } + .pager .next > a, + .pager .next > span { + float: right; } + .pager .previous > a, + .pager .previous > span { + float: left; } + .pager .disabled > a, + .pager .disabled > a:hover, + .pager .disabled > a:focus, + .pager .disabled > span { + color: #777777; + background-color: #fff; + cursor: not-allowed; } - span { - color: #777777; - background-color: #fff; - cursor: not-allowed; - } - } -} .label { display: inline; @@ -7241,91 +4191,60 @@ fieldset[disabled] .navbar-inverse .btn-link { text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: .25em; + border-radius: .25em; } + .label:empty { + display: none; } + .btn .label { + position: relative; + top: -1px; } - &:empty { - display: none; - } -} +a.label:hover, a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; } -.btn .label { - position: relative; - top: -1px; -} - -a.label { - &:hover, &:focus { - color: #fff; - text-decoration: none; - cursor: pointer; - } -} .label-default { - background-color: #777777; + background-color: #777777; } + .label-default[href]:hover, .label-default[href]:focus { + background-color: #5e5e5e; + border-color: #323232;} - &[href] { - &:hover, &:focus { - background-color: #5e5e5e; - border-color: #323232; - } - } -} .label-primary { - background-color: #FF8B00; + background-color: #FF8B00; } + .label-primary[href]:hover, .label-primary[href]:focus { + background-color: #b85904; } - &[href] { - &:hover, &:focus { - background-color: #b85904; - } - } -} .label-success { - background-color: #4FB654; - border-color: #323232; + background-color: #397E37; + border-color: #323232;} + .label-success[href]:hover, .label-success[href]:focus { + background-color: #7fc54f; + border-color: #323232; } - &[href] { - &:hover, &:focus { - background-color: #7fc54f; - border-color: #323232; - } - } -} .label-info { - background-color: #B0CDDB; + background-color: #B0CDDB; } + .label-info[href]:hover, .label-info[href]:focus { + background-color: #8db7cb; + border-color: #323232; } - &[href] { - &:hover, &:focus { - background-color: #8db7cb; - border-color: #323232; - } - } -} .label-warning { - background-color: #f0ad4e; + background-color: #f0ad4e; } + .label-warning[href]:hover, .label-warning[href]:focus { + background-color: #ec971f; + border-color: #323232;} - &[href] { - &:hover, &:focus { - background-color: #ec971f; - border-color: #323232; - } - } -} .label-danger { - background-color: #DA4829; + background-color: #DA4829; } + .label-danger[href]:hover, .label-danger[href]:focus { + background-color: #ec2121; + border-color: #323232;} - &[href] { - &:hover, &:focus { - background-color: #ec2121; - border-color: #323232; - } - } -} .badge { display: inline-block; @@ -7338,94 +4257,56 @@ a.label { vertical-align: baseline; white-space: nowrap; text-align: center; - background-color: #777777; - border-radius: 10px; - - &:empty { - display: none; - } -} - -.btn .badge { - position: relative; - top: -1px; -} - -.btn-xs .badge, .btn-group-xs > .btn .badge { - top: 0; - padding: 1px 5px; -} - -a.list-group-item.active > .badge { - color: #FF8B00; - background-color: #fff; -} - -.nav-pills > { - .active > a > .badge { + background-color: #ff6e05; + border-radius: 10px; } + .badge: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, .nav-pills > .active > a > .badge { color: #FF8B00; - background-color: #fff; - } + background-color: #fff; } + .nav-pills > li > a > .badge { + margin-left: 3px; } - li > a > .badge { - margin-left: 3px; - } -} +a.badge:hover, a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; } -a.badge { - &:hover, &:focus { - color: #fff; - text-decoration: none; - cursor: pointer; - } -} .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; - background-color: #eeeeee; - - h1, .h1 { - color: inherit; - } - - p { + background-color: #eeeeee; } + .jumbotron h1, + .jumbotron .h1 { + color: inherit; } + .jumbotron p { margin-bottom: 15px; font-size: 21px; - font-weight: 200; - } - - > hr { - border-top-color: #d5d5d5; - } -} - -.container .jumbotron { - border-radius: 6px; -} - -.jumbotron .container { - max-width: 100%; -} - -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - + font-weight: 200; } + .jumbotron > hr { + border-top-color: #d5d5d5; } .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - - .jumbotron { - h1, .h1 { - font-size: 63px; - } - } -} + 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, + .jumbotron .h1 { + font-size: 63px; } } .thumbnail { display: block; @@ -7437,1115 +4318,635 @@ a.badge { 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 { + transition: all 0.2s ease-in-out; } + .thumbnail > img, + .thumbnail a > img { display: block; width: 100% \9; max-width: 100%; height: auto; margin-left: auto; - margin-right: auto; - } - - .caption { + margin-right: auto; } + .thumbnail .caption { padding: 9px; - color: #3C3C3B; - } -} + color: #3C3C3B; } + +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #FF8B00; } -a.thumbnail { - &:hover, &:focus, &.active { - border-color: #FF8B00; - } -} .alert { padding: 15px; margin-bottom: 20px; border: 1px solid #b0b0b0; border-radius: 3px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); +} - h4 { + .alert h4 { margin-top: 0; - color: inherit; - } + color: inherit; } + .alert .alert-link { + font-weight: bold; } + .alert > p, + .alert > ul { + margin-bottom: 0; } + .alert > p + p { + margin-top: 5px; } - .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-dismissable, +.alert-dismissible { + padding-right: 35px; } + .alert-dismissable .close, + .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } .alert-success { - background-color: #fbfbfb; - border-color: #a5a5a5; - color: #000; - - hr { - border-top-color: #8dcc62; - } - - .alert-link { - color: #72bd3e; - } -} + background-color: #fbfbfb; + border-color: #a5a5a5; + color: #000; } + .alert-success hr { + border-top-color: #8dcc62; } + .alert-success .alert-link { + color: #72bd3e; } .alert-info { - background-color: #fbfbfb; - border-color: #a5a5a5; - color: #000; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - - hr { - border-top-color: #DA4829; - } - - .alert-link { - color: #DA4829; - } + background-color: #fbfbfb; + border-color: #a5a5a5; + color: #000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } + .alert-info hr { + border-top-color: #DA4829; } + .alert-info .alert-link { + color: #DA4829; } + .alert-warning { - background-color: #fff; - border: 1px solid #d12d0a; - color: #000; - - hr { - border-top-color: #f7e1b5; - } - - .alert-link { - color: #df8a13; - } -} + background-color: #fff; + border: 1px solid #d12d0a; + color: #000;} + .alert-warning hr { + border-top-color: #f7e1b5; } + .alert-warning .alert-link { + color: #df8a13; } .alert-danger { - background-color: #30596f; - border-color: #b0b0b0; - - hr { - border-top-color: #DA4829; - } - - .alert-link { - color: #DA4829; - } -} + background-color: #45565f; + border-color: #f00; } + .alert-danger hr { + border-top-color: #DA4829; } + .alert-danger .alert-link { + color: #DA4829; } @-webkit-keyframes progress-bar-stripes { from { - background-position: 40px 0; - } - + background-position: 40px 0; } to { - background-position: 0 0; - } -} - + background-position: 0 0; } } @keyframes progress-bar-stripes { from { - background-position: 40px 0; - } - + background-position: 40px 0; } to { - background-position: 0 0; - } -} - + background-position: 0 0; } } .progress { margin-bottom: 3px; color: #000; overflow: hidden; height: 20px; - background-color: #DBDBDB; - border-radius: 3px; - position: relative; - -webkit-box-shadow: inset 0px 1px 2px 1px rgb(172, 172, 172); - box-shadow: inset inset 0px 1px 2px 1px rgb(172, 172, 172); -} + background-color: #EAEAEA; + border: 1px solid #b9b9b9; + position: relative; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; - line-height: 20px; color: #fff; text-align: center; - background-color: #FF7E25; + background-color: #FF6E05; position: relative; z-index: 2; -webkit-box-shadow: inset 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; - transition: width 0.6s ease; - margin: 1px 0 0 0 !important; -} + transition: width 0.6s ease; } -.progress-striped .progress-bar, .progress-bar-striped { +.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; -} + background-size: 40px 40px; } -.progress.active .progress-bar { +.progress.active .progress-bar, +.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; -} + animation: progress-bar-stripes 2s linear infinite; } -.progress-bar { - &.active { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; - } - - &[aria-valuenow="1"], &[aria-valuenow="2"] { - min-width: 30px; - } - - &[aria-valuenow="0"] { - color: #777777; - min-width: 30px; - background-color: transparent; - background-image: none; - box-shadow: none; - } -} +.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { + min-width: 30px; } +.progress-bar[aria-valuenow="0"] { + color: #777777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none; } .progress-bar-success { - background-color: #4FB654; -} - -.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); -} + background-color: #4FB654; } + .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: #038CCF; -} - -.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); -} + background-color: #45565f; } + .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: #CCB60F; - color: #FFFFFF !important; -} - -.progress-striped .progress-bar-warning { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} + color: #FFFFFF !important; } + .progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { - background-color: #CC2400; -} + background-color: #CC2400; } + .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); } -.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 { +.media, +.media-body { overflow: hidden; - zoom: 1; -} + zoom: 1; } -.media { - margin-top: 15px; +.media, +.media .media { + margin-top: 15px; } - .media { - margin-top: 15px; - } - - &:first-child { - margin-top: 0; - } -} +.media:first-child { + margin-top: 0; } .media-object { - display: block; -} + display: block; } .media-heading { - margin: 0 0 5px; -} + margin: 0 0 5px; } -.media > { - .pull-left { - margin-right: 10px; - } - - .pull-right { - margin-left: 10px; - } -} +.media > .pull-left { + margin-right: 10px; } +.media > .pull-right { + margin-left: 10px; } .media-list { padding-left: 0; - list-style: none; -} + list-style: none; } .list-group { margin-bottom: 20px; - padding-left: 0; -} + padding-left: 0; } .list-group-item { position: relative; display: block; padding: 6px 8px; margin-bottom: -1px; - background-color: #294c5f; - - &:last-child { - margin-bottom: 0; - } - - > .badge { - float: right; - - + .badge { - margin-right: 5px; - } - } -} + background-color: #172c38; } + .list-group-item:last-child { + margin-bottom: 0; } + .list-group-item > .badge { + float: right; } + .list-group-item > .badge + .badge { + margin-right: 5px; } a.list-group-item { color: #FFFFFF; border-radius: 0; - outline: 0; + outline:0; } - .list-group-item-heading { - color: #2d2d2d; - } - - &:hover, &:focus { + a.list-group-item .list-group-item-heading { + color: #2d2d2d; } + a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #000; - background-color: #FFF; - } + background-color: #FFF; } - &:hover:before, &:focus:before { - background: #FFFFFF; + a.list-group-item:hover:before, a.list-group-item:focus:before { + background: #FFFFFF; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0; + width: 3px; } + +.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { + background-color: #eeeeee; + color: #777777; } + + .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { + color: inherit; } + + .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { + color: #777777; } + +.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + z-index: 2; } + .list-group-item.active:before, .list-group-item.active:hover:before, .list-group-item.active:focus:before { + background: #ff8b00; content: ""; height: 42px; left: 0; position: absolute; - top: 0; - width: 3px; - } -} + top: 0px; + width: 3px; } -.list-group-item { - &.disabled { - background-color: #eeeeee; - color: #777777; - - &:hover, &:focus { - background-color: #eeeeee; - color: #777777; - } - - .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading { - color: inherit; - } - - .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { - color: #777777; - } - } - - &.active { - z-index: 2; - - &:hover, &:focus { - z-index: 2; - } - - &:before, &:hover:before, &:focus:before { - background: #ff8b00; - 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: #FF8B00; - content: ""; - height: 42px; - left: 0; - position: absolute; - top: 0px; - width: 3px; - } - } -} + .list-group-item.active .list-group-item-heading, + .list-group-item.active .list-group-item-heading > small, + .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, + .list-group-item.active:hover .list-group-item-heading > small, + .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, + .list-group-item.active:focus .list-group-item-heading > small, + .list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; } + .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + color: #fedcbd; } + .list-group-item.active + .collapse > .list-group-item:before, .list-group-item.active:hover + .collapse > .list-group-item:before, .list-group-item.active:focus + .collapse > .list-group-item:before { + background: #FF8B00; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; } .list-group-item-success { color: #9BD275; - background-color: #9BD275; -} + background-color: #9BD275; } a.list-group-item-success { - color: #9BD275; - - .list-group-item-heading { - color: inherit; - } - - &:hover, &:focus { + color: #9BD275; } + a.list-group-item-success .list-group-item-heading { + color: inherit; } + a.list-group-item-success:hover, a.list-group-item-success:focus { color: #9BD275; - background-color: #8dcc62; - } - - &.active { + background-color: #8dcc62; } + a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #9BD275; - border-color: #9BD275; - - &:hover, &:focus { - color: #fff; - background-color: #9BD275; - border-color: #9BD275; - } - } -} + border-color: #9BD275; } .list-group-item-info { color: #31708f; - background-color: #d9edf7; -} + background-color: #d9edf7; } a.list-group-item-info { - color: #31708f; - - .list-group-item-heading { - color: inherit; - } - - &:hover, &:focus { + color: #31708f; } + a.list-group-item-info .list-group-item-heading { + color: inherit; } + a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; - background-color: #c4e3f3; - } - - &.active { + background-color: #c4e3f3; } + a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; - border-color: #31708f; - - &:hover, &:focus { - color: #fff; - background-color: #31708f; - border-color: #31708f; - } - } -} + border-color: #31708f; } .list-group-item-warning { color: #f0ad4e; - background-color: #fcf8e3; -} + background-color: #fcf8e3; } a.list-group-item-warning { - color: #f0ad4e; - - .list-group-item-heading { - color: inherit; - } - - &:hover, &:focus { + color: #f0ad4e; } + a.list-group-item-warning .list-group-item-heading { + color: inherit; } + a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #f0ad4e; - background-color: #faf2cc; - } - - &.active { + background-color: #faf2cc; } + a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #f0ad4e; - border-color: #f0ad4e; - - &:hover, &:focus { - color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; - } - } -} + border-color: #f0ad4e; } .list-group-item-danger { color: #F05050; - background-color: #F05050; -} + background-color: #F05050; } a.list-group-item-danger { - color: #F05050; - - .list-group-item-heading { - color: inherit; - } - - &:hover, &:focus { + color: #F05050; } + a.list-group-item-danger .list-group-item-heading { + color: inherit; } + a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #F05050; - background-color: #ee3939; - } - - &.active { + background-color: #ee3939; } + a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #F05050; - border-color: #F05050; - - &:hover, &:focus { - color: #fff; - background-color: #F05050; - border-color: #F05050; - } - } -} + border-color: #F05050; } .list-group-item-heading { margin-top: 0; - margin-bottom: 5px; -} + margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; - line-height: 1.3; -} + line-height: 1.3; } .panel { border: 1px solid #b0b0b0; - margin-bottom: 20px; -} + margin-bottom: 20px; } .panel-body { padding: 15px; - background-color: #F0F0F0; - - &:before { + background-color: #F0F0F0;} + .panel-body:before, .panel-body:after { content: " "; - display: table; - } - - &:after { - content: " "; - display: table; - clear: both; - } -} + display: table; } + .panel-body:after { + clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid #b0b0b0; border-top-right-radius: 2px; border-top-left-radius: 2px; - background-color: #30596f; + background-color: #45565f; } - > .dropdown .dropdown-toggle { - color: inherit; - } -} + .panel-heading > .dropdown .dropdown-toggle { + color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; - color: inherit; - - > a { - color: inherit; - } -} + color: inherit; } + .panel-title > a { + color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} + border-bottom-left-radius: 2px; } .panel > .list-group { - margin-bottom: 0; - - .list-group-item { + margin-bottom: 0; } + .panel > .list-group .list-group-item { border-width: 1px 0; - border-radius: 0; - } + border-radius: 0; } + .panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; } + .panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; } - &:first-child .list-group-item:first-child { - border-top: 0; - } +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; } - &:last-child .list-group-item:last-child { - border-bottom: 0; - } -} +.list-group + .panel-footer { + border-top-width: 0; } -.panel-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer { - border-top-width: 0; -} - -.panel > { - .table, .table-responsive > .table, .panel-collapse > .table { - margin-bottom: 0; - } - - .table:first-child, .table-responsive:first-child > .table:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; - } - - .table:first-child > { - thead:first-child > tr:first-child { - td:first-child, th:first-child { - border-top-left-radius: 2px; - } - } - - tbody:first-child > tr:first-child { - td:first-child, th:first-child { - border-top-left-radius: 2px; - } - } - } - - .table-responsive:first-child > .table:first-child > { - thead:first-child > tr:first-child { - td:first-child, th:first-child { - border-top-left-radius: 2px; - } - } - - tbody:first-child > tr:first-child { - td:first-child, th:first-child { - border-top-left-radius: 2px; - } - } - } - - .table:first-child > { - thead:first-child > tr:first-child { - td:last-child, th:last-child { - border-top-right-radius: 2px; - } - } - - tbody:first-child > tr:first-child { - td:last-child, th:last-child { - border-top-right-radius: 2px; - } - } - } - - .table-responsive:first-child > .table:first-child > { - thead:first-child > tr:first-child { - td:last-child, th:last-child { - border-top-right-radius: 2px; - } - } - - tbody:first-child > tr:first-child { - td:last-child, th:last-child { - border-top-right-radius: 2px; - } - } - } - - .table:last-child, .table-responsive:last-child > .table:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - - .table:last-child > { - tbody:last-child > tr:last-child { - td:first-child, th:first-child { - border-bottom-left-radius: 2px; - } - } - - tfoot:last-child > tr:last-child { - td:first-child, th:first-child { - border-bottom-left-radius: 2px; - } - } - } - - .table-responsive:last-child > .table:last-child > { - tbody:last-child > tr:last-child { - td:first-child, th:first-child { - border-bottom-left-radius: 2px; - } - } - - tfoot:last-child > tr:last-child { - td:first-child, th:first-child { - border-bottom-left-radius: 2px; - } - } - } - - .table:last-child > { - tbody:last-child > tr:last-child { - td:last-child, th:last-child { - border-bottom-right-radius: 2px; - } - } - - tfoot:last-child > tr:last-child { - td:last-child, th:last-child { - border-bottom-right-radius: 2px; - } - } - } - - .table-responsive:last-child > .table:last-child > { - tbody:last-child > tr:last-child { - td:last-child, th:last-child { - border-bottom-right-radius: 2px; - } - } - - tfoot:last-child > tr:last-child { - td:last-child, th:last-child { - border-bottom-right-radius: 2px; - } - } - } - - .panel-body + { - .table, .table-responsive { - border-top: 1px solid #eee; - } - } - - .table > tbody:first-child > tr:first-child { - th, td { - border-top: 0; - } - } - - .table-bordered, .table-responsive > .table-bordered { - border: 0; - } - - .table-bordered > { - thead > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - tbody > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - tfoot > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - } - - .table-responsive > .table-bordered > { - thead > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - tbody > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - - tfoot > tr > { - th:first-child, td:first-child { - border-left: 0; - } - } - } - - .table-bordered > { - thead > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tbody > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tfoot > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - } - - .table-responsive > .table-bordered > { - thead > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tbody > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - - tfoot > tr > { - th:last-child, td:last-child { - border-right: 0; - } - } - } - - .table-bordered > { - thead > tr:first-child > { - td, th { - border-bottom: 0; - } - } - - tbody > tr:first-child > { - td, th { - border-bottom: 0; - } - } - } - - .table-responsive > .table-bordered > { - thead > tr:first-child > { - td, th { - border-bottom: 0; - } - } - - tbody > tr:first-child > { - td, th { - border-bottom: 0; - } - } - } - - .table-bordered > { - tbody > tr:last-child > { - td, th { - border-bottom: 0; - } - } - - tfoot > tr:last-child > { - td, th { - border-bottom: 0; - } - } - } - - .table-responsive { - > .table-bordered > { - tbody > tr:last-child > { - td, th { - border-bottom: 0; - } - } - - tfoot > tr:last-child > { - td, th { - border-bottom: 0; - } - } - } - - border: 0; - margin-bottom: 0; - } -} +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; } +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; } + .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 2px; } + .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 2px; } +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } + .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 2px; } + .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 2px; } +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #eee; } +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; } +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; } + .panel > .table-bordered > thead > tr > th:first-child, + .panel > .table-bordered > thead > tr > td:first-child, + .panel > .table-bordered > tbody > tr > th:first-child, + .panel > .table-bordered > tbody > tr > td:first-child, + .panel > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-bordered > tfoot > tr > td:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; } + .panel > .table-bordered > thead > tr > th:last-child, + .panel > .table-bordered > thead > tr > td:last-child, + .panel > .table-bordered > tbody > tr > th:last-child, + .panel > .table-bordered > tbody > tr > td:last-child, + .panel > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-bordered > tfoot > tr > td:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; } + .panel > .table-bordered > thead > tr:first-child > td, + .panel > .table-bordered > thead > tr:first-child > th, + .panel > .table-bordered > tbody > tr:first-child > td, + .panel > .table-bordered > tbody > tr:first-child > th, + .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, + .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, + .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, + .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; } + .panel > .table-bordered > tbody > tr:last-child > td, + .panel > .table-bordered > tbody > tr:last-child > th, + .panel > .table-bordered > tfoot > tr:last-child > td, + .panel > .table-bordered > tfoot > tr:last-child > th, + .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, + .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, + .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, + .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; } +.panel > .table-responsive { + border: 0; + margin-bottom: 0; } .panel-group { - margin-bottom: 20px; - - .panel { + margin-bottom: 20px; } + .panel-group .panel { margin-bottom: 0; - border-radius: 3px; - - + .panel { - margin-top: 5px; - } - } - - .panel-heading { - border-bottom: 0; - - + .panel-collapse > .panel-body { - border-top: 1px solid #ddd; - } - } - - .panel-footer { - border-top: 0; - - + .panel-collapse .panel-body { - border-bottom: 1px solid #ddd; - } - } -} - -.panel-default { - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - - > { - .panel-heading { - color: #fff; - border-color: #b0b0b0; - - + .panel-collapse > .panel-body { - border-top-color: #b0b0b0; - } - - .badge { - color: #f5f5f5; - background-color: #2d2d2d; - } - } - - .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #b0b0b0; - } - } -} - -.panel-primary { - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - - > { - .panel-heading { - color: #FFF; - border-color: #b0b0b0; - - + .panel-collapse > .panel-body { - border-top-color: #FF8B00; - } - - .badge { - color: #FF8B00; - background-color: #fff; - } - } - - .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #FF8B00; - } - } -} + border-radius: 3px; } + .panel-group .panel + .panel { + margin-top: 5px; } + .panel-group .panel-heading { + border-bottom: 0; } + .panel-group .panel-heading + .panel-collapse > .panel-body { + border-top: 1px solid #ddd; } + .panel-group .panel-footer { + border-top: 0; } + .panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; } + .panel-default { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } + .panel-default > .panel-heading { + color: #fff; + border-color: #b0b0b0; } + .panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #b0b0b0; } + .panel-default > .panel-heading .badge { + color: #f5f5f5; + background-color: #2d2d2d; } + .panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #b0b0b0; } + .panel-primary { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } + .panel-primary > .panel-heading { + color: #FFF; + border-color: #b0b0b0; } + .panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #FF8B00; } + .panel-primary > .panel-heading .badge { + color: #FF8B00; + background-color: #fff; } + .panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #FF8B00; } .panel-success { - border-color: #9BD275; - - > { - .panel-heading { + border-color: #9BD275; } + .panel-success > .panel-heading { + color: #9BD275; + background-color: #9BD275; + border-color: #9BD275; } + .panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #9BD275; } + .panel-success > .panel-heading .badge { color: #9BD275; - background-color: #9BD275; - border-color: #9BD275; - - + .panel-collapse > .panel-body { - border-top-color: #9BD275; - } - - .badge { - color: #9BD275; - background-color: #9BD275; - } - } - - .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #9BD275; - } - } -} + background-color: #9BD275; } + .panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #9BD275; } .panel-info { - border-color: #b0b0b0; - - > { - .panel-heading { - color: #31708f; - background-color: #d9edf7; - border-color: #b0b0b0; - - + .panel-collapse > .panel-body { - border-top-color: #b0b0b0; - } - - .badge { - color: #d9edf7; - background-color: #31708f; - } - } - - .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #b0b0b0; - } - } -} + border-color: #b0b0b0; } + .panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #b0b0b0; } + .panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #b0b0b0; } + .panel-info > .panel-heading .badge { + color: #d9edf7; + background-color: #31708f; } + .panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #b0b0b0; } .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; - } - } -} + border-color: #faebcc; } + .panel-warning > .panel-heading { + color: #f0ad4e; + background-color: #fcf8e3; + border-color: #faebcc; } + .panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #faebcc; } + .panel-warning > .panel-heading .badge { + color: #fcf8e3; + background-color: #f0ad4e; } + .panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; } .panel-danger { - border-color: #F05050; - - > { - .panel-heading { + border-color: #F05050; } + .panel-danger > .panel-heading { + color: #F05050; + background-color: #F05050; + border-color: #F05050; } + .panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #F05050; } + .panel-danger > .panel-heading .badge { 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; - } - } -} + background-color: #F05050; } + .panel-danger > .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 { + overflow: hidden; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive 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%; - } -} + border: 0; } + .embed-responsive.embed-responsive-16by9 { + padding-bottom: 56.25%; } + .embed-responsive.embed-responsive-4by3 { + padding-bottom: 75%; } .well { min-height: 20px; @@ -8553,54 +4954,44 @@ a.list-group-item-danger { margin-bottom: 20px; background-color: none; border: none; - border-radius: none; - - blockquote { + border-radius: none; } + .well blockquote { border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); - } -} + border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; - border-radius: 6px; -} + border-radius: 6px; } .well-sm { padding: 9px; - border-radius: 3px; -} + border-radius: 3px; } .close { - float: right; + float:right; font-size: 21px; font-weight: bold; line-height: 1; color: #FFFFFF; text-shadow: 0 1px 0 #000; opacity: 1; - filter: alpha(opacity = 100); - - &:hover, &:focus { + filter: alpha(opacity=100); } + .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 1; - filter: alpha(opacity = 100); - } -} + filter: alpha(opacity=100); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; - -webkit-appearance: none; -} + -webkit-appearance: none; } .modal-open { - overflow: hidden; -} + overflow: hidden; } .modal { display: none; @@ -8612,34 +5003,27 @@ button.close { left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; - outline: 0; - - &.fade .modal-dialog { + outline: 0; } + .modal.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 { + transition: transform 0.3s ease-out; } + .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} + transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; - overflow-y: auto; -} + overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 62px 10px 10px 10px; - border: 1px solid #7a7a7a; -} + border: 1px solid #7a7a7a;} .modal-content { position: relative; @@ -8649,8 +5033,7 @@ button.close { -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30); box-shadow: 0 5px 15px rgb(5, 5, 5); background-clip: padding-box; - outline: 0; -} + outline: 0; } .modal-backdrop { position: fixed; @@ -8659,113 +5042,79 @@ button.close { bottom: 0; left: 0; z-index: 1040; - background-color: #000; - - &.fade { + background-color: #000; } + .modal-backdrop.fade { opacity: 0; - filter: alpha(opacity = 0); - } - - &.in { + filter: alpha(opacity=0); } + .modal-backdrop.in { opacity: 0.5; - filter: alpha(opacity = 50); - } -} + filter: alpha(opacity=50); } .modal-header { - padding-left: 10px; - padding-right: 10px; - padding-top: 3px; - padding-bottom: 1px; + padding-left:10px; + padding-right:10px; + padding-top:3px; + padding-bottom:1px; border-bottom: 1px solid #4a4a4a; min-height: 16.42857px; - background-color: #427795; - color: #FFF; + background-color: #45565f; + color: #FFF; } - .close { - margin-top: -2px; - } -} +.modal-header .close { + margin-top: -2px; } .modal-title { margin: 0; - line-height: 1.428571429; -} + line-height: 1.428571429; } .modal-body { position: relative; padding: 5px; - background-color: #FFF; - - .table-hover > tbody > tr:hover > { - td, th { - background-color: #336480; - color: #FFF; - } - } -} + background-color: #FFF;} +.modal-body .table-hover > tbody > tr:hover > td, +.modal-body .table-hover > tbody > tr:hover > th { + background-color: #f06702; + color: #FFF; } .modal-footer { padding: 5px; text-align: right; - background-color: #f0f0f0; - border-top: 1px solid inherit; - - &:before { + background-color: #ddd; + border-top: 1px solid inherit; } + .modal-footer:before, .modal-footer:after { content: " "; - display: table; - } - - &:after { - content: " "; - display: table; - clear: both; - } - - .btn + .btn { + display: table; } + .modal-footer:after { + clear: both; } + .modal-footer .btn + .btn { margin-left: 5px; - margin-bottom: 0; - } - - .btn-group .btn + .btn { - margin-left: -1px; - } - - .btn-block + .btn-block { - margin-left: 0; - } -} + margin-bottom: 0; } + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } + .modal-footer .btn-block + .btn-block { + margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; -} + overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; - margin: 82px auto 30px auto; - } + 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); - } + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { - width: 300px; - } -} - + width: 300px; } } @media (min-width: 992px) { .modal-lg { - width: 900px; - } -} - + width: 900px; } } .tooltip { position: absolute; z-index: 1070; @@ -8774,33 +5123,22 @@ button.close { font-size: 12px; line-height: 1.4; opacity: 0; - filter: alpha(opacity = 0); - - &.in { + filter: alpha(opacity=0); } + .tooltip.in { opacity: 0.9; - filter: alpha(opacity = 90); - } - - &.top { + filter: alpha(opacity=90); } + .tooltip.top { margin-top: -3px; - padding: 5px 0; - } - - &.right { + padding: 5px 0; } + .tooltip.right { margin-left: 3px; - padding: 0 5px; - } - - &.bottom { + padding: 0 5px; } + .tooltip.bottom { margin-top: 3px; - padding: 5px 0; - } - - &.left { + padding: 5px 0; } + .tooltip.left { margin-left: -3px; - padding: 0 5px; - } -} + padding: 0 5px; } .tooltip-inner { max-width: 200px; @@ -8809,78 +5147,59 @@ button.close { text-align: center; text-decoration: none; background-color: #000; - border-radius: 3px; -} + border-radius: 3px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; - border-style: solid; -} + 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; - } -} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; } +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; } +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000; } +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; } +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; } +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } .popover { position: absolute; @@ -8894,201 +5213,143 @@ button.close { background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.3); + border: 1px solid rgba(0, 0, 0, 0.30); border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - white-space: normal; - - &.top { - margin-top: -10px; - } - - &.right { - margin-left: 10px; - } - - &.bottom { - margin-top: 10px; - } - - &.left { - margin-left: -10px; - } -} + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + white-space: normal; } + .popover.top { + margin-top: -10px; } + .popover.right { + margin-left: 10px; } + .popover.bottom { + margin-top: 10px; } + .popover.left { + margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; - font-size: 14px; + font-size:14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} + border-radius: 5px 5px 0 0; } .popover-content { - padding: 9px 14px; -} + padding: 9px 14px; } -.popover { - > .arrow { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; +.popover > .arrow, .popover > .arrow:after { + 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: ""; - } +.popover > .arrow { + border-width: 11px; } - border-width: 11px; - } +.popover > .arrow:after { + border-width: 10px; + content: ""; } - &.top > .arrow { - left: 50%; - margin-left: -11px; +.popover.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; } + .popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; 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-top-color: #fff; } +.popover.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); } + .popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; 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-right-color: #fff; } +.popover.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; } + .popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; 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-bottom-color: #fff; } +.popover.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); } + .popover.left > .arrow:after { + content: " "; + right: 1px; 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; - } - } -} + border-left-color: #fff; + bottom: -10px; } .carousel { - position: relative; -} + 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 { + width: 100%; } + .carousel-inner > .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; } + .carousel-inner > .item > img, + .carousel-inner > .item > a > img { 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%; - } - } - } -} + width: 100% \9; + max-width: 100%; + height: auto; + line-height: 1; } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } .carousel-control { position: absolute; @@ -9097,70 +5358,57 @@ button.close { bottom: 0; width: 15%; opacity: 0.5; - filter: alpha(opacity = 50); + filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - - &.left { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-control.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 { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + .carousel-control.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 { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + .carousel-control:hover, .carousel-control: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 { + filter: alpha(opacity=90); } + .carousel-control .icon-prev, + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; - display: inline-block; - } - - .icon-prev, .glyphicon-chevron-left { + display: inline-block; } + .carousel-control .icon-prev, + .carousel-control .glyphicon-chevron-left { left: 50%; - margin-left: -10px; - } - - .icon-next, .glyphicon-chevron-right { + margin-left: -10px; } + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-right { right: 50%; - margin-right: -10px; - } - - .icon-prev, .icon-next { + margin-right: -10px; } + .carousel-control .icon-prev, + .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; - font-family: serif; - } - - .icon-prev:before { - content: '\2039'; - } - - .icon-next:before { - content: '\203a'; - } -} + font-family: serif; } + .carousel-control .icon-prev:before { + content: '\2039'; } + .carousel-control .icon-next:before { + content: '\203a'; } .carousel-indicators { position: absolute; @@ -9171,9 +5419,8 @@ button.close { margin-left: -30%; padding-left: 0; list-style: none; - text-align: center; - - li { + text-align: center; } + .carousel-indicators li { display: inline-block; width: 10px; height: 10px; @@ -9183,16 +5430,12 @@ button.close { border-radius: 10px; cursor: pointer; background-color: #000 \9; - background-color: transparent; - } - - .active { + background-color: transparent; } + .carousel-indicators .active { margin: 0; width: 12px; height: 12px; - background-color: #fff; - } -} + background-color: #fff; } .carousel-caption { position: absolute; @@ -9204,350 +5447,269 @@ button.close { padding-bottom: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - - .btn { - text-shadow: none; - } -} + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .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-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px; } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; - padding-bottom: 30px; - } + padding-bottom: 30px; } .carousel-indicators { - bottom: 20px; - } -} - + bottom: 20px; } } .clearfix:before, .content-box:before, .clearfix:after, .content-box:after { content: " "; - display: table; -} - + display: table; } .clearfix:after, .content-box:after { - clear: both; -} + clear: both; } .center-block { display: block; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } .pull-right { float: right !important; - margin-top: 0px; -} + margin-top: 0px;} .pull-left { float: left !important; - margin-top: 0px; -} + margin-top: 0px;} .hide { - display: none !important; -} + display: none !important; } .show { display: block !important; - color: #757575; -} + color: #2ba632; } .invisible { - visibility: hidden; -} + visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; -} + border: 0; } .hidden { display: none !important; - visibility: hidden !important; -} + visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} + transform: translate3d(0, 0, 0); } @-ms-viewport { - width: device-width; -} + width: device-width; } +.visible-xs, .visible-sm, .visible-md, .visible-lg { + display: none !important; } -.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; -} +.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 { + display: none !important; } @media (max-width: 767px) { .visible-xs { - display: block !important; - } + display: block !important; } table.visible-xs { - display: table; - } + display: table; } tr.visible-xs { - display: table-row !important; - } - - th.visible-xs, td.visible-xs { - display: table-cell !important; - } -} + display: table-row !important; } + th.visible-xs, + td.visible-xs { + display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { - display: block !important; - } -} + display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { - display: inline !important; - } -} + display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { - display: inline-block !important; - } -} + display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { - display: block !important; - } + display: block !important; } table.visible-sm { - display: table; - } + display: table; } tr.visible-sm { - display: table-row !important; - } - - th.visible-sm, td.visible-sm { - display: table-cell !important; - } -} + 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; - } -} + display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { - display: inline !important; - } -} + display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { - display: inline-block !important; - } -} + display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { - display: block !important; - } + display: block !important; } table.visible-md { - display: table; - } + display: table; } tr.visible-md { - display: table-row !important; - } - - th.visible-md, td.visible-md { - display: table-cell !important; - } -} + 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; - } -} + display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { - display: inline !important; - } -} + display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { - display: inline-block !important; - } -} + display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { - display: block !important; - } + display: block !important; } table.visible-lg { - display: table; - } + display: table; } tr.visible-lg { - display: table-row !important; - } - - th.visible-lg, td.visible-lg { - display: table-cell !important; - } -} + display: table-row !important; } + th.visible-lg, + td.visible-lg { + display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { - display: block !important; - } -} + display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { - display: inline !important; - } -} + display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { - display: inline-block !important; - } -} + display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs, .page-side { - display: none !important; - } -} - + display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { - display: none !important; - } -} - + display: none !important; } } /* COLLAPSE SIDEBAR @media*/ @media (max-width: 768px), (max-height: 669px) { .toggle-sidebar { - display: none !important; - } -} - + display: none !important; } } /* COLLAPSE SIDEBAR @media END*/ @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { - display: none !important; - } -} - + display: none !important; } } @media (min-width: 1200px) { .hidden-lg { - display: none !important; - } -} + display: none !important; } } +.visible-print { + display: none !important; } @media print { .visible-print { - display: block !important; - } + display: block !important; } table.visible-print { - display: table; - } + display: table; } tr.visible-print { - display: table-row !important; - } + display: table-row !important; } - th.visible-print, td.visible-print { - display: table-cell !important; - } -} + th.visible-print, + td.visible-print { + display: table-cell !important; } } +.visible-print-block { + display: none !important; } + @media print { + .visible-print-block { + display: block !important; } } -@media print { - .visible-print-block { - display: block !important; - } -} +.visible-print-inline { + display: none !important; } + @media print { + .visible-print-inline { + display: inline !important; } } -@media print { - .visible-print-inline { - display: inline !important; - } -} - -@media print { - .visible-print-inline-block { - display: inline-block !important; - } -} +.visible-print-inline-block { + display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; } } @media print { .hidden-print { - display: none !important; - } -} - + display: none !important; } } * { - -webkit-font-smoothing: antialiased; -} + -webkit-font-smoothing: antialiased; } -html { +html, body { height: 100%; font-family: 'SourceSansProRegular'; scrollbar-width: thin; - scrollbar-color: #315a71 #e3e3e3; + scrollbar-color: #45565f #e3e3e3; background-color: #fff; } body { - height: 100%; - font-family: 'SourceSansProRegular'; - scrollbar-width: thin; - scrollbar-color: #315a71 #e3e3e3; - background-color: #fff; touch-action: manipulation; min-width: 320px; } .widget-sort-handle { - touch-action: none; -} + touch-action: none; } .page-head { top: 0; @@ -9555,7 +5717,7 @@ body { position: fixed; width: 100%; z-index: 2; - background-color: #172c38; + background-color:#172c38; border-bottom: 1px solid #171717; } @@ -9563,55 +5725,49 @@ body { height: calc(100% - 52px); padding-top: 52px; position: relative; - z-index: 1; + z-index: 1; } + .page-content > .row { + height: 100%; } +.page-content-head .container-fluid { + color:#000; + background-color: none; + margin-right: 20px; + margin-left: 20px; + border-bottom: 1px solid #aeaeae; + border-radius: 0px; + min-height: 46px; + height: 46px; + padding: 9px 14px 5px 0px; } - > .row { - height: 100%; - } -} - -.page-content-head { - .container-fluid { - background-color: #FBFBFB; - margin-left: 20px; - margin-right: 20px; - border: 1px solid #b0b0b0; - border-radius: 0px; - min-height: 47px; - height: auto; - padding: 6px 14px 5px 14px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - } - - padding-bottom: 2px; +.page-content-head, .content-box-head { + padding-bottom: 5px; padding-top: 10px; - color: #000; + color:#000; } -.content-box-head { - padding-bottom: 2px; - padding-top: 10px; - color: #000; -} + .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: inherit; + margin: 0; } -.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: inherit; - margin: 0; +.page-content-head h1, content-box-head h1 { + padding-left: 10px; + padding-right: 10px; + color: #000; + text-decoration-line: none; + font-weight: bold; + text-transform: uppercase; } .page-content-main { min-height: calc(100% - 64px); - padding: 9px 0px 21px 0px; + padding: 6px 0px 21px 0px; } .page-side { background: #172c38; - border: none; + border:none; height: 100% !important; height: calc(100% - 52px) !important; left: 0; @@ -9619,13 +5775,11 @@ body { margin-top: 52px; position: fixed; top: 0; - z-index: 3; -} + z-index: 3; } .page-side-nav--active { background: #F7F7F7; - border-left: 3px solid #FF8B00; -} + border-left: 3px solid #FF8B00; } .page-foot { bottom: 0; @@ -9636,7 +5790,7 @@ body { position: fixed; height: 20px; background: #172c38; - color: #FFF; + color:#FFF; border-top: 1px solid #162b36; } @@ -9644,565 +5798,392 @@ body { padding: 0px 0px; margin: 0px 0px; background: none; - border: 1px solid #b0b0b0; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - - hr { - border: none; - } -} - -.content-box-main { - padding-bottom: 15px; - padding-top: 15px; -} - + border: 1px solid #a8a8a8; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } +.content-box hr { + border:none; } + .content-box-main { + padding-bottom: 15px; + padding-top: 15px; } .tab-content { - padding: 0px 0px; - margin: 0px 0px; - - > .tab-content { - padding: 0 15px; - } - - .tab-content:last-child { - margin-bottom: 0; - } -} + padding: 0px 0px; + margin: 0px 0px; } + .tab-content > .tab-content { + padding: 0 15px; } + .tab-content .tab-content:last-child { + margin-bottom: 0; } .page-content-main section[class^="col-"] + section[class^="col-"] { - padding-top: 20px; -} + padding-top: 20px; } .brand-logo { - display: none; -} - -@media (min-width: 768px) { - .brand-logo { - display: inline-block; - } -} + display: none; } + @media (min-width: 768px) { + .brand-logo { + display: inline-block; } } .brand-icon { - display: inline-block; -} - -@media (min-width: 768px) { - .brand-icon { - display: none; - } -} + display: inline-block; } + @media (min-width: 768px) { + .brand-icon { + display: none; } } @media (min-width: 768px) { .col-sm-disable-spacer { - padding-top: 0 !important; - } -} + padding-top: 0 !important; } } @media (min-width: 992px) { .col-md-disable-spacer { - padding-top: 0 !important; - } -} + padding-top: 0 !important; } } @media (min-width: 1200px) { .col-lg-disable-spacer { - padding-top: 0 !important; - } -} + padding-top: 0 !important; } } .page-login { - background: #172c38; - - .container { + background: #FFF; } + .page-login .container { min-height: 100%; - margin-bottom: -60px; - - &:after { - height: 60px; - } - } - - .login-foot { - color: #FFF; - } -} + margin-bottom: -60px; } + .page-login .container:after { + height: 60px; } +.page-login .login-foot {color:#FFF;} .login-foot { - font-size: 12px; -} + font-size: 12px; + max-width: 400px; + margin: 0px auto 0px auto; + background-color: #172c38;} .login-modal-container { - color: #FFF; - border: 1px solid #fff; + color:#FFF; + border: none; max-width: 400px; - margin: 100px auto 15px auto; -} - + margin: 100px auto 0px auto; + background-color: #172c38;} .login-modal-head { height: 75px; - padding: 0 20px; -} - + padding: 0 20px; } .login-modal-content { - padding: 20px 20px 20px 20px; -} - + padding: 20px 20px 20px 20px; } .login-modal-foot { border-top: 1px solid #E5E5E5; height: 60px; - padding: 20px 20px 0 20px; - - a { + padding: 20px 20px 0 20px; } + .login-modal-foot a { color: #7D7D7D; - text-decoration: none; - - &:hover { + text-decoration: none; } + .login-modal-foot a:hover { color: #646464; - text-decoration: underline; - } - } -} + text-decoration: underline; } @media (min-width: 768px) { .list-inline .btn-group-container { - float: right; - } -} + float: right;} } .btn.btn-fixed { max-width: 174px; - width: 100%; -} + width: 100%; } .progress-bar-placeholder { font-size: 12px; position: absolute; text-align: center; width: 100%; - z-index: 1; -} + z-index: 1; } /* BOOTSTRAP EDIT */ - .list-group-item { border-left: none; - border-right: none; - - &.collapsed .caret { + border-right: none; } + .list-group-item.collapsed .caret { border-bottom: 4px solid green; - border-top: 0; - } -} - + border-top: 0; } /* BOOTSTRAP EDIT END */ /* COLLAPSE SIDEBAR */ - main.page-content.col-lg-12 { padding-left: 90px; } #navigation.col-sidebar-left { - width: 70px; + width:70px; background-color: transparent !important; overflow: hidden; - - > div { - &.row { - height: 100% !important; - - > nav.page-side-nav { - width: 70px; - background-color: #172c38 !important; - height: 100% !important; - border-right: 1px solid #162b36; - } - } - - > nav > #mainmenu > div > { - a.list-group-item { - font-size: 14px; - text-align: center; - - > 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 #1b313e; - } - - 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: #000 !important; - background-color: #FFF !important; - } - } - } } -a.list-group-item.active-menu-title.collapsed { +#navigation.col-sidebar-left > div.row { + height:100% !important; +} + +#navigation.col-sidebar-left > div.row > nav.page-side-nav { + width:70px; + background-color:#172c38 !important; + height:100% !important; + border-right: 1px solid #162b36; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item { + font-size:14px; + text-align:center; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon { + visibility: visible; + font-size:20px; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer { + width:50px; + height:25px; + padding:0px; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item { + width: 70px; + height: 70px; + padding-left: 0px; + padding-right: 0px; + padding-top:15px; + border-bottom:2px solid #515151; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size:14px !important; + display: block !important; + position: absolute !important; + left: 70px !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.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; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item.active-menu-title, a.list-group-item.active-menu-title.collapsed, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"], +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"], +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active { color: #000 !important; background-color: #FFF !important; } -#navigation.col-sidebar-left > div > nav > #mainmenu > div > { - a.list-group-item[aria-expanded="true"] { - color: #000 !important; - background-color: #FFF !important; - } - - div { - &.collapse { - &.in { - > { - a.list-group-item[aria-expanded="true"], div.collapse.in > a.list-group-item.menu-level-3-item.active { - color: #000 !important; - background-color: #FFF !important; - } - } - - > div.collapse.in > a.list-group-item { - padding-left: 10px !important; - font-size: 14px !important; - background-color: #294c5f !important; - opacity: 0.98; - } - } - - > a.list-group-item { - padding-left: 10px !important; - font-size: 14px !important; - background-color: #294c5f !important; - opacity: 0.98; - } - - > 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: #000 !important; - background-color: #FFF !important; - } - } - } +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size:14px !important; + background-color: #172c38 !important; + opacity: 0.98; } -a.list-group-item:focus { +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item { + padding-left: 10px !important; + font-size:14px !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item { + padding: 3px 8px !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { text-decoration: none !important; color: #000 !important; background-color: #FFF !important; } -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item { - &.active-menu-title, &:hover { - color: #000 !important; - background-color: #FFF !important; - } -} - -a.list-group-item:focus { +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active { color: #000 !important; background-color: #FFF !important; } -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div { - &.collapse.in > a.list-group-item { - &.collapsed:focus, &:focus { - color: #000 !important; - background-color: #FFF !important; - } - } - - &.active-menu.collapse.in > a.list-group-item.active { - color: #000 !important; - background-color: #FFF !important; - } - - &.collapse.in { - width: 168px; - font-size: 14px; - z-index: 10; - position: absolute; - left: 70px; - margin-top: -70px; - border: 1px solid #1f3a4a; - -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); - box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); - - > 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, 0.5); - -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); - box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); - } - } - - &.collapsing, &.collapse.in > div.collapsing { - display: none; - } +/* Sub Level One */ +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in { + width:168px; + font-size:13px; + z-index: 10; + position: absolute; + left: 70px; + margin-top:-70px; + border:1px solid #1f3a4a; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); } -/* Sub Level One */ - /* Sub Level Two */ +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in { + width:168px; + font-size:13px; + 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, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing { + display:none; +} button.toggle-sidebar { - color: #FFF; - background-color: transparent; - font-size: 14px; - border: none; + color:#FFF; + background-color:transparent; + font-size:14px; + border:none; margin-top: 18px; - float: left; - outline: none; + float:left; + outline:none; } /* COLLAPSE SIDEBAR END*/ #navigation.collapse.in { - display: block !important; -} + display: block !important; } -.list-group-submenu .list-group-item:last-child, .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, .dropdown-header { - padding: 3px 10px; -} +.dropdown-menu > li > a, +.dropdown-header { + padding: 3px 10px; } -.nav-tabs { - > { - li { - border-radius: 0px; - border-top-right-radius: 10px; - margin-right: 2px; +.nav-tabs > li { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 2px; } - > a { - border-radius: 0px; - border-top-right-radius: 10px; - margin-right: 0px; - -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); - box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); - } - } +.nav-tabs > li > a { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); + -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); + box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); } - .dropdown > a { - -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); - box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); +.nav-tabs > .dropdown > a { + -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.60); + -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.60); + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.60); } - &.pull-right { - -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); - box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); - } - } +.nav-tabs > .dropdown > a.pull-right { + -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); + -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); + box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); } - li { - > a { - outline: 0; +.nav-tabs > li > a, +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { + outline:0; + font-weight: 100; } - &:hover, &:focus { - outline: 0; - } - } +.nav-tabs > li.active > a { + background: #172c38 !important; + outline:0; + font-weight: 100; } - &.active > a { - background: #315a71 !important; - outline: 0; - } +.nav-tabs > li > a.visible-lg-inline-block:not(.pull-right) { + border-top-right-radius: 0px !important; + padding-left: 10px !important; + padding-right: 5px !important; } - > a.visible-lg-inline-block { - &:not(.pull-right) { - border-top-right-radius: 0px !important; - padding-left: 10px !important; - padding-right: 5px !important; - } +.nav-tabs > li > a.visible-lg-inline-block.pull-right { + border-left: 0px !important; + padding-left: 5px !important; + padding-right: 10px !important; } - &.pull-right { - border-left: 0px !important; - padding-left: 5px !important; - padding-right: 10px !important; - } - } - } - } - - &.nav-justified { - border-right: 1px solid #656565; - - > li { - border-bottom: 1px solid #656565; - border-top: 1px solid #656565; - border-left: 1px solid #656565; - border-radius: 0px; - background: #818180; - - > a { - color: #FFFFFF; - font-family: 'SourceSansProSemibold'; - } - } - } -} - -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid transparent; - } -} - -@media (max-width: 767px) { - .nav-tabs.nav-justified > li.active > a { - border-right: 0 !important; - } -} +.nav-tabs.nav-justified { + border-right: 1px solid #656565; } + .nav-tabs.nav-justified > li { + border-bottom: 1px solid #656565; + border-top: 1px solid #656565; + border-left: 1px solid #656565; + border-radius: 0px; + background: #818180; } + .nav-tabs.nav-justified > li > a { + color: #FFFFFF; + font-family: 'SourceSansProSemibold'; } + @media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; } } + @media (max-width: 767px) { + .nav-tabs.nav-justified > li.active > a { + border-right: 0 !important; } } @media (min-width: 768px) { > li.active + li > a { - border-left: 1px solid transparent; - } -} + 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; - } -} + border-right: 1px solid transparent !important; } + @media (max-width: 767px) { + > li:last-child > a { + margin-bottom: 0; } } .btn .glyphicon { - vertical-align: -1px; -} - + vertical-align: -1px; } +.table { width:100%; } .table { - width: 100%; - margin-bottom: 0px !important; -} + 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; -} +.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-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; -} + font-weight: 100; } .table > tbody > tr > td:last-child { - padding-right: 15px; -} + padding-right: 5px; } /* helpers */ - .__nowrap { - white-space: nowrap; -} + white-space: nowrap; } .__nomb { - margin-bottom: 0; -} + margin-bottom: 0; } .__mb { - margin-bottom: 15px; -} + margin-bottom: 15px; } .__mt { - margin-top: 15px; -} + margin-top: 15px; } .__ml { - margin-left: 15px; -} + margin-left: 15px; } .__mr { - margin-right: 15px; -} + margin-right: 15px; } .__iconspacer { - padding-right: 10px; -} + padding-right: 10px; } #mainmenu .glyphicon { - vertical-align: -2px; -} + vertical-align: -2px; } .list-group-item { overflow: hidden; - text-overflow: ellipsis; - - + div { - &.collapse { - margin-bottom: -1px; - } - - > a { - padding-left: 44px; - } - } - - &:before { + text-overflow: ellipsis; } + .list-group-item + div.collapse { + margin-bottom: -1px; } + .list-group-item + div > a { + padding-left: 44px; } + .list-group-item:before { background: #FF8B00; content: ""; height: 42px; @@ -10214,51 +6195,32 @@ button.toggle-sidebar { -webkit-transition: width .2s; -moz-transition: width .2s; -o-transition: width .2s; - transition: width .2s; - } -} + transition: width .2s; } .list-group-submenu a { - padding-left: 56px; -} + padding-left: 56px; } .active-menu-title, .active-menu a { text-decoration: none; position: relative; - background-color: #30596F; -} + background-color: #24323a; } + .active-menu-title:before, .active-menu a:before { + width: 3px; } + .active-menu-title.active, .active-menu a.active { + background-color: #fff; + color: #000; } -.active-menu-title:before, .active-menu a:before { - width: 3px; -} - -.active-menu-title.active { - background-color: #fff; - color: #000; -} - -.active-menu a { - &.active { - background-color: #fff; - color: #000; - } - - &:before { - background: #FF8B00; - } -} +.active-menu a:before { + background: #FF8B00; } .alert.alert-danger { - color: #FFF !important; -} + color: #FFF !important; } -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - border-radius: 0 !important; -} +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + border-radius: 0 !important; } .navbar-brand { - padding: 10px 20px; -} + padding: 10px 20px; } .label-opnsense { /* emulates btn */ @@ -10267,150 +6229,110 @@ button.toggle-sidebar { font-size: 12px; line-height: 1.5; border-radius: 3px; - border-color: #323232; -} + border-color: #323232;} .label-opnsense-sm { /* emulates btn-sm */ padding: 6px 11px; - border-color: #323232; -} + border-color: #323232;} .label-opnsense-xs { /* emulates btn-xs */ padding: 2px 5px; - border-color: #323232; -} + border-color: #323232;} ::-webkit-scrollbar { - width: 8px; -} + width: 8px; } ::-webkit-scrollbar-button { width: 8px; - height: 0px; -} + height: 0px; } ::-webkit-scrollbar-track { background: #e3e3e3; box-shadow: 0px 0px 0px; - border-radius: 0; -} + border-radius: 0; } ::-webkit-scrollbar-thumb { - background: #315a71; + background: #172c38; border: thin solid #e5e5e5; - border-radius: 0px; + border-radius: 0px; } - &:hover { - background: #ec6d12; - } -} +::-webkit-scrollbar-thumb:hover { + background: #ec6d12; } .widgetdiv { padding-top: 0px !important; - padding-bottom: 20px; -} + padding-bottom: 20px; } select { overflow: hidden; border: 1px solid #1d1d1d; - background-color: #427795; - color: #FFF; + background-color: #f0f0f0; + color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-repeat: no-repeat; background-position: right; - background-image: url(/ui/themes/tukan/build/images/caret.png) !important; + background-image: url(/ui/themes/tukan/build/images/caret.png) !important; } - &:hover, &:active, &:focus { - overflow: hidden; - border: 1px solid #1d1d1d; - background-color: #336480; - color: #FFF; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - background-repeat: no-repeat; - background-position: right; - background-image: url(/ui/themes/tukan/build/images/caret.png) !important; - } -} +select:hover, select:active, select:focus { + overflow: hidden; + border: 1px solid #1d1d1d; + background-color: #f0f0f0; + color: #000; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + background-repeat: no-repeat; + background-position: right; + background-image: url(/ui/themes/tukan/build/images/caret.png) !important; } -option { - &:hover, &:active, &:focus { - background-color: #FF7E25; - } -} - -#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] { - min-width: 3.5em; -} +option:hover, option:active, option:focus { + background-color:#FF6E05; + } +#grid-log th[data-column-id="__timestamp__"], +#filter-log-entries th[data-column-id="__timestamp__"] { + min-width: 3.5em; } #grid-top { - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); -} + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } @media screen and (max-width: 767px) { .table-responsive { - margin-bottom: 0; + margin-bottom: 0; } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > tfoot > tr > td { + white-space: normal; } } - > .table > { - thead > tr > { - th, td { - white-space: normal; - } - } +label > input[type="checkbox"], +label > input[type="radio"] { + margin-right: .4em; + float: left; } - tbody > tr > { - th, td { - white-space: normal; - } - } +#log-settings label[for^="act"] { + margin-right: 1.5em; } - tfoot > tr > { - th, td { - white-space: normal; - } - } - } - } -} +#log-settings table>tbody>tr>td { + vertical-align: middle; } -label > input { - &[type="checkbox"], &[type="radio"] { - margin-right: .4em; - float: left; - } -} +#log-settings select#filterlogentries, +#log-settings select#filterlogentriesupdateinterval { + width: 5em; } -#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%; - } - } -} +#log-settings select#filterlogentriesinterfaces { + min-width: 100%; + max-width: 100%; } /* fields in firewall schedule */ - [data-state="lightcoral"] { background-color: #ffe83e; } @@ -10423,64 +6345,50 @@ label > input { background-color: #ffe83e; } -#ipsec { - #ipsec-mobile, #ipsec-tunnel, #ipsec-overview { - background-color: #f0f0f0 !important; - } - - .ipsec-tab { - background-color: #839caa !important; - color: #FFF !important; - - &.activetab { - background-color: #315a71 !important; - color: #FFF !important; - } - } +#ipsec #ipsec-mobile, #ipsec #ipsec-tunnel, #ipsec #ipsec-overview { + background-color: #f0f0f0 !important; } +#ipsec .ipsec-tab { + background-color: #45565f !important; + color: #FFF !important; +} + +#ipsec .ipsec-tab.activetab { + background-color: #172c38 !important; + color: #FFF !important; +} .fw_pass { background-color: #295f2b !important; - color: #FFF; + color:#FFF; } - .fw_block { - background-color: #CB4326 !important; - color: #FFF; + background-color: #A22626 !important; + color:#FFF; } - .fw_nat { background-color: #CBA026 !important; - color: #FFF; + color:#FFF; } - -/*additional extensions for theme-tukan*/ + /*additional extensions for theme-tukan*/ #tab_1 #maintabs { border-bottom: 1px solid #b0b0b0; } -textarea#update_status { - color: inherit !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none !important; - - &:hover { - color: inherit !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none !important; - } +textarea#update_status, textarea#update_status:hover { + color:inherit !important; + -webkit-box-shadow:none !important; + box-shadow:none !important; + border:none !important; } .fa-toggle-off::before { - color: #FF8B00 !important; - outline: none !important; -} + color:#FF8B00 !important; + outline:none !important; } .fa-toggle-on::before { - outline: none !important; + outline:none !important; } .fa-search::before, .glyphicon-search::before { @@ -10488,7 +6396,7 @@ textarea#update_status { } .glyphicon.glyphicon-search::before { - color: #000 !important; + color:#000 !important; } .fa-times-circle::before { @@ -10500,42 +6408,30 @@ textarea#update_status { content: "\f059"; cursor: pointer; } - .fa-refresh::before { content: "\f021"; } -.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon { +.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon,.input-group-addon { top: 0; - background-color: #FF7E25 !important; - border: 1px solid #FF7E25 !important; + background-color: #FF6E05 !important; + border: 1px solid #FF6E05 !important; } -div.container-fluid > { - .fa-search::before, .fa-refresh::before { - color: #FFFFFF !important; - } -} +div.container-fluid >.fa-search::before, div.container-fluid >.fa-refresh::before { + color: #FFFFFF !important; } -.panel-heading h3:hover { +.panel-heading h3:hover, h3:focus { color: #FFFFFF; text-decoration: none; } -h3 { - &:focus { - color: #FFFFFF; - text-decoration: none; - } +h3:link { + color:#FFFFFF;text-decoration: underline; +} - &:link { - color: #FFFFFF; - text-decoration: underline; - } - - &:hover, &:focus { - text-decoration: underline; - } +h3:hover, h3:focus { + text-decoration: underline; } #grid-log { @@ -10543,67 +6439,32 @@ h3 { } .table-condensed.table-hover { - border: 1px solid #bdbdbd; + border: 1px solid #bdbdbd; } #rules.table-condensed.table-hover { - border: none; + border: none; } -.btn-group.bootstrap-select { - &.open, &:hover { - border-color: #323232 !important; - color: #FFFFFF !important; - } +.btn-group.bootstrap-select.open, .btn-group.bootstrap-select:hover { + border-color: #323232 !important; + color:#FFFFFF !important; } -.glyphicon { - &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted { - color: #000 !important; - } -} - -.fa { - &.fa-exclamation.fa-fw.text-muted, &.fa-arrows-h.fa-fw.text-muted { - color: #000 !important; - } - - &.fa-long-arrow-left { - color: #000 !important; - - &::before { - color: #000 !important; - } - } - - &.fa-info-circle.text-muted { - color: #000 !important; - } - - &.fa-times-circle.text-muted, &.fa-times.text-muted { - color: #000 !important; - - &::before { - color: #000 !important; - } - } - - &.fa-play.text-muted::before { - color: #000 !important; - } +.glyphicon.glyphicon-play.text-muted, .glyphicon.glyphicon-remove.text-muted, .glyphicon.glyphicon-remove-sign.text-muted, .glyphicon.glyphicon-info-sign.text-muted,.fa.fa-exclamation.fa-fw.text-muted,.fa.fa-arrows-h.fa-fw.text-muted,.fa.fa-long-arrow-left,.fa.fa-long-arrow-left::before,.fa.fa-info-circle.text-muted,.fa.fa-times-circle.text-muted,.fa.fa-times-circle.text-muted::before,.fa.fa-times.text-muted,.fa.fa-times.text-muted::before,.fa.fa-play.text-muted::before { + color: #000 !important; } #system_log-widgets.content-box { - border: none; - box-shadow: none; + border:none; box-shadow: none; } -#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out { +#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: #FFF; border: 1px solid #b0b0b0; } -/*additional extensions for sensei*/ + /*additional extensions for sensei*/ .preloader-wrapper { background-color: #e3e3e3 !important; @@ -10619,67 +6480,67 @@ h3 { box-shadow: none !important; } -input[type="checkbox"] { - &.checkbox-switch + i::before, &.checkbox-icon + i::before { - color: #CB4326 !important; - } +input[type="checkbox"].checkbox-switch + i::before, input[type="checkbox"].checkbox-icon + i::before, input[type="checkbox"].checkbox-switch + i::before { + color: #CB4326 !important; +} - &.checkbox-switch { - + i::before { - color: #CB4326 !important; - } - - &:checked + i::before { - color: #4FB654 !important; - } - } - - &.checkbox-icon:checked + i::before, &.checkbox-icon-2:checked + i::before { - color: #4FB654 !important; - } +input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox"].checkbox-icon:checked + i::before, input[type="checkbox"].checkbox-icon-2:checked + i::before { + color: #4FB654 !important; } .modal-header > span { color: #000; } -.bootstrap-datetimepicker-widget { - table td span:hover { +.bootstrap-datetimepicker-widget table td span:hover { background: none !important; - } +} - background-color: #FF7E25 !important; +.bootstrap-datetimepicker-widget { + background-color:#FF6E05 !important; +} + +.modal-side > .p-15 { + padding-left: 10px; + padding-right: 10px; + padding-top: 3px; + padding-bottom: 1px; + border-bottom: 1px solid #4a4a4a; + min-height: 16.42857px; + background-color: #45565f; + color: #FFF; } .modal-side { - > .p-15 { - padding-left: 10px; - padding-right: 10px; - padding-top: 3px; - padding-bottom: 1px; - border-bottom: 1px solid #4a4a4a; - min-height: 16.42857px; - background-color: #427795; - color: #FFF; - } - margin: 62px 10px 10px 10px; background-color: #f0f0f0 !important; } .panel-report-tools:hover { - color: #fff !important; + color: #FFF !important; } .alert-primary { - background-color: none !important; + background-color:none !important; color: #000 !important; } label.btn.au-target { - color: #FFF !important; + color: #000 !important; } .table.border { border: 1px solid #bdbdbd; } + +.rule.text-muted > td:nth-child(1n+3) { + text-decoration: line-through; +} + +.rule.text-muted > td:last-child { + text-decoration:none; +} + +#reports-tab { + border-bottom: 1px solid #a5a5a5; +} diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/tokenizer2.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/tokenizer2.scss index bf8dfa890..831c17585 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/tokenizer2.scss +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/tokenizer2.scss @@ -7,29 +7,34 @@ min-height: 34px; cursor: text; border-radius: 3px; - border: 1px solid #4d83a1; + border: 1px solid #a8a8a8; background-color: #ffffff; + &.disabled { background-color: #eee; cursor: not-allowed; } } + &.focus > .tokens-container { outline: 0; - border-color: #4d83a1; + border-color: #a8a8a8; background-color: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; } + > .tokens-container { &.input-sm { padding: 0 0 4px 4px; min-height: 30px; } + &.input-lg { padding: 0 0 9px 9px; min-height: 46px; } + > { .token { padding: 0 1.2em 0 5px; @@ -43,6 +48,7 @@ position: relative; vertical-align: middle; } + .placeholder, .token-search { display: inline-block; margin: 5px 5px 0 0; @@ -51,35 +57,42 @@ } } } + &.sortable > .tokens-container > .token { cursor: move; } + &.single > .tokens-container > .token { display: block; border-color: #fff; background-color: transparent; } + &.sortable > .tokens-container > .token.shadow { border-color: #ccc; background-color: #ccc; filter: alpha(opacity = 50); opacity: .2; } + > .tokens-container { > { .placeholder { color: #c9c9c9; padding: 0; } + .token-search { color: #000; padding: 0; } } + &:focus, &:hover { - border-color: #00A7FF; + border-color: #FF6E05; background-color: #FFFFFF; } + > .token-search > input { padding: 0; margin: 0; @@ -88,35 +101,42 @@ border: none; outline: none; width: 100%; + &::-ms-clear { display: none; } } + &.input-sm > { .placeholder, .token-search, .token { margin: 4px 4px 0 0; } } + &.input-lg > { .placeholder, .token-search, .token { margin: 9px 9px 0 0; } } + > .token { &.pending-delete { background-color: #5b72a4; border-color: #425c96; color: #fff; + > .dismiss { color: #fff; } } + > .dismiss { position: absolute; right: 5px; color: #a9b9d8; text-decoration: none; cursor: pointer; + &:after { content: "×"; color: #000; @@ -129,6 +149,7 @@ .tokenize-dropdown { position: absolute; display: none; + > .dropdown-menu { min-height: 10px; width: 100%; @@ -136,11 +157,14 @@ margin: -1px 0 0 0; visibility: visible; opacity: 1; + li { cursor: pointer; + > a .tokenize-highlight { font-weight: bold; } + &.locked { padding: 3px 20px; color: #333; @@ -148,10 +172,12 @@ text-overflow: ellipsis; overflow-x: hidden; } + > a { text-overflow: ellipsis; overflow-x: hidden; } + &:not(.active) a { &:hover, &:focus { background-color: transparent; diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/bootstrap-select-1.13.3.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/bootstrap-select-1.13.3.css index d8cfa48d2..01c668321 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/bootstrap-select-1.13.3.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/bootstrap-select-1.13.3.css @@ -25,7 +25,7 @@ select.selectpicker { .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { - color: #fff; + color: #000; } .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/jquery.bootgrid.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/jquery.bootgrid.css index 7f871447e..3440c283d 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/jquery.bootgrid.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/jquery.bootgrid.css @@ -39,8 +39,8 @@ } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { - color: #fff; - background-color: #30596f; + color: #000; + background-color: #f0f0f0; border-color: #1d1d1d; text-align: left; } @@ -95,6 +95,7 @@ -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; + color:#FFF; } .bootgrid-table th > .column-header-anchor > .icon { color: #000; @@ -141,6 +142,7 @@ -o-text-overflow: inherit !important; text-overflow: inherit !important; white-space: inherit !important; + color: #FFF; } .table-responsive .bootgrid-table td { overflow: inherit !important; diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css index df4a0ea04..f99129bc8 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css @@ -1,13 +1,13 @@ @charset "UTF-8"; .widgetdiv .content-box-head { - background: #294c5f !important; + background: #354248 !important; color: #FFF !important; padding-bottom: 1px !important; padding-top: 1px !important; padding-right: 1px !important; - padding-left: 5px !important; + padding-left: 4px !important; min-height: 25px !important; - border: 1px solid #fff; } + border: 1px solid #2f2f2f; } .widgetdiv .content-box-head .btn-group .btn { color: #FFFFFF !important; @@ -27,6 +27,7 @@ @font-face { font-family: 'SourceSansProRegular'; src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); } + /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ table html { @@ -67,7 +68,7 @@ template { display: none; } a { - color: #FF6C06; + color: #D95E04; text-decoration: none; background: transparent; outline: 0; } @@ -76,7 +77,7 @@ a { outline: 0; } a:hover, a:focus { - color: #FF6C06; + color: #D95E04; text-decoration: underline; } abbr[title] { @@ -90,7 +91,7 @@ dfn { font-style: italic; } h1 { - font-size: 2em; + font-size: 8em; margin: 0.67em 0; } mark { @@ -210,7 +211,7 @@ table { border-collapse: none; border-spacing: 0; color: #000; - background-color: #F0F0F0; + background-color: #fff; width: 100%; } td, @@ -924,7 +925,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; + font-size:14px; line-height: 1.428571429; color: #000; } @@ -996,7 +997,6 @@ hr { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - font-family: "SourceSansProSemiBold"; font-weight: 100; line-height: 1.4; color: inherit; } @@ -1051,22 +1051,23 @@ h6, .h6 { font-size: 75%; } h1, .h1 { - font-size: 23px; } + font-size: 24px; + font-weight: bold; } h2, .h2 { font-size: 16px; } h3, .h3 { - font-size: 14px; } + font-size:14px; } h4, .h4 { font-size: 18px; } h5, .h5 { - font-size: 14px; } + font-size:14px; } h6, .h6 { - font-size: 12px; } + font-size:12px; } p { margin: 0 0 10px; } @@ -1132,7 +1133,7 @@ a.text-success:hover { color: #7fc54f; } .text-info { - color: #47809f; } + color: #ff6e05; } a.text-info:hover { color: #245269; } @@ -1182,6 +1183,9 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #ec2121; } +fa.fa-long-arrow-right { + color: #d951ff !important; } + .page-header { padding-bottom: 9px; margin: 40px 0 20px; @@ -2036,7 +2040,7 @@ th { padding: 10px 0px 10px 20px; line-height: 1.428571429; vertical-align: top; - border-top: 1px solid #e3e3e3; } + border-top: 1px solid #f0f0f0; } .table > thead > tr > th { vertical-align: bottom; } .table > caption + thead > tr:first-child > th, @@ -2048,10 +2052,11 @@ th { border-top: 0; font-family: 'SourceSansProSemibold'; font-weight: normal; - border-bottom: 1px solid #bdbdbd; - background-color: #e3e3e3;} + border-bottom: 1px solid #5e5e5e; + background-color: #45565f; + color: #FFF;} .table > tbody + tbody { - border-top: 2px solid #eee; } + border-top: 2px solid #5e5e5e; } .table .table { background-color: none; } @@ -2078,11 +2083,12 @@ th { .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { - background-color: #fbfbfb; } + background-color: #fff; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { - background-color:#f2fafe; } + background-color: #738087; + color: #FFF; } table col[class*="col-"] { position: static; @@ -2271,7 +2277,7 @@ input[type="checkbox"]:focus { output { display: block; padding-top: 7px; - font-size: 14px; + font-size:14px; line-height: 1.428571429; color: #000; } @@ -2296,12 +2302,12 @@ input[type="color"] width: 100%; height: 34px; padding: 6px 12px; - font-size: 14px; + font-size:14px; line-height: 1.428571429; color: #000; background-color: #FFF; background-image: none; - border: 1px solid #4d83a1; + border: 1px solid #1b4257; border-radius: 3px; text-overflow: ellipsis; max-width: 348px; @@ -2328,7 +2334,7 @@ input[type="color"] { color: #000; background-color: none; - border-color: #00A7FF; + border-color: #ff6e05; outline: 0; } select:focus, @@ -2349,10 +2355,10 @@ input[type="color"] input[type="color"]:focus { - color: #000; - border-color: #00A7FF; - background-color: none; - outline: 0; } + color: #000; + border-color: #FF6E05; + background-color: none; + outline: 0; } select::-moz-placeholder, textarea::-moz-placeholder, @@ -2464,7 +2470,7 @@ input[type="color"] background-color: #f0f0f0; opacity: 1.0; filter: alpha(opacity=100); - border-color: #4d83a1; + border-color: #a8a8a8; color:#a8a8a8;} select[disabled]:hover, select[readonly]:hover, fieldset[disabled]:hover, @@ -2887,26 +2893,26 @@ select[multiple].input-lg, background-image: none; white-space: nowrap; padding: 6px 12px; - font-size: 14px; + 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: #FFFFFF; - background-color: #457995; + color: #000; + background-color: none; border: 1px solid #1b4257; outline:0; } .btn:active, .btn.active, .open > .btn.dropdown-toggle { - color: #FFF; - background-color: #30596f; - outline:0; - border-color: #1d1d1d; - text-decoration: none; } + color: #000; + background-color: none; + outline:0; + border-color: #1d1d1d; + text-decoration: none; } .btn:hover, .btn:focus { - background-color: #315a71; - color: #FFF; + background-color: #dbdbdb; + color: #000; border-radius: 3px; border: 1px solid #1b4257; text-decoration: none;} @@ -2939,13 +2945,14 @@ select[multiple].input-lg, box-shadow: none; } .act_flush:hover, .act_flush:focus { - color: #FFF; - background-color: #336480; + color: #000; + background-color: #dbdbdb; border-color: 1px solid #1d1d1d; outline:0; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { - background-image: none; + background-color: #dbdbdb; + color:#000; outline:0; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #FFFFFF; @@ -2958,20 +2965,20 @@ select[multiple].input-lg, .btn-primary { color: #fff !important; - background-color: #FF7E25; - border: 1px solid #6c6c6c; + background-color: #FF6E05; + border: 1px solid #1b4257; outline:0; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #EC7726; - border-color: 1px solid #6c6c6c; + border-color: 1px solid #1b4257; outline:0; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { - background-color: #FF7E25; - border-color: #6c6c6c; + background-color: #FF6E05; + border-color: #1b4257; outline:0; } .btn-primary .badge { @@ -3019,7 +3026,7 @@ select[multiple].input-lg, .btn-warning { color: #fff; - background-color: #FF7E25; + background-color: #FF6E05; border-color: #1b4257; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; @@ -3160,10 +3167,10 @@ tbody.collapse.in { padding: 5px 0; margin: 2px 0 0; list-style: none; - font-size: 14px; + font-size:14px; text-align: left; - background-color: #315a71; - color: #fff; + background-color: #f0f0f0; + color: #000; border-left: 1px solid #1b4257; border-right: 1px solid #1b4257; border-bottom: 1px solid #1b4257; @@ -3192,20 +3199,20 @@ tbody.collapse.in { clear: both; font-weight: normal; line-height: 1.428571429; - color: #fff; + color: #000; white-space: nowrap; outline:0;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #FFFFFF; - background-color: #FF7E25; } + background-color: #FF6E05; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; - background-color: #FF7E25; } + background-color: #FF6E05; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } @@ -3343,7 +3350,7 @@ tbody.collapse.in { .btn-group .dropdown-toggle:active, .btn-group .dropdown-toggle:hover, .btn-group.open .dropdown-toggle { outline: 0; - color: #FFFFFF; + color: #000; background-color: none; border-color: #000; } @@ -3468,7 +3475,7 @@ tbody.collapse.in { .input-group-addon { padding: 6px 12px; - font-size: 14px; + font-size:14px; font-weight: normal; line-height: 1; color: #FFF; @@ -3555,21 +3562,21 @@ tbody.collapse.in { border-radius: 0px; border-top-right-radius: 10px; margin-right: 0px; - background-color: #315a71; + background-color: #172c38; opacity: 0.6; filter: alpha(opacity=50);} .nav > li#menu_messages > a { position: relative; display: block; padding: none; - color:#FF7E25; + color:#FF6E05; background-color:transparent; margin-right: 10px; border:none; opacity: 1.0;} .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; - background-color: #315a71; + background-color: #172c38; color: #FFF; opacity: 0.8; } .nav > li#menu_messages > a:hover, a:focus { @@ -3585,8 +3592,8 @@ tbody.collapse.in { cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { - background-color: #336480; - cursor:pointer; } + background-color: #172c38; + cursor:pointer; } .nav .nav-divider { height: 1px; @@ -3933,7 +3940,7 @@ tbody.collapse.in { .navbar-default .navbar-nav > li > a { color: #F7F7F7; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { - color: #FF7E25; + color: #FF6E05; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { @@ -4069,8 +4076,8 @@ tbody.collapse.in { padding: 6px 12px; line-height: 1.428571429; text-decoration: none; - color: #FFFFFF; - background-color: #427795; + color: #FFF; + background-color: #45565f; border: 1px solid rgba(23, 44, 56, 0.4); margin-left: -1px; cursor: pointer; } @@ -4087,7 +4094,7 @@ tbody.collapse.in { .pagination > li > span:hover, .pagination > li > span:focus { color: #FFFFFF; - background-color: #FF7E25; } + background-color: #FF6E05; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, @@ -4095,7 +4102,7 @@ tbody.collapse.in { .pagination > .active > span:focus { z-index: 2; color: #FFFFFF; - background-color: #FF7E25; + background-color: #FF6E05; cursor: default; } .pagination > .disabled > span, @@ -4211,7 +4218,7 @@ a.label:hover, a.label:focus { .label-success { - background-color: #4FB654; + background-color: #397E37; border-color: #323232;} .label-success[href]:hover, .label-success[href]:focus { background-color: #7fc54f; @@ -4250,7 +4257,7 @@ a.label:hover, a.label:focus { vertical-align: baseline; white-space: nowrap; text-align: center; - background-color: #777777; + background-color: #ff6e05; border-radius: 10px; } .badge:empty { display: none; } @@ -4392,8 +4399,8 @@ a.thumbnail.active { color: #df8a13; } .alert-danger { - background-color: #30596f; - border-color: #b0b0b0; } + background-color: #45565f; + border-color: #f00; } .alert-danger hr { border-top-color: #DA4829; } .alert-danger .alert-link { @@ -4414,30 +4421,25 @@ a.thumbnail.active { color: #000; overflow: hidden; height: 20px; - background-color: #DBDBDB; - border-radius: 3px; - position: relative; - -webkit-box-shadow: inset 0px 1px 2px 1px rgb(172, 172, 172); - box-shadow: inset inset 0px 1px 2px 1px rgb(172, 172, 172); } + background-color: #EAEAEA; + border: 1px solid #b9b9b9; + position: relative; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; - line-height: 20px; color: #fff; text-align: center; - background-color: #FF7E25; + background-color: #FF6E05; position: relative; z-index: 2; -webkit-box-shadow: inset 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; - transition: width 0.6s ease; - margin: 1px 0 0 0 !important; -} + transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { @@ -4469,7 +4471,7 @@ a.thumbnail.active { 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: #038CCF; } + background-color: #45565f; } .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); @@ -4526,7 +4528,7 @@ a.thumbnail.active { display: block; padding: 6px 8px; margin-bottom: -1px; - background-color: #294c5f; } + background-color: #172c38; } .list-group-item:last-child { margin-bottom: 0; } .list-group-item > .badge { @@ -4685,7 +4687,7 @@ a.list-group-item-danger { border-bottom: 1px solid #b0b0b0; border-top-right-radius: 2px; border-top-left-radius: 2px; - background-color: #30596f; } + background-color: #45565f; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } @@ -5055,7 +5057,7 @@ button.close { padding-bottom:1px; border-bottom: 1px solid #4a4a4a; min-height: 16.42857px; - background-color: #427795; + background-color: #45565f; color: #FFF; } .modal-header .close { @@ -5071,13 +5073,13 @@ button.close { background-color: #FFF;} .modal-body .table-hover > tbody > tr:hover > td, .modal-body .table-hover > tbody > tr:hover > th { - background-color: #336480; + background-color: #f06702; color: #FFF; } .modal-footer { padding: 5px; text-align: right; - background-color: #f0f0f0; + background-color: #ddd; border-top: 1px solid inherit; } .modal-footer:before, .modal-footer:after { content: " "; @@ -5228,7 +5230,7 @@ button.close { .popover-title { margin: 0; padding: 8px 14px; - font-size: 14px; + font-size:14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; @@ -5496,7 +5498,7 @@ button.close { .show { display: block !important; - color:#757575;} + color: #2ba632; } .invisible { visibility: hidden; } @@ -5697,7 +5699,7 @@ html, body { height: 100%; font-family: 'SourceSansProRegular'; scrollbar-width: thin; - scrollbar-color: #315a71 #e3e3e3; + scrollbar-color: #45565f #e3e3e3; background-color: #fff; } @@ -5727,19 +5729,18 @@ body { .page-content > .row { height: 100%; } .page-content-head .container-fluid { - background-color: #FBFBFB; - margin-left: 20px; + color:#000; + background-color: none; margin-right: 20px; - border: 1px solid #b0b0b0; + margin-left: 20px; + border-bottom: 1px solid #aeaeae; border-radius: 0px; - min-height: 47px; - height:auto; - padding: 6px 14px 5px 14px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } + min-height: 46px; + height: 46px; + padding: 9px 14px 5px 0px; } .page-content-head, .content-box-head { - padding-bottom: 2px; + padding-bottom: 5px; padding-top: 10px; color:#000; } @@ -5750,9 +5751,18 @@ body { line-height: inherit; margin: 0; } +.page-content-head h1, content-box-head h1 { + padding-left: 10px; + padding-right: 10px; + color: #000; + text-decoration-line: none; + font-weight: bold; + text-transform: uppercase; +} + .page-content-main { min-height: calc(100% - 64px); - padding: 9px 0px 21px 0px; + padding: 6px 0px 21px 0px; } .page-side { @@ -5788,7 +5798,7 @@ body { padding: 0px 0px; margin: 0px 0px; background: none; - border: 1px solid #b0b0b0; + border: 1px solid #a8a8a8; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } .content-box hr { @@ -5832,7 +5842,7 @@ body { padding-top: 0 !important; } } .page-login { - background: #172c38; } + background: #FFF; } .page-login .container { min-height: 100%; margin-bottom: -60px; } @@ -5841,13 +5851,17 @@ body { .page-login .login-foot {color:#FFF;} .login-foot { - font-size: 12px; } + font-size: 12px; + max-width: 400px; + margin: 0px auto 0px auto; + background-color: #172c38;} .login-modal-container { color:#FFF; - border: 1px solid #fff; + border: none; max-width: 400px; - margin: 100px auto 15px auto; } + margin: 100px auto 0px auto; + background-color: #172c38;} .login-modal-head { height: 75px; padding: 0 20px; } @@ -5933,12 +5947,12 @@ main.page-content.col-lg-12 { padding-left: 0px; padding-right: 0px; padding-top:15px; - border-bottom:2px solid #1b313e; + border-bottom:2px solid #515151; } #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item { padding-left: 10px !important; - font-size: 14px !important; + font-size:14px !important; display: block !important; position: absolute !important; left: 70px !important; @@ -5946,7 +5960,7 @@ main.page-content.col-lg-12 { #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item { padding-left: 10px !important; - font-size: 14px !important; + font-size:14px !important; display: block !important; position: absolute !important; left: 166px !important; @@ -5963,15 +5977,15 @@ main.page-content.col-lg-12 { #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item { padding-left: 10px !important; - font-size: 14px !important; - background-color: #294c5f !important; + font-size:14px !important; + background-color: #172c38 !important; opacity: 0.98; } #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item { padding-left: 10px !important; - font-size: 14px !important; + font-size:14px !important; } #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, @@ -5997,7 +6011,7 @@ main.page-content.col-lg-12 { /* Sub Level One */ #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in { width:168px; - font-size:14px; + font-size:13px; z-index: 10; position: absolute; left: 70px; @@ -6011,7 +6025,7 @@ main.page-content.col-lg-12 { /* Sub Level Two */ #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in { width:168px; - font-size:14px; + font-size:13px; z-index: 10; position: absolute; left: 166px; @@ -6076,11 +6090,13 @@ button.toggle-sidebar { .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { - outline:0; } + outline:0; + font-weight: 100; } .nav-tabs > li.active > a { - background: #315a71 !important; - outline:0; } + background: #172c38 !important; + outline:0; + font-weight: 100; } .nav-tabs > li > a.visible-lg-inline-block:not(.pull-right) { border-top-right-radius: 0px !important; @@ -6130,11 +6146,10 @@ button.toggle-sidebar { border: 0px !important; } .table th, strong, b { - font-family: 'SourceSansProSemibold'; - font-weight: normal; } + font-weight: 100; } .table > tbody > tr > td:last-child { -padding-right: 15px; } + padding-right: 5px; } /* helpers */ .__nowrap { @@ -6188,7 +6203,7 @@ padding-right: 15px; } .active-menu-title, .active-menu a { text-decoration: none; position: relative; - background-color: #30596F; } + background-color: #24323a; } .active-menu-title:before, .active-menu a:before { width: 3px; } .active-menu-title.active, .active-menu a.active { @@ -6239,7 +6254,7 @@ padding-right: 15px; } border-radius: 0; } ::-webkit-scrollbar-thumb { - background: #315a71; + background: #172c38; border: thin solid #e5e5e5; border-radius: 0px; } @@ -6253,8 +6268,8 @@ padding-right: 15px; } select { overflow: hidden; border: 1px solid #1d1d1d; - background-color: #427795; - color: #FFF; + background-color: #f0f0f0; + color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -6266,8 +6281,8 @@ select { select:hover, select:active, select:focus { overflow: hidden; border: 1px solid #1d1d1d; - background-color: #336480; - color: #FFF; + background-color: #f0f0f0; + color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -6277,7 +6292,7 @@ select:hover, select:active, select:focus { background-image: url(/ui/themes/tukan/build/images/caret.png) !important; } option:hover, option:active, option:focus { - background-color:#FF7E25; + background-color:#FF6E05; } #grid-log th[data-column-id="__timestamp__"], @@ -6335,12 +6350,12 @@ label > input[type="radio"] { } #ipsec .ipsec-tab { - background-color: #839caa !important; + background-color: #45565f !important; color: #FFF !important; } #ipsec .ipsec-tab.activetab { - background-color: #315a71 !important; + background-color: #172c38 !important; color: #FFF !important; } .fw_pass { @@ -6348,7 +6363,7 @@ label > input[type="radio"] { color:#FFF; } .fw_block { - background-color: #CB4326 !important; + background-color: #A22626 !important; color:#FFF; } .fw_nat { @@ -6399,8 +6414,8 @@ textarea#update_status, textarea#update_status:hover { .bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon,.input-group-addon { top: 0; - background-color: #FF7E25 !important; - border: 1px solid #FF7E25 !important; + background-color: #FF6E05 !important; + border: 1px solid #FF6E05 !important; } div.container-fluid >.fa-search::before, div.container-fluid >.fa-refresh::before { @@ -6482,7 +6497,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox } .bootstrap-datetimepicker-widget { - background-color:#FF7E25 !important; + background-color:#FF6E05 !important; } .modal-side > .p-15 { @@ -6492,7 +6507,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox padding-bottom: 1px; border-bottom: 1px solid #4a4a4a; min-height: 16.42857px; - background-color: #427795; + background-color: #45565f; color: #FFF; } @@ -6502,7 +6517,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox } .panel-report-tools:hover { - color: #fff !important; + color: #FFF !important; } .alert-primary { @@ -6511,9 +6526,21 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox } label.btn.au-target { - color: #FFF !important; + color: #000 !important; } .table.border { - border: 1px solid #bdbdbd; + border: 1px solid #bdbdbd; +} + +.rule.text-muted > td:nth-child(1n+3) { + text-decoration: line-through; +} + +.rule.text-muted > td:last-child { + text-decoration:none; +} + +#reports-tab { + border-bottom: 1px solid #a5a5a5; } diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/pick-a-color-1.2.3.min.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/pick-a-color-1.2.3.min.css index 0606f04c5..4cfbe3d1f 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/pick-a-color-1.2.3.min.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/pick-a-color-1.2.3.min.css @@ -22,9 +22,9 @@ .pick-a-color-markup .color-menu .color-preview.violet{background-color:#ee81ee} .pick-a-color-markup .color-menu .color-preview.purple{background-color:#80007f} .pick-a-color-markup .color-menu .color-preview.black{background-color:#000} -.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{padding:5px 15px 3px 15px;cursor:default;min-height:25px;color:#FFF}.pick-a-color-markup .color-menu .basicColors-content li>a:hover,.pick-a-color-markup .color-menu .savedColors-content li>a:hover{background-color:none} +.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{padding:5px 15px 3px 15px;cursor:default;min-height:25px;color:#000}.pick-a-color-markup .color-menu .basicColors-content li>a:hover,.pick-a-color-markup .color-menu .savedColors-content li>a:hover{background-color:none} @media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{min-height:40px}} -.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{color:#FFF;background-image:none;filter:none;text-decoration:none;font-weight:bold}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{background-color:#fff;font-weight:normal}} +.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{color:#000;background-image:none;filter:none;text-decoration:none;font-weight:bold}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{background-color:#fff;font-weight:normal}} .pick-a-color-markup .color-menu .btn.color-select{margin:0px 5px;height:20px;padding:0px 5px;margin-top:0px;line-height:1.5px;border-radius:4px}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .btn.color-select{height:35px}} .pick-a-color-markup .caret{margin-bottom:3px;color: #000;} .pick-a-color-markup .color-menu-instructions,.pick-a-color-markup .advanced-instructions{text-align:center;padding:0px 6px;margin:0px;font-size:14px;font-weight:normal}@media screen and (min-width:992px){.pick-a-color-markup .color-menu-instructions,.pick-a-color-markup .advanced-instructions{display:none}} diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/tokenize2.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/tokenize2.css index 56bd92a6d..8feb99239 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/tokenize2.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/tokenize2.css @@ -6,8 +6,8 @@ min-height: 34px; cursor: text; border-radius: 3px; - border: 1px solid #4d83a1; - background-color: #ffffff; + border: 1px solid #a8a8a8; + background-color: #ffffff; } .tokenize > .tokens-container.disabled { @@ -17,7 +17,7 @@ .tokenize.focus > .tokens-container { outline: 0; - border-color:#4d83a1; + border-color:#a8a8a8; background-color:#FFFFFF; -webkit-box-shadow: none; box-shadow: none; @@ -80,7 +80,7 @@ .tokenize > .tokens-container:focus, .tokenize > .tokens-container:hover { - border-color:#00A7FF; + border-color:#FF6E05; background-color:#FFFFFF; } diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/caret.png b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/caret.png index eade468d7..c5a91e69a 100644 Binary files a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/caret.png and b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/caret.png differ