diff --git a/misc/theme-cicada/Makefile b/misc/theme-cicada/Makefile index bb8639260..5ab8d3841 100644 --- a/misc/theme-cicada/Makefile +++ b/misc/theme-cicada/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-cicada -PLUGIN_VERSION= 1.38 +PLUGIN_VERSION= 1.39 PLUGIN_REVISION= 1 PLUGIN_COMMENT= The cicada theme - dark grey onyx PLUGIN_MAINTAINER= rene@team-rebellion.net diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss index a7e374d6b..ea34555bd 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss @@ -5363,7 +5363,7 @@ tbody.collapse.in { &.pull-right { right: 0; left: auto; - background-color: #e5e5e5; + background-color: #222; } .divider { @@ -6242,6 +6242,8 @@ a:focus { } .navbar-header { + padding-top: 12px; + &:before { content: " "; display: table; @@ -6384,22 +6386,9 @@ a:focus { border-width: 1px 0 0; } -.navbar-brand { - float: left; - padding: 15px 20px; - font-size: 18px; - height: 50px; - - &:hover, &:focus { - text-decoration: none; - } -} - -@media (min-width: 768px) { - .navbar > { - .container .navbar-brand, .container-fluid .navbar-brand { - margin-left: -20px; - } +.navbar-brand img { + &.brand-logo, &.brand-icon { + height: 30px; } } @@ -7923,8 +7912,8 @@ a.list-group-item-danger { .panel-footer { padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; + background-color: #2d2d2d; + border-top: 1px solid #191919; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @@ -9758,7 +9747,7 @@ main.page-content.col-lg-12 { } a.list-group-item.active-menu-title { - color: #bac3ca !important; + color: #dd630d !important; background-color: #151515 !important; } } @@ -9906,6 +9895,7 @@ button.toggle-sidebar { margin-top: 18px; float: left; outline: none; + padding-left: 20px; } /* COLLAPSE SIDEBAR END*/ @@ -10138,10 +10128,6 @@ button.toggle-sidebar { border-radius: 0 !important; } -.navbar-brand { - padding: 10px 20px; -} - .label-opnsense { /* emulates btn */ display: inline-block; diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/jquery.bootgrid.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/jquery.bootgrid.css index c455999db..9f4c326e3 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/jquery.bootgrid.css +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/jquery.bootgrid.css @@ -18,12 +18,14 @@ vertical-align: middle; width: 180px; } -.bootgrid-header .search .glyphicon, -.bootgrid-footer .search .glyphicon { +.bootgrid-header .search .fa-solid, +.bootgrid-footer .search .fa-solid { top: 0; } .bootgrid-header .search .fa, -.bootgrid-footer .search .fa { +.bootgrid-header .search .fa-solid, +.bootgrid-footer .search .fa, +.bootgrid-footer .search .fa-solid { display: table-cell; } .bootgrid-header .search.search-field::-ms-clear, @@ -42,9 +44,6 @@ } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { - color: #fff; - background-color: #2a2a2a; - border-color: #1d1d1d; text-align: left; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item, @@ -59,9 +58,9 @@ .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus { - color: #fff; + color: #FFF; text-decoration: none; - background-color: #ec6d12; + background-color: #dd630d; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, @@ -81,7 +80,7 @@ outline: 0; } .bootgrid-table th > .column-header-anchor { - color: #fff; + color: #e8f1f9; cursor: not-allowed; display: block; position: relative; @@ -100,18 +99,14 @@ white-space: nowrap; } .bootgrid-table th > .column-header-anchor > .icon { - color: #fff; display: block; position: absolute; right: 0; top: 2px; } -.bootgrid-table th > .column-header-anchor > .glyphicon { - color: #fff; -} .bootgrid-table th:hover, .bootgrid-table th:active { - background: #4b4b4b; + background: #fafafa; } .bootgrid-table td { overflow: hidden; @@ -122,7 +117,7 @@ } .bootgrid-table td.loading, .bootgrid-table td.no-results { - background: none; + background: #202020; text-align: center; } .bootgrid-table th.select-cell, diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css index a932ab707..d4e2bcbbc 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css @@ -3192,7 +3192,7 @@ tbody.collapse.in { .dropdown-menu.pull-right { right: 0; left: auto; - background-color: #e5e5e5;} + background-color: #222;} .dropdown-menu .divider { height: 1px; @@ -3717,6 +3717,10 @@ tbody.collapse.in { .navbar { border-radius: 0; } } +.navbar-header { + padding-top: 12px; +} + .navbar-header:before, .navbar-header:after { content: " "; display: table; } @@ -3806,18 +3810,12 @@ tbody.collapse.in { margin-bottom: 0; border-width: 1px 0 0; } -.navbar-brand { - float: left; - padding: 15px 20px; - font-size: 18px; - height: 50px; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - - @media (min-width: 768px) { - .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { - margin-left: -20px; } } - +.navbar-brand img.brand-logo { + height: 30px; +} +.navbar-brand img.brand-icon { + height: 30px; +} .navbar-toggle { position: relative; float: left; @@ -4718,8 +4716,8 @@ a.list-group-item-danger { .panel-footer { padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; + background-color: #2d2d2d; + border-top: 1px solid #191919; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @@ -6058,6 +6056,7 @@ button.toggle-sidebar { margin-top: 18px; float:left; outline:none; + padding-left: 20px; } /* COLLAPSE SIDEBAR END*/ @@ -6220,9 +6219,6 @@ button.toggle-sidebar { .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; } - .label-opnsense { /* emulates btn */ display: inline-block; diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/default-logo.png b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/default-logo.png index 9f98843f0..35122b0fc 100644 Binary files a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/default-logo.png and b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/default-logo.png differ diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/favicon.png b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/favicon.png index 3e6dde972..9a8472bc4 100644 Binary files a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/favicon.png and b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/favicon.png differ diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/icon-logo.png b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/icon-logo.png deleted file mode 100644 index 31f8b2b24..000000000 Binary files a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/icon-logo.png and /dev/null differ diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/icon-logo.svg b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/icon-logo.svg new file mode 100644 index 000000000..ce38f02f0 --- /dev/null +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/images/icon-logo.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/misc/theme-tukan/Makefile b/misc/theme-tukan/Makefile index 68fc232d7..4afe2aa3f 100644 --- a/misc/theme-tukan/Makefile +++ b/misc/theme-tukan/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-tukan -PLUGIN_VERSION= 1.28 +PLUGIN_VERSION= 1.29 PLUGIN_COMMENT= The tukan theme - blue/white PLUGIN_MAINTAINER= rene@team-rebellion.net PLUGIN_NO_ABI= yes 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 ea1ae3c64..7f614311e 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,4 +1,5 @@ @charset "UTF-8"; + .widgetdiv .content-box-head { background: #354248 !important; color: #FFF !important; @@ -7,290 +8,350 @@ padding-right: 1px !important; padding-left: 4px !important; min-height: 25px !important; - border: 1px solid #2f2f2f; } + border: 1px solid #2f2f2f; - .widgetdiv .content-box-head .btn-group .btn { + .btn-group .btn { color: #FFFFFF !important; background: none; - border: 0px; } - .widgetdiv .content-box-head .btn-group .btn .glyphicon { - color: #FFFFFF !important; } - .widgetdiv .content-box-head .list-inline li > h3 { - padding-top: 4px; } + border: 0px; + + .glyphicon { + color: #FFFFFF !important; + } + } + + .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: #D95E04; text-decoration: none; background: transparent; - outline: 0; } + outline: 0; - a:link, a:active { - outline: 0; } + &:link, &:active { + outline: 0; + } - a:hover, a:focus { + &:hover, &:focus { color: #D95E04; - text-decoration: underline; } + 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: 8em; - margin: 0.67em 0; } + margin: 0.67em 0; +} mark { background: #ff0; - color: #000; } + color: #000; +} small { - font-size: 80%; } + font-size: 80%; +} + +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} -sub, sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } + vertical-align: baseline; + 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; } + overflow: visible; + text-transform: none; +} -button, select { - text-transform: none; } + text-transform: none; +} -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { +button, html input[type="button"] { -webkit-appearance: button; - cursor: pointer; } - -button[disabled], -html input[disabled] { - cursor: default; } - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; } + cursor: pointer; +} input { - line-height: normal; } + &[type="reset"], &[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + } +} -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - padding: 0; } +button[disabled], html input[disabled] { + cursor: default; +} -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; } +button::-moz-focus-inner { + border: 0; + padding: 0; +} -input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; } +input { + &::-moz-focus-inner { + border: 0; + padding: 0; + } -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } + line-height: normal; + + &[type="checkbox"], &[type="radio"] { + box-sizing: border-box; + padding: 0; + } + + &[type="number"] { + &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { + height: auto; + } + } + + &[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + + &::-webkit-search-cancel-button, &::-webkit-search-decoration { + -webkit-appearance: none; + } + } +} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } + 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: #fff; - width: 100%; } + 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, - a:visited { - text-decoration: underline; } + a { + text-decoration: underline; - a[href]:after { - content: " (" attr(href) ")"; } + &:visited { + text-decoration: underline; + } + + &[href]:after { + content: " (" attr(href) ")"; + } + } abbr[title]:after { - content: " (" attr(title) ")"; } + content: " (" attr(title) ")"; + } - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; } + a { + &[href^="javascript:"]:after, &[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, - img { - page-break-inside: avoid; } + tr { + page-break-inside: avoid; + } img { - max-width: 100% !important; } + page-break-inside: avoid; + 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; } - - .table td, - .table th { - background-color: #fff !important; } - - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; } - - .label { - border: 1px solid #000; } + display: none; + } .table { - border-collapse: collapse !important; } + td, th { + background-color: #fff !important; + } + } + + .btn > .caret, .dropup > .btn > .caret { + border-top-color: #000 !important; + } + + .label { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + } + + .table-bordered { + th, td { + border: 1px solid #ddd !important; + } + } +} - .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; @@ -300,658 +361,863 @@ 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; @@ -965,16 +1231,19 @@ 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; @@ -984,338 +1253,557 @@ hr { padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); - border: 0; } + border: 0; +} -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; } +.sr-only-focusable { + &:active, &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 100; line-height: 1.4; - 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 { + color: inherit; +} + +h1 { + small, .small { font-weight: normal; line-height: 1; - color: #b6b6b6; } + color: #b6b6b6; + } +} -h1, .h1, -h2, .h2, -h3, .h3 { +h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h1 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; - margin-bottom: 10px; } - h1 small, - 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%; } + margin-bottom: 10px; +} -h4, .h4, -h5, .h5, -h6, .h6 { +h1 { + small, .small { + font-size: 65%; + } +} + +.h1 { + small, .small { + font-size: 65%; + } +} + +h2 { + small, .small { + font-size: 65%; + } +} + +.h2 { + small, .small { + font-size: 65%; + } +} + +h3 { + small, .small { + font-size: 65%; + } +} + +.h3 { + small, .small { + font-size: 65%; + } +} + +h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; - margin-bottom: 10px; } - h4 small, - 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%; } + margin-bottom: 10px; +} + +h4 { + small, .small { + font-size: 75%; + } +} + +.h4 { + small, .small { + font-size: 75%; + } +} + +h5 { + small, .small { + font-size: 75%; + } +} + +.h5 { + small, .small { + font-size: 75%; + } +} + +h6 { + small, .small { + font-size: 75%; + } +} + +.h6 { + small, .small { + font-size: 75%; + } +} h1, .h1 { font-size: 24px; - font-weight: bold; } + 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; } - @media (min-width: 768px) { - .lead { - font-size: 21px; } } + line-height: 1.4; +} -small, -.small { - font-size: 85%; } +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} + +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: #ff6e05; } + 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; } - -.bg-primary { - background-color: #FF8B00; } + color: #fff; + 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; } + color: #d951ff !important; +} .page-header { padding-bottom: 9px; margin: 40px 0 20px; - border-bottom: 1px solid #eeeeee; } + border-bottom: 1px solid #eeeeee; +} -ul, -ol { +ul, ol { margin-top: 0; - margin-bottom: 10px; } - ul ul, - ul ol, - ol ul, - ol ol { - margin-bottom: 0; } + margin-bottom: 10px; +} -.list-unstyled, .list-inline { +ul { + ul, ol { + margin-bottom: 0; + } +} + +ol { + ul, ol { + margin-bottom: 0; + } +} + +.list-unstyled { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline { - margin-left: -5px; } - .list-inline > li { + padding-left: 0; + list-style: none; + margin-left: -5px; + + > 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; } + margin-left: 0; +} + +.dl-horizontal dd { + &:before { + content: " "; + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } +} -.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 dd { - margin-left: 180px; } } + .dl-horizontal { + dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #777777; } + dd { + margin-left: 180px; + } + } +} + +abbr { + &[title], &[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; } - blockquote p:last-child, - blockquote ul:last-child, - blockquote ol:last-child { - margin-bottom: 0; } - blockquote footer, - blockquote small, - blockquote .small { + border-left: 5px solid #eeeeee; + + p:last-child, ul:last-child, ol:last-child { + margin-bottom: 0; + } + + footer, small, .small { display: block; font-size: 80%; line-height: 1.428571429; - color: #777777; } - blockquote footer:before, - blockquote small:before, - blockquote .small:before { - content: '\2014 \00A0'; } + color: #777777; + } -.blockquote-reverse, -blockquote.pull-right { + footer:before, small:before, .small:before { + content: '\2014 \00A0'; + } +} + +.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; - text-align: right; } - .blockquote-reverse footer:before, - .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'; } + text-align: right; +} -blockquote:before, -blockquote:after { - content: ""; } +.blockquote-reverse { + footer:before, small:before, .small:before { + content: ''; + } +} + +blockquote.pull-right { + footer:before, small:before, .small:before { + content: ''; + } +} + +.blockquote-reverse { + footer:after, small:after, .small:after { + content: '\00A0 \2014'; + } +} + +blockquote { + &.pull-right { + footer:after, small:after, .small:after { + content: '\00A0 \2014'; + } + } + + &:before, &:after { + content: ""; + } +} address { margin-bottom: 20px; font-style: normal; - line-height: 1.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; @@ -1323,11 +1811,14 @@ kbd { color: #fff; background-color: #2d2d2d; border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } - kbd kbd { + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + + kbd { padding: 0; font-size: 100%; - box-shadow: none; } + box-shadow: none; + } +} pre { display: block; @@ -1340,846 +1831,1360 @@ pre { color: #000; background-color: inherit; border: inherit; - border-radius: 3px; } - pre code { + border-radius: 3px; + + 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, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; - padding-right: 20px; } - .container:before, .container:after { - content: " "; - 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; } } + padding-right: 20px; -.container-fluid { - margin-right: auto; - margin-left: auto; - padding-left: 20px; - padding-right: 20px; } - .container-fluid:before, .container-fluid:after { + &:before { content: " "; - display: table; } - .container-fluid:after { - clear: both; } + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .container { + width: 760px; + } +} + +@media (min-width: 992px) { + .container { + width: 980px; + } +} + +@media (min-width: 1200px) { + .container { + width: 1180px; + } +} .row { margin-left: -20px; - margin-right: -20px; } - .row:before, .row:after { + margin-right: -20px; + + &:before { content: " "; - display: table; } - .row:after { - clear: both; } + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } +} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 20px; - padding-right: 20px; } + 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; } - .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; } + margin-bottom: 20px; -.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; } + > { + thead > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #f0f0f0; + } + } + + tbody > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #f0f0f0; + } + } + + tfoot > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #f0f0f0; + } + } + + 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 #5e5e5e; + background-color: #45565f; + color: #FFF; + } + } + + colgroup + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #5e5e5e; + background-color: #45565f; + color: #FFF; + } + } + + thead:first-child > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #5e5e5e; + background-color: #45565f; + color: #FFF; + } + } + + tbody + tbody { + border-top: 2px solid #5e5e5e; + } + } + + .table { + background-color: none; + } +} + +.table-condensed > { + thead > tr > { + th, td { + padding: 5px; + } + } + + tbody > tr > { + th, td { + padding: 5px; + } + } + + tfoot > tr > { + th, td { + padding: 5px; + } + } +} .table-bordered { - border: 1px solid #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; } + border: 1px solid #dbdbdb; -.table-striped > tbody > tr:nth-child(odd) > td, -.table-striped > tbody > tr:nth-child(odd) > th { - background-color: #fff; } + > { + thead > tr > { + th, td { + border: 1px solid #dbdbdb; + } + } -.table-hover > tbody > tr:hover > td, -.table-hover > tbody > tr:hover > th { - background-color: #738087; - color: #FFF; } + tbody > tr > { + th, td { + border: 1px solid #dbdbdb; + } + } -table col[class*="col-"] { - position: static; - float: none; - display: table-column; } + tfoot > tr > { + th, td { + border: 1px solid #dbdbdb; + } + } -table td[class*="col-"], -table th[class*="col-"] { - position: static; - float: none; - display: table-cell; } + thead > tr > { + th, td { + border-bottom-width: 2px; + } + } + } +} -.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-striped > tbody > tr:nth-child(odd) > { + td, th { + background-color: #fff; + } +} -.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-hover > tbody > tr:hover > { + td, th { + background-color: #738087; + color: #FFF; + } +} -.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; } +table { + col[class*="col-"] { + position: static; + float: none; + display: table-column; + } -.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; } + td[class*="col-"], th[class*="col-"] { + position: static; + float: none; + display: table-cell; + } +} -.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; } +.table > { + thead > tr { + > { + td.active, th.active { + 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; } + &.active > { + td, th { + 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; } + tbody > tr { + > { + td.active, th.active { + 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; } + &.active > { + td, th { + 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; } + tfoot > tr { + > { + td.active, th.active { + background-color: #E2F5FF; + } + } -.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; } + &.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; + } +} @media screen and (max-width: 767px) { .table-responsive { @@ -2188,44 +3193,98 @@ table th[class*="col-"] { overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; + /* border: 1px solid $table-border-color; */ - -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; } } + -webkit-overflow-scrolling: touch; + + > { + .table { + margin-bottom: 0; + + > { + thead > tr > { + th, td { + white-space: nowrap; + } + } + + tbody > tr > { + th, td { + white-space: nowrap; + } + } + + tfoot > tr > { + th, td { + white-space: nowrap; + } + } + } + } + + .table-bordered { + border: 0; + + > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tbody > tr:last-child > { + th, td { + border-bottom: 0; + } + } + + tfoot > tr:last-child > { + th, td { + border-bottom: 0; + } + } + } + } + } + } +} fieldset { padding: 0; margin: 0; border: 0; - min-width: 0; } + min-width: 0; +} legend { display: block; @@ -2236,73 +3295,67 @@ 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; + } -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - line-height: normal; } + &[type="radio"], &[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + } -input[type="file"] { - display: block; } + &[type="file"] { + display: block; + } -input[type="range"] { - display: block; - width: 100%; } + &[type="range"] { + display: block; + width: 100%; + } +} -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; } +select { + &[multiple], &[size] { + height: auto; + } +} +input { + &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus { + outline: none; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } +} output { display: block; padding-top: 7px; - font-size:14px; + font-size: 14px; line-height: 1.428571429; - color: #000; } + color: #000; +} -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"] - { +select, textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; - font-size:14px; + font-size: 14px; line-height: 1.428571429; color: #000; background-color: #FFF; @@ -2313,398 +3366,1172 @@ input[type="color"] 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; +} - 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; +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 #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; + } +} + +select:hover, textarea:hover { + color: #000; + background-color: none; border-color: #ff6e05; - outline: 0; } + 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: #ff6e05; + outline: 0; + } +} - { - color: #000; - border-color: #FF6E05; - background-color: none; - outline: 0; } +select:focus, textarea:focus { + color: #000; + border-color: #FF6E05; + background-color: none; + outline: 0; +} - 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 - { +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: #FF6E05; + 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 { color: #b7b7b7; opacity: 1; - filter: alpha(opacity=100); } + filter: alpha(opacity = 100); + } +} - 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; } +select:-ms-input-placeholder, textarea:-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; } +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[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;} +select::-webkit-input-placeholder, textarea::-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 +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; + } +} - { - cursor: not-allowed; - background-color: #f0f0f0; - color:#a8a8a8; - opacity: 1.0; - filter: alpha(opacity=100); - -webkit-box-shadow: none; - box-shadow: none; } +select { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] select { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} textarea { - height: auto; } + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="text"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="text"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="password"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="password"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="datetime"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="datetime"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="datetime-local"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="datetime-local"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="date"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="date"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="month"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="month"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="time"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="time"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="week"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="week"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="number"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="number"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="email"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="email"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="url"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="url"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} input[type="search"] { - -webkit-appearance: none; } + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="search"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="tel"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="tel"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; +} + +input[type="color"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="color"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #a8a8a8; + 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; +} -input[type="date"], -input[type="time"], -input[type="datetime-local"], input[type="month"] { - 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; } + &[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; + } +} .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; } - .radio label, - .checkbox label { - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; } + margin-bottom: 10px; +} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { +.radio label, .checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} + +.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; - margin-top: 4px \9; } + 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; } + margin-left: 10px; +} + +input[type="radio"] { + &[disabled], &.disabled { + cursor: not-allowed; + } +} + +fieldset[disabled] input[type="radio"] { + cursor: not-allowed; +} -input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], -input[type="checkbox"][disabled], -input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; } + &[disabled], &.disabled { + 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; } +fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { + cursor: not-allowed; +} .form-control-static { padding-top: 7px; padding-bottom: 7px; - margin-bottom: 0; } - .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; } + margin-bottom: 0; -.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 { + &.input-lg { + padding-left: 0; + padding-right: 0; + } +} + +.form-horizontal .form-group-lg .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-group-lg > { + .form-control-static { + &.form-control, &.input-group-addon { + padding-left: 0; + padding-right: 0; + } + } + + .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; + } +} + +.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-group-sm > { + .form-control-static { + &.form-control, &.input-group-addon { + padding-left: 0; + padding-right: 0; + } + } + + .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; + } +} + +.input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; - border-radius: 3px; } + border-radius: 3px; +} -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 { +.input-group-sm > { + .form-control, .input-group-addon, .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } +} + +select.input-sm, .form-horizontal .form-group-sm select.form-control { height: 30px; - line-height: 30px; } + 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-sm > { + select { + &.form-control, &.input-group-addon { + height: 30px; + line-height: 30px; + } + } -.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 { + .input-group-btn > select.btn { + height: 30px; + line-height: 30px; + } +} + +textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control { + height: auto; +} + +.input-group-sm > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + + .input-group-btn > textarea.btn { + height: auto; + } +} + +select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control { + height: auto; +} + +.input-group-sm > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.input-lg, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; - border-radius: 6px; } + border-radius: 6px; +} -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 { +.input-group-lg > { + .form-control, .input-group-addon, .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; + } +} + +select.input-lg, .form-horizontal .form-group-lg select.form-control { height: 46px; - line-height: 46px; } + line-height: 46px; +} -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; } +.input-group-lg > { + select { + &.form-control, &.input-group-addon { + height: 46px; + line-height: 46px; + } + } + + .input-group-btn > select.btn { + height: 46px; + line-height: 46px; + } +} + +textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control { + height: auto; +} + +.input-group-lg > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + + .input-group-btn > textarea.btn { + height: auto; + } +} + +select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control { + height: auto; +} + +.input-group-lg > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + + .input-group-btn > select[multiple].btn { + height: auto; + } +} .has-feedback { - position: relative; } - .has-feedback .form-control { - padding-right: 42.5px; } + position: relative; + + .form-control { + padding-right: 42.5px; + } +} .form-control-feedback { position: absolute; @@ -2715,173 +4542,236 @@ select[multiple].input-lg, 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-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 { +.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; - line-height: 46px; } + line-height: 46px; +} -.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 { +.input-group-lg > { + .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; + } +} + +.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; - line-height: 30px; } + 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; } +.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 .input-group-addon { - color: #9BD275; - border-color: #9BD275; - background-color: #9BD275; } -.has-success .form-control-feedback { - color: #9BD275; } +.has-success { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #9BD275; + } -.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; } + .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-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; } + &: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 .input-group-addon { - color: #F05050; - border-color: #F05050; - background-color: #F05050; } -.has-error .form-control-feedback { - color: #F05050; } + .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-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; } } + 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; + } +} -.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; } } -.form-horizontal .has-feedback control-feedback { - top: 0; - right: 20px; } + padding-top: 7px; + } +} + @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; @@ -2893,7 +4783,7 @@ 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; @@ -2903,233 +4793,641 @@ select[multiple].input-lg, color: #000; background-color: none; border: 1px solid #1b4257; - outline:0; } -.btn:active, .btn.active, .open > .btn.dropdown-toggle { + outline: 0; + + &:active, &.active { + color: #000; + background-color: none; + outline: 0; + border-color: #1d1d1d; + text-decoration: none; + } +} + +.open > .btn.dropdown-toggle { color: #000; background-color: none; - outline:0; + outline: 0; border-color: #1d1d1d; - text-decoration: none; } -.btn:hover, .btn:focus { - background-color: #dbdbdb; - color: #000; - border-radius: 3px; - border: 1px solid #1b4257; - text-decoration: none;} + text-decoration: none; +} - .btn:active, .btn.active, .open > .btn.dropdown-toggle { +.btn { + &:hover, &:focus { + background-color: #dbdbdb; + color: #000; + border-radius: 3px; + border: 1px solid #1b4257; + text-decoration: none; + } + + &:active, &.active { background-image: none; - 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 { + outline: 0; + } +} + +.open > .btn.dropdown-toggle { + background-image: none; + outline: 0; +} + +.btn { + &.disabled { background-color: #FFFFFF; border-color: #1d1d1d; - outline:0; } + outline: 0; - .btn .badge { + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } + } + + &[disabled] { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } + } +} + +fieldset[disabled] .btn { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } +} + +.btn { + .badge { color: #FFFFFF; - background-color: #3e3e3e; } - .btn:focus, .btn:active:focus, .btn.active:focus { + background-color: #3e3e3e; + } + + &:focus, &:active:focus, &.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; - outline:0; } + outline: 0; + } - .btn:active, .btn.active { - outline: 0; } - .btn.disabled, .btn[disabled], fieldset[disabled] .btn { + &:active, &.active { + outline: 0; + } + + &.disabled, &[disabled] { 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; + } +} -.act_flush:hover, .act_flush:focus { - color: #000; - background-color: #dbdbdb; - border-color: 1px solid #1d1d1d; - outline:0; } +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.30; + filter: alpha(opacity = 30); + -webkit-box-shadow: none; + box-shadow: none; +} - .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { +.act_flush { + &:hover, &:focus { + color: #000; 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 { + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.btn-default { + &:active, &.active { + background-color: #dbdbdb; + color: #000; + outline: 0; + } +} + +.open > .btn-default.dropdown-toggle { + background-color: #dbdbdb; + color: #000; + outline: 0; +} + +.btn-default { + &.disabled { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; - outline:0; } - .btn-default .badge { - color: #FFFFFF; - background-color: #3e3e3e; - outline:0; } + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } + } + + &[disabled] { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } + } +} + +fieldset[disabled] .btn-default { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.btn-default .badge { + color: #FFFFFF; + background-color: #3e3e3e; + outline: 0; +} .btn-primary { color: #fff !important; 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 { + outline: 0; + + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #EC7726; border-color: 1px solid #1b4257; - outline:0; } + 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 { +.open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #EC7726; + border-color: 1px solid #1b4257; + outline: 0; +} + +.btn-primary { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-primary.dropdown-toggle { + background-image: none; +} + +.btn-primary { + &.disabled { background-color: #FF6E05; border-color: #1b4257; - outline:0; } + outline: 0; - .btn-primary .badge { - color: #FF8B00; - background-color: #fff; } + &:hover, &:focus, &:active, &.active { + background-color: #FF6E05; + border-color: #1b4257; + outline: 0; + } + } + + &[disabled] { + background-color: #FF6E05; + border-color: #1b4257; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FF6E05; + border-color: #1b4257; + outline: 0; + } + } +} + +fieldset[disabled] .btn-primary { + background-color: #FF6E05; + border-color: #1b4257; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #FF6E05; + border-color: #1b4257; + outline: 0; + } +} + +.btn-primary .badge { + color: #FF8B00; + background-color: #fff; +} .btn-success { color: #fff; background-color: #85ce53; - border-color: #323232; } - .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { + border-color: #323232; + + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #7fc54f; border-color: #323232; - 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 { + 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 { background-color: #9BD275; border-color: #8dcc62; - outline:0; } + outline: 0; - .btn-success .badge { - color: #9BD275; - background-color: #fff; } + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } + } + + &[disabled] { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } + } +} + +fieldset[disabled] .btn-success { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } +} + +.btn-success .badge { + color: #9BD275; + background-color: #fff; +} .btn-info { color: #fff; background-color: #B0CDDB; - border-color: #9ec2d3; } - .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { + border-color: #9ec2d3; + + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #8db7cb; - border-color: #74a7c0; } + border-color: #74a7c0; + } +} - .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 { +.open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #8db7cb; + border-color: #74a7c0; +} + +.btn-info { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-info.dropdown-toggle { + background-image: none; +} + +.btn-info { + &.disabled { background-color: #B0CDDB; - border-color: #9ec2d3; } + border-color: #9ec2d3; - .btn-info .badge { - color: #B0CDDB; - background-color: #fff; } + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } + } + + &[disabled] { + background-color: #B0CDDB; + border-color: #9ec2d3; + + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } + } +} + +fieldset[disabled] .btn-info { + background-color: #B0CDDB; + border-color: #9ec2d3; + + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } +} + +.btn-info .badge { + color: #B0CDDB; + background-color: #fff; +} .btn-warning { color: #fff; background-color: #FF6E05; - border-color: #1b4257; } - .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { + border-color: #1b4257; + + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #EC7726; - border-color: #1b4257; } + border-color: #1b4257; + } +} - .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 { +.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 { background-color: #f0ad4e; - border-color: #eea236; } + border-color: #eea236; - .btn-warning .badge { - color: #f0ad4e; - background-color: #fff; } + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } + } + + &[disabled] { + background-color: #f0ad4e; + border-color: #eea236; + + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } + } +} + +fieldset[disabled] .btn-warning { + background-color: #f0ad4e; + border-color: #eea236; + + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } +} + +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} .btn-danger { color: #fff; background-color: #CB4326; - border-color: #1B4257; } - .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { + border-color: #1B4257; + + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #B63B21; - 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 { + 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 { background-color: #F05050; - border-color: #ee3939; } - .btn-danger .badge { - color: #F05050; - background-color: #fff; } + border-color: #ee3939; + + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } + } + + &[disabled] { + background-color: #F05050; + border-color: #ee3939; + + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } + } +} + +fieldset[disabled] .btn-danger { + background-color: #F05050; + border-color: #ee3939; + + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } +} + +.btn-danger .badge { + color: #F05050; + background-color: #fff; +} .btn-link { color: #FF8B00; font-weight: normal; cursor: pointer; - border-radius: 0; } - .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { + border-radius: 0; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + + &:active, &[disabled] { background-color: transparent; -webkit-box-shadow: none; - box-shadow: none; } - .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { - border-color: transparent; } - .btn-link:hover, .btn-link:focus { + box-shadow: none; + } +} + +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link { + border-color: transparent; + + &:hover, &:focus, &:active { + border-color: transparent; + } + + &:hover, &:focus { color: #9f4d03; text-decoration: underline; - background-color: transparent; } + background-color: transparent; + } - .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + &[disabled] { + &:hover, &:focus { + color: #777777; + text-decoration: none; + } + } +} + +fieldset[disabled] .btn-link { + &:hover, &: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 + .btn-block { - margin-top: 5px; } + + .btn-block { + margin-top: 5px; + } +} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; } +input { + &[type="submit"].btn-block, &[type="reset"].btn-block, &[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; } - .fade.in { - opacity: 1; filter: alpha(opacity=100); } + transition: opacity 0.15s linear; + &.in { + opacity: 1; + filter: alpha(opacity = 100); + } +} .collapse { - display: none; } - .collapse.in { - display: block; } + display: none; + + &.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; @@ -3137,7 +5435,8 @@ 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; @@ -3147,14 +5446,16 @@ 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; @@ -3167,7 +5468,7 @@ tbody.collapse.in { padding: 5px 0; margin: 2px 0 0; list-style: none; - font-size:14px; + font-size: 14px; text-align: left; background-color: #f0f0f0; color: #000; @@ -3178,65 +5479,93 @@ 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.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; } + -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; - .dropdown-menu.pull-right { + &.pull-right { right: 0; left: auto; - background-color: #e5e5e5; } + background-color: #e5e5e5; + } - .dropdown-menu .divider { + .divider { height: 1px; margin: 9px 0; overflow: hidden; - background-color: #e5e5e5; } - .dropdown-menu > li > a { + background-color: #e5e5e5; + } + + > { + li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #000; + white-space: nowrap; + outline: 0; + + &:hover, &:focus { + text-decoration: none; + color: #FFFFFF; + background-color: #FF6E05; + } + } + + .active > a { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #FF6E05; + + &:hover, &:focus { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #FF6E05; + } + } + + .disabled > a { + color: #777777; + + &:hover, &:focus { + color: #777777; + } + + &:hover, &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; + } + } + } +} + +.open > { + .dropdown-menu { display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.428571429; - color: #000; - white-space: nowrap; - 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; } + 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; @@ -3244,7 +5573,8 @@ tbody.collapse.in { font-size: 12px; line-height: 1.428571429; color: #b0b0b0; - white-space: nowrap; } + white-space: nowrap; +} .dropdown-backdrop { position: fixed; @@ -3252,467 +5582,807 @@ 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; } - .navbar-right .dropdown-menu-left { - left: 0; - right: auto; } } -.btn-group, -.btn-group-vertical { + .navbar-right { + .dropdown-menu { + right: 0; + left: auto; + } + + .dropdown-menu-left { + left: 0; + right: auto; + } + } +} + +.btn-group, .btn-group-vertical { position: relative; display: inline-block; - vertical-align: middle; } - .btn-group > .btn, - .btn-group-vertical > .btn { - position: relative; - float: left; } - .btn-group > .btn:hover, .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; } + vertical-align: middle; +} -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { - margin-left: -1px; } +.btn-group > .btn, .btn-group-vertical > .btn { + position: relative; + float: left; +} + +.btn-group > .btn { + &:hover, &:focus, &:active, &.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + } +} + +.btn-group-vertical > .btn { + &:hover, &:focus, &:active, &.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + } +} + +.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { + outline: 0; +} + +.btn-group { + .btn + { + .btn, .btn-group { + margin-left: -1px; + } + } + + .btn-group + { + .btn, .btn-group { + margin-left: -1px; + } + } +} .btn-toolbar { - margin-left: -5px; } - .btn-toolbar:before, .btn-toolbar:after { + margin-left: -5px; + + &:before { content: " "; - display: table; } - .btn-toolbar:after { - clear: both; } - .btn-toolbar .btn-group, - .btn-toolbar .input-group { - float: left; } - .btn-toolbar > .btn, - .btn-toolbar > .btn-group, - .btn-toolbar > .input-group { - margin-left: 5px; } + display: table; + } -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; } + &:after { + content: " "; + display: table; + clear: both; + } -.btn-group > .btn:first-child { - margin-left: 0; } - .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } + .btn-group, .input-group { + float: left; + } -.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, .btn-group, .input-group { + margin-left: 5px; + } + } +} -.btn-group > .btn-group { - float: left; } +.btn-group { + > { + .btn { + &:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; + } -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; } + &:first-child { + margin-left: 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; } + &:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } -.btn-group > .btn-group:last-child > .btn:first-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } + &:last-child: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; } + .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } -.btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; } + .btn-group { + float: left; -.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { + &: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: #000; + background-color: none; + border-color: #000; + } + } + + &.open .dropdown-toggle { + outline: 0; + color: #000; + 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 { padding-left: 12px; - padding-right: 12px; } + padding-right: 12px; +} -.btn-group.open .dropdown-toggle {} - .btn-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; - box-shadow: none; } +.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, .dropup .btn-group-lg > .btn .caret { - border-width: 0 5px 5px; } +.dropup { + .btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 0 5px 5px; + } +} -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group, -.btn-group-vertical > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; } -.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { - content: " "; - display: table; } -.btn-group-vertical > .btn-group:after { - clear: both; } -.btn-group-vertical > .btn-group > .btn { - float: none; } -.btn-group-vertical > .btn + .btn, -.btn-group-vertical > .btn + .btn-group, -.btn-group-vertical > .btn-group + .btn, -.btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; } +.btn-group-vertical > { + .btn { + 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-group { + display: block; + float: none; + width: 100%; + max-width: 100%; -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; } + > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } -.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; } + &:before { + content: " "; + display: table; + } -.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-right-radius: 0; - border-top-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-justified { display: table; width: 100%; table-layout: fixed; - 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; } + border-collapse: separate; -[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); } + > { + .btn { + float: none; + display: table-cell; + width: 1%; + } + + .btn-group { + float: none; + display: table-cell; + width: 1%; + + .btn { + width: 100%; + } + + .dropdown-menu { + left: auto; + } + } + } +} + +[data-toggle="buttons"] > .btn > input { + &[type="radio"], &[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity = 0); + } +} .input-group { position: relative; display: table; - border-collapse: separate; } - .input-group[class*="col-"] { + border-collapse: separate; + + &[class*="col-"] { float: none; padding-left: 0; - padding-right: 0; } - .input-group .form-control { + padding-right: 0; + } + + .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: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 .form-control { + display: table-cell; +} -.input-group-addon, -.input-group-btn { +.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; - vertical-align: middle; } + 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-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 { + border-radius: 3px; + + &.input-sm { padding: 5px 10px; font-size: 12px; - 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 { + border-radius: 3px; + } +} + +.form-horizontal .form-group-sm .input-group-addon.form-control { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} + +.input-group-sm > { + .input-group-addon, .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + } +} + +.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} + +.input-group-lg > { + .input-group-addon, .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; - border-radius: 6px; } - .input-group-addon input[type="radio"], - .input-group-addon input[type="checkbox"] { - margin-top: 0; } + border-radius: 6px; + } +} -.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 { +.input-group-addon input { + &[type="radio"], &[type="checkbox"] { + margin-top: 0; + } +} + +.input-group .form-control:first-child, .input-group-addon:first-child { border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; +} + +.input-group-btn { + &:first-child > { + .btn, .btn-group > .btn, .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + + &:last-child > { + .btn:not(:last-child):not(.dropdown-toggle), .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } +} .input-group-addon:first-child { - border-right: 0; } + border-right: 0; +} -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { +.input-group .form-control:last-child, .input-group-addon:last-child { border-bottom-left-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; +} + +.input-group-btn { + &:last-child > { + .btn, .btn-group > .btn, .dropdown-toggle { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + + &:first-child > { + .btn:not(:first-child), .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } +} .input-group-addon:last-child { - border-left: 0; } + border-left: 0; +} .input-group-btn { position: relative; font-size: 0; - white-space: nowrap; } - .input-group-btn > .btn { - position: relative; } - .input-group-btn > .btn + .btn { - margin-left: -1px; } - .input-group-btn > .btn: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; } + white-space: nowrap; + + > .btn { + position: relative; + + + .btn { + margin-left: -1px; + } + + &:hover, &:focus, &:active { + z-index: 2; + } + } + + &:first-child > { + .btn, .btn-group { + margin-right: -1px; + } + } + + &:last-child > { + .btn, .btn-group { + margin-left: -1px; + } + } +} .nav { margin-bottom: 0; padding-left: 0; - list-style: none; } - .nav:before, .nav:after { + list-style: none; + + &:before { content: " "; - display: table; } - .nav:after { - clear: both; } - .nav > li { + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } + + > li { position: relative; - 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 { + 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: #172c38; + 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: #172c38; + opacity: 0.6; + filter: alpha(opacity = 50); +} + +.nav > li { + &#menu_messages { + > a { position: relative; display: block; padding: none; - 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; } + color: #FF6E05; + background-color: transparent; + margin-right: 10px; + border: none; + opacity: 1.0; + } - .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 { + text-decoration: underline; + } + } - .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + > a { + &:hover, &:focus { + text-decoration: none; + background-color: #172c38; + color: #FFF; + opacity: 0.8; + } + } +} + +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: #172c38; - cursor:pointer; } + cursor: pointer; - .nav .nav-divider { + &:hover, &:focus { + background-color: #172c38; + cursor: pointer; + } + } + + .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; - background-color: #e5e5e5; } - .nav > li > a > img { - max-width: none; } + background-color: #e5e5e5; + } + + > li > a > img { + max-width: none; + } +} .nav-tabs { - margin-right: 1px; } - .nav-tabs > li { - float: left; } - .nav-tabs > li > a { + margin-right: 1px; + + > li { + float: left; + + > a { line-height: 1.428571429; - 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 { + border: none; + cursor: pointer; + + &:hover { + opacity: 0.8; + filter: alpha(opacity = 80); + } + } + + &.active > a { color: #FFF; background-color: #393939; border-bottom-color: transparent; cursor: pointer; - opacity: 1; - filter: alpha(opacity=100);} + opacity: 1; + filter: alpha(opacity = 100); - .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 { + &: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 { color: #fff; background-color: #1b4257; - opacity: 1.0; } + opacity: 1.0; + + &:hover, &:focus { + color: #fff; + background-color: #1b4257; + opacity: 1.0; + } + } +} .nav-stacked > li { - float: none; } - .nav-stacked > li + li { + float: none; + + + li { margin-top: 2px; - margin-left: 0; } + margin-left: 0; + } +} .nav-justified, .nav-tabs.nav-justified { - width: 100%; } + width: 100%; +} + +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; +} + +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: left; + margin-bottom: 5px; +} + +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} + +@media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { - 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; } } + display: table-cell; + width: 1%; + } + + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} .nav-tabs-justified, .nav-tabs.nav-justified { - border-bottom: 0; } - .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 3px; } - .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus, - .nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #656565; } - @media (min-width: 768px) { - .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #656565; - border-radius: 3px 3px 0 0; } - .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: transparent; } } + border-bottom: 0; +} -.tab-content > .tab-pane { - display: none; } - .tab-content > .active { - display: block; } +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 3px; +} + +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #656565; +} + +@media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #656565; + border-radius: 3px 3px 0 0; + } + + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: transparent; + } +} + +.tab-content > { + .tab-pane { + display: none; + } + + .active { + display: block; + } +} .tab-pane .content-box { - border:none !important; + 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; } - .navbar:before, .navbar:after { - content: " "; - display: table; } - .navbar:after { - clear: both; } - @media (min-width: 768px) { - .navbar { - border-radius: 0; } } + border: 1px solid transparent; + + &:before { + content: " "; + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .navbar { + border-radius: 0; + } +} + +.navbar-header { + &:before { + content: " "; + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } + + padding-top: 12px; +} -.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; @@ -3720,92 +6390,124 @@ tbody.collapse.in { padding-left: 20px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - -webkit-overflow-scrolling: touch; } - .navbar-collapse:before, .navbar-collapse:after { + -webkit-overflow-scrolling: touch; + + &:before { content: " "; - 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; } } + display: table; + } -.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; } } + &:after { + content: " "; + display: table; + clear: both; + } -.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 { + &.in { + overflow-y: auto; + } +} + +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + + &.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + + &.in { + overflow-y: visible; + } + } + + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} + +.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} + +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} + +.container > { + .navbar-header, .navbar-collapse { + margin-right: -20px; + margin-left: -20px; + } +} + +.container-fluid > { + .navbar-header, .navbar-collapse { + margin-right: -20px; + margin-left: -20px; + } +} + +@media (min-width: 768px) { + .container > { + .navbar-header, .navbar-collapse { margin-right: 0; - margin-left: 0; } } + margin-left: 0; + } + } + + .container-fluid > { + .navbar-header, .navbar-collapse { + margin-right: 0; + margin-left: 0; + } + } +} .navbar-static-top { z-index: 1000; - border-width: 0 0 1px; } - @media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; } } + border-width: 0 0 1px; +} -.navbar-fixed-top, -.navbar-fixed-bottom { +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} + +.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - @media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; } } + 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; } - -.navbar-brand { - float: left; - padding: 15px 20px; - font-size: 18px; - height: 50px; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - - @media (min-width: 768px) { - .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { - margin-left: -20px; } } + border-width: 1px 0 0; +} .navbar-toggle { position: relative; @@ -3817,60 +6519,100 @@ tbody.collapse.in { background-color: transparent; background-image: none; border: 1px solid transparent; - border-radius: 3px; } - .navbar-toggle:focus { - outline: 0; } - .navbar-toggle .icon-bar { + border-radius: 3px; + + &:focus { + outline: 0; + } + + .icon-bar { display: block; width: 22px; height: 2px; - border-radius: 1px; } - .navbar-toggle .icon-bar + .icon-bar { - margin-top: 4px; } - @media (min-width: 768px) { - .navbar-toggle { - display: none; } } + border-radius: 1px; + + + .icon-bar { + margin-top: 4px; + } + } +} + +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} + +.navbar-brand img { + &.brand-logo, &.brand-icon { + height: 30px; + } +} .navbar-nav { - margin: 7.5px -20px; } - .navbar-nav > li > a { + margin: 7.5px -20px; + + > li > a { padding-top: 10px; padding-bottom: 10px; - line-height: 20px; } - @media (max-width: 767px) { - .navbar-nav .open .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - box-shadow: none; } - .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 { + line-height: 20px; + } +} + +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + + > li > a, .dropdown-header { + padding: 5px 15px 5px 25px; + } + + > li > a { + line-height: 20px; + + &:hover, &:focus { + background-image: none; + } + } + } +} + +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + + > li { float: left; - 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; } } + + > a { + padding-top: 15px; + padding-bottom: 15px; + } + } + + &.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; @@ -3880,306 +6622,613 @@ tbody.collapse.in { -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-form.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-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; } - .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { + margin-bottom: 8px; + + &.btn-sm { 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; + } +} + +.btn-group-sm > .navbar-btn.btn { + margin-top: 10px; + margin-bottom: 10px; +} + +.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { + margin-top: 14px; + margin-bottom: 14px; +} .navbar-text { margin-top: 15px; - margin-bottom: 15px; } - @media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 20px; - margin-right: 20px; } - .navbar-text.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-right:last-child { + margin-right: 0; + } + } +} .navbar-default { background-color: transparent; - border-color: none; } - .navbar-default .navbar-brand { - color: #F7F7F7; } - .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { - color: #dedede; - 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; } + border-color: none; - .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { - color: #555; - 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 { + .navbar-brand { + color: #F7F7F7; + + &:hover, &:focus { + color: #dedede; + background-color: transparent; + } + } + + .navbar-text { + color: #F7F7F7; + } + + .navbar-nav > { + li > a { + color: #F7F7F7; + + &:hover, &:focus { + color: #FF6E05; + background-color: transparent; + } + } + + .active > a { 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 { + background-color: #2b2b2b; + + &:hover, &:focus { + color: #555; + background-color: #2b2b2b; + } + } + + .disabled > a { 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; } + background-color: transparent; + + &:hover, &:focus { + color: #ccc; + background-color: transparent; + } + } + } + + .navbar-toggle { + border-color: #FFF; + + &:hover, &:focus { + background-color: #555; + } + + .icon-bar { + background-color: #FFF; + } + } + + .navbar-nav > .open > a { + background-color: #2b2b2b; + color: #555; + + &:hover, &:focus { + background-color: #2b2b2b; + color: #555; + } + } + + .navbar-link { + color: #F7F7F7; + + &:hover { + color: #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 { + color: #ccc; + } +} .navbar-inverse { background-color: #222; - border-color: #090909; } - .navbar-inverse .navbar-brand { - color: #777777; } - .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { - color: #fff; - background-color: transparent; } + border-color: #090909; - .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: transparent; } - .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { - color: #fff; - 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-brand { + color: #777777; - .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 { + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + + .navbar-text { + color: #777777; + } + + .navbar-nav > { + li > a { + color: #777777; + + &:hover, &:focus { color: #fff; - background-color: transparent; } + 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 { + .active > a { color: #fff; - background-color: #090909; } + 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 { + &:hover, &:focus { + color: #fff; + background-color: #090909; + } + } + + .disabled > a { color: #3e3e3e; - background-color: transparent; } } + 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; } + &:hover, &:focus { + color: #3e3e3e; + background-color: transparent; + } + } + } - .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; } + .navbar-toggle { + border-color: #2d2d2d; + + &:hover, &:focus { + background-color: #2d2d2d; + } + + .icon-bar { + background-color: #fff; + } + } + + .navbar-collapse, .navbar-form { + border-color: #101010; + } + + .navbar-nav > .open > a { + background-color: #090909; + color: #fff; + + &:hover, &:focus { + background-color: #090909; + color: #fff; + } + } + + .navbar-link { + color: #777777; + + &:hover { + color: #fff; + } + } + + .btn-link { + color: #777777; + + &:hover, &:focus { + color: #fff; + } + + &[disabled] { + &:hover, &:focus { + color: #3e3e3e; + } + } + } +} + +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu { + > .dropdown-header { + border-color: #090909; + } + + .divider { + background-color: #090909; + } + + > { + li > a { + color: #777777; + + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + + .active > a { + color: #fff; + background-color: #090909; + + &:hover, &:focus { + color: #fff; + background-color: #090909; + } + } + + .disabled > a { + color: #3e3e3e; + background-color: transparent; + + &:hover, &:focus { + color: #3e3e3e; + background-color: transparent; + } + } + } + } +} + +fieldset[disabled] .navbar-inverse .btn-link { + &:hover, &:focus { + color: #3e3e3e; + } +} .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; - border-radius: 3px; } - .breadcrumb > li { - display: inline-block; } - .breadcrumb > li + li:before { - content: "/ "; - padding: 0 5px; - color: #ccc; } - .breadcrumb > .active { - color: #777777; } + border-radius: 3px; + + > { + li { + display: inline-block; + + + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; + } + } + + .active { + color: #777777; + } + } +} .pagination { display: inline-block; padding-left: 0; margin: 20px 0; - border-radius: 3px; } - .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-radius: 3px; + + > { + li { + display: inline; + + > { + a, 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; + } + } + + &: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: #FF6E05; + } + } + + span { + &:hover, &:focus { + color: #FFFFFF; + background-color: #FF6E05; + } + } + } + } + + .active > { + a { + z-index: 2; + color: #FFFFFF; + background-color: #FF6E05; + cursor: default; + + &:hover, &:focus { + z-index: 2; + color: #FFFFFF; + background-color: #FF6E05; + cursor: default; + } + } + + span { + z-index: 2; + color: #FFFFFF; + background-color: #FF6E05; + cursor: default; + + &:hover, &:focus { + z-index: 2; + color: #FFFFFF; + background-color: #FF6E05; + 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-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .pagination > li:last-child > a, - .pagination > li:last-child > span { + border-top-left-radius: 3px; + } + } + + &:last-child > { + a, span { border-bottom-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; } + border-top-right-radius: 3px; + } + } +} .pager { padding-left: 0; margin: 20px 0; list-style: none; - text-align: center; } - .pager:before, .pager:after { + text-align: center; + + &:before { content: " "; - display: table; } - .pager:after { - clear: both; } - .pager li { - display: inline; } - .pager li > a, - .pager li > span { - display: inline-block; - padding: 5px 14px; + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } + + li { + display: inline; + + > { + a, span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; + } + + a { + &:hover, &:focus { + text-decoration: none; + background-color: #eeeeee; + } + } + } + } + + .next > { + a, span { + float: right; + } + } + + .previous > { + a, span { + float: left; + } + } + + .disabled > { + a { + color: #777777; background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; } - .pager li > a:hover, - .pager li > a:focus { - text-decoration: none; - background-color: #eeeeee; } + 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; } + &:hover, &:focus { + color: #777777; + background-color: #fff; + cursor: not-allowed; + } + } + span { + color: #777777; + background-color: #fff; + cursor: not-allowed; + } + } +} .label { display: inline; @@ -4191,60 +7240,91 @@ tbody.collapse.in { text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: .25em; } - .label:empty { - display: none; } - .btn .label { - position: relative; - top: -1px; } + border-radius: .25em; -a.label:hover, a.label:focus { - color: #fff; - text-decoration: none; - cursor: pointer; } + &:empty { + display: none; + } +} +.btn .label { + position: relative; + top: -1px; +} + +a.label { + &:hover, &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} .label-default { - background-color: #777777; } - .label-default[href]:hover, .label-default[href]:focus { - background-color: #5e5e5e; - border-color: #323232;} + background-color: #777777; + &[href] { + &:hover, &:focus { + background-color: #5e5e5e; + border-color: #323232; + } + } +} .label-primary { - background-color: #FF8B00; } - .label-primary[href]:hover, .label-primary[href]:focus { - background-color: #b85904; } + background-color: #FF8B00; + &[href] { + &:hover, &:focus { + background-color: #b85904; + } + } +} .label-success { background-color: #397E37; - border-color: #323232;} - .label-success[href]:hover, .label-success[href]:focus { - background-color: #7fc54f; - border-color: #323232; } + border-color: #323232; + &[href] { + &:hover, &:focus { + background-color: #7fc54f; + border-color: #323232; + } + } +} .label-info { - background-color: #B0CDDB; } - .label-info[href]:hover, .label-info[href]:focus { - background-color: #8db7cb; - border-color: #323232; } + background-color: #B0CDDB; + &[href] { + &:hover, &:focus { + background-color: #8db7cb; + border-color: #323232; + } + } +} .label-warning { - background-color: #f0ad4e; } - .label-warning[href]:hover, .label-warning[href]:focus { - background-color: #ec971f; - border-color: #323232;} + background-color: #f0ad4e; + &[href] { + &:hover, &:focus { + background-color: #ec971f; + border-color: #323232; + } + } +} .label-danger { - background-color: #DA4829; } - .label-danger[href]:hover, .label-danger[href]:focus { - background-color: #ec2121; - border-color: #323232;} + background-color: #DA4829; + &[href] { + &:hover, &:focus { + background-color: #ec2121; + border-color: #323232; + } + } +} .badge { display: inline-block; @@ -4258,55 +7338,93 @@ a.label:hover, a.label:focus { white-space: nowrap; text-align: center; 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 { + 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 { color: #FF8B00; - background-color: #fff; } - .nav-pills > li > a > .badge { - margin-left: 3px; } + background-color: #fff; + } -a.badge:hover, a.badge:focus { - color: #fff; - text-decoration: none; - cursor: pointer; } + li > a > .badge { + margin-left: 3px; + } +} +a.badge { + &:hover, &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; - background-color: #eeeeee; } - .jumbotron h1, - .jumbotron .h1 { - color: inherit; } - .jumbotron p { + background-color: #eeeeee; + + h1, .h1 { + color: inherit; + } + + p { margin-bottom: 15px; font-size: 21px; - font-weight: 200; } - .jumbotron > hr { - border-top-color: #d5d5d5; } + font-weight: 200; + } + + > hr { + border-top-color: #d5d5d5; + } +} + +.container .jumbotron { + border-radius: 6px; +} + +.jumbotron .container { + max-width: 100%; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { - 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; } } + padding-left: 60px; + padding-right: 60px; + } + + .jumbotron { + h1, .h1 { + font-size: 63px; + } + } +} .thumbnail { display: block; @@ -4318,104 +7436,145 @@ a.badge:hover, a.badge:focus { 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; } - .thumbnail > img, - .thumbnail a > img { + transition: all 0.2s ease-in-out; + + > img, a > img { display: block; width: 100% \9; max-width: 100%; height: auto; margin-left: auto; - margin-right: auto; } - .thumbnail .caption { + margin-right: auto; + } + + .caption { padding: 9px; - color: #3C3C3B; } - -a.thumbnail:hover, -a.thumbnail:focus, -a.thumbnail.active { - border-color: #FF8B00; } + color: #3C3C3B; + } +} +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.30); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + + h4 { + margin-top: 0; + color: inherit; + } + + .alert-link { + font-weight: bold; + } + + > { + p, ul { + margin-bottom: 0; + } + + p + p { + margin-top: 5px; + } + } } - .alert h4 { - margin-top: 0; - color: inherit; } - .alert .alert-link { - font-weight: bold; } - .alert > p, - .alert > ul { - margin-bottom: 0; } - .alert > p + p { - margin-top: 5px; } +.alert-dismissable, .alert-dismissible { + padding-right: 35px; +} -.alert-dismissable, -.alert-dismissible { - padding-right: 35px; } - .alert-dismissable .close, - .alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; } +.alert-dismissable .close, .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} .alert-success { - background-color: #fbfbfb; - border-color: #a5a5a5; - color: #000; } - .alert-success hr { - border-top-color: #8dcc62; } - .alert-success .alert-link { - color: #72bd3e; } + background-color: #fbfbfb; + border-color: #a5a5a5; + color: #000; -.alert-info { - 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); + hr { + border-top-color: #8dcc62; + } + + .alert-link { + color: #72bd3e; + } } - .alert-info hr { - border-top-color: #DA4829; } - .alert-info .alert-link { - color: #DA4829; } +.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; + } +} .alert-warning { - background-color: #fff; - border: 1px solid #d12d0a; - color: #000;} - .alert-warning hr { - border-top-color: #f7e1b5; } - .alert-warning .alert-link { - color: #df8a13; } + background-color: #fff; + border: 1px solid #d12d0a; + color: #000; + + hr { + border-top-color: #f7e1b5; + } + + .alert-link { + color: #df8a13; + } +} .alert-danger { - background-color: #45565f; - border-color: #f00; } - .alert-danger hr { - border-top-color: #DA4829; } - .alert-danger .alert-link { - color: #DA4829; } + background-color: #45565f; + border-color: #f00; + + hr { + border-top-color: #DA4829; + } + + .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; @@ -4423,7 +7582,8 @@ a.thumbnail.active { height: 20px; background-color: #EAEAEA; border: 1px solid #b9b9b9; - position: relative; } + position: relative; +} .progress-bar { float: left; @@ -4439,514 +7599,948 @@ a.thumbnail.active { 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; } + 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-bar.active { +.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; } + animation: progress-bar-stripes 2s linear infinite; +} -.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 { + &.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; + } + + &[aria-valuenow="1"], &[aria-valuenow="2"] { + min-width: 30px; + } + + &[aria-valuenow="0"] { + color: #777777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none; + } +} .progress-bar-success { - background-color: #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: #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); } + 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; } - .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); } + background-color: #CC2400; +} -.media, -.media-body { +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.media, .media-body { overflow: hidden; - zoom: 1; } + zoom: 1; +} -.media, -.media .media { - margin-top: 15px; } +.media { + margin-top: 15px; -.media:first-child { - margin-top: 0; } + .media { + margin-top: 15px; + } + + &: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; } -.media > .pull-right { - margin-left: 10px; } +.media > { + .pull-left { + margin-right: 10px; + } + + .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: #172c38; } - .list-group-item:last-child { - margin-bottom: 0; } - .list-group-item > .badge { - float: right; } - .list-group-item > .badge + .badge { - margin-right: 5px; } + background-color: #172c38; + + &:last-child { + margin-bottom: 0; + } + + > .badge { + float: right; + + + .badge { + margin-right: 5px; + } + } +} a.list-group-item { color: #FFFFFF; border-radius: 0; - outline:0; } + outline: 0; - a.list-group-item .list-group-item-heading { - color: #2d2d2d; } - a.list-group-item:hover, a.list-group-item:focus { + .list-group-item-heading { + color: #2d2d2d; + } + + &:hover, &:focus { text-decoration: none; color: #000; - background-color: #FFF; } + background-color: #FFF; + } - a.list-group-item:hover:before, a.list-group-item:focus:before { - background: #FFFFFF; + &:hover:before, &:focus:before { + background: #FFFFFF; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0; + width: 3px; + } +} + +.list-group-item { + &.disabled { + background-color: #eeeeee; + color: #777777; + + &:hover, &:focus { + background-color: #eeeeee; + color: #777777; + } + + .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading { + color: inherit; + } + + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { + color: #777777; + } + } + + &.active { + z-index: 2; + + &:hover, &:focus { + z-index: 2; + } + + &:before, &:hover:before, &:focus:before { + background: #ff8b00; content: ""; height: 42px; left: 0; position: absolute; - top: 0; - width: 3px; } + top: 0px; + width: 3px; + } -.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { - background-color: #eeeeee; - color: #777777; } + .list-group-item-heading { + color: inherit; - .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; } + > { + small, .small { + 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; } + &:hover .list-group-item-heading { + color: inherit; -.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: 0px; - width: 3px; } + > { + small, .small { + color: inherit; + } + } + } - .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; } + &: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-success { color: #9BD275; - background-color: #9BD275; } + background-color: #9BD275; +} a.list-group-item-success { - 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; + + .list-group-item-heading { + color: inherit; + } + + &:hover, &:focus { color: #9BD275; - background-color: #8dcc62; } - a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { + background-color: #8dcc62; + } + + &.active { color: #fff; background-color: #9BD275; - border-color: #9BD275; } + border-color: #9BD275; + + &:hover, &:focus { + color: #fff; + background-color: #9BD275; + border-color: #9BD275; + } + } +} .list-group-item-info { color: #31708f; - background-color: #d9edf7; } + background-color: #d9edf7; +} a.list-group-item-info { - 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; + + .list-group-item-heading { + color: inherit; + } + + &:hover, &:focus { color: #31708f; - background-color: #c4e3f3; } - a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { + background-color: #c4e3f3; + } + + &.active { color: #fff; background-color: #31708f; - border-color: #31708f; } + border-color: #31708f; + + &:hover, &:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; + } + } +} .list-group-item-warning { color: #f0ad4e; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} a.list-group-item-warning { - 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; + + .list-group-item-heading { + color: inherit; + } + + &:hover, &:focus { color: #f0ad4e; - background-color: #faf2cc; } - a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { + background-color: #faf2cc; + } + + &.active { color: #fff; background-color: #f0ad4e; - border-color: #f0ad4e; } + border-color: #f0ad4e; + + &:hover, &:focus { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; + } + } +} .list-group-item-danger { color: #F05050; - background-color: #F05050; } + background-color: #F05050; +} a.list-group-item-danger { - 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; + + .list-group-item-heading { + color: inherit; + } + + &:hover, &:focus { color: #F05050; - background-color: #ee3939; } - a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { + background-color: #ee3939; + } + + &.active { color: #fff; background-color: #F05050; - border-color: #F05050; } + border-color: #F05050; + + &:hover, &:focus { + color: #fff; + background-color: #F05050; + border-color: #F05050; + } + } +} .list-group-item-heading { margin-top: 0; - margin-bottom: 5px; } + 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;} - .panel-body:before, .panel-body:after { + background-color: #F0F0F0; + + &:before { content: " "; - display: table; } - .panel-body:after { - clear: both; } + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } +} .panel-heading { padding: 10px 15px; border-bottom: 1px solid #b0b0b0; border-top-right-radius: 2px; border-top-left-radius: 2px; - background-color: #45565f; } + background-color: #45565f; - .panel-heading > .dropdown .dropdown-toggle { - color: inherit; } + > .dropdown .dropdown-toggle { + color: inherit; + } +} .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; - color: inherit; } - .panel-title > a { - color: inherit; } + color: inherit; + + > a { + color: inherit; + } +} .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } + border-bottom-left-radius: 2px; +} .panel > .list-group { - margin-bottom: 0; } - .panel > .list-group .list-group-item { + margin-bottom: 0; + + .list-group-item { border-width: 1px 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; } + border-radius: 0; + } -.panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; } + &:first-child .list-group-item:first-child { + border-top: 0; + } -.list-group + .panel-footer { - border-top-width: 0; } + &:last-child .list-group-item:last-child { + border-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-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer { + border-top-width: 0; +} + +.panel > { + .table, .table-responsive > .table, .panel-collapse > .table { + margin-bottom: 0; + } + + .table:first-child, .table-responsive:first-child > .table:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; + } + + .table:first-child > { + thead:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + + tbody:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + } + + .table-responsive:first-child > .table:first-child > { + thead:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + + tbody:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + } + + .table:first-child > { + thead:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + + tbody:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + } + + .table-responsive:first-child > .table:first-child > { + thead:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + + tbody:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + } + + .table:last-child, .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + + .table:last-child > { + tbody:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + + tfoot:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + } + + .table-responsive:last-child > .table:last-child > { + tbody:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + + tfoot:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + } + + .table:last-child > { + tbody:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + + tfoot:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + } + + .table-responsive:last-child > .table:last-child > { + tbody:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + + tfoot:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + } + + .panel-body + { + .table, .table-responsive { + border-top: 1px solid #eee; + } + } + + .table > tbody:first-child > tr:first-child { + th, td { + border-top: 0; + } + } + + .table-bordered, .table-responsive > .table-bordered { + border: 0; + } + + .table-bordered > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + } + + .table-responsive > .table-bordered > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + } + + .table-bordered > { + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + } + + .table-responsive > .table-bordered > { + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + } + + .table-bordered > { + thead > tr:first-child > { + td, th { + border-bottom: 0; + } + } + + tbody > tr:first-child > { + td, th { + border-bottom: 0; + } + } + } + + .table-responsive > .table-bordered > { + thead > tr:first-child > { + td, th { + border-bottom: 0; + } + } + + tbody > tr:first-child > { + td, th { + border-bottom: 0; + } + } + } + + .table-bordered > { + tbody > tr:last-child > { + td, th { + border-bottom: 0; + } + } + + tfoot > tr:last-child > { + td, th { + border-bottom: 0; + } + } + } + + .table-responsive { + > .table-bordered > { + tbody > tr:last-child > { + td, th { + border-bottom: 0; + } + } + + tfoot > tr:last-child > { + td, th { + border-bottom: 0; + } + } + } + + border: 0; + margin-bottom: 0; + } +} .panel-group { - margin-bottom: 20px; } - .panel-group .panel { + margin-bottom: 20px; + + .panel { margin-bottom: 0; - 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; } + 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; + } + } +} .panel-success { - 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 { + border-color: #9BD275; + + > { + .panel-heading { color: #9BD275; - background-color: #9BD275; } - .panel-success > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #9BD275; } + background-color: #9BD275; + border-color: #9BD275; + + + .panel-collapse > .panel-body { + border-top-color: #9BD275; + } + + .badge { + color: #9BD275; + background-color: #9BD275; + } + } + + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #9BD275; + } + } +} .panel-info { - border-color: #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; } + 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; + } + } +} .panel-warning { - 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; } + border-color: #faebcc; + + > { + .panel-heading { + color: #f0ad4e; + background-color: #fcf8e3; + border-color: #faebcc; + + + .panel-collapse > .panel-body { + border-top-color: #faebcc; + } + + .badge { + color: #fcf8e3; + background-color: #f0ad4e; + } + } + + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; + } + } +} .panel-danger { - border-color: #F05050; } - .panel-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 { + border-color: #F05050; + + > { + .panel-heading { color: #F05050; - background-color: #F05050; } - .panel-danger > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #F05050; } + background-color: #F05050; + border-color: #F05050; + + + .panel-collapse > .panel-body { + border-top-color: #F05050; + } + + .badge { + color: #F05050; + background-color: #F05050; + } + } + + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #F05050; + } + } +} .embed-responsive { position: relative; display: block; height: 0; padding: 0; - overflow: hidden; } - .embed-responsive .embed-responsive-item, - .embed-responsive iframe, - .embed-responsive embed, - .embed-responsive object { + overflow: hidden; + + .embed-responsive-item, iframe, embed, object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; - border: 0; } - .embed-responsive.embed-responsive-16by9 { - padding-bottom: 56.25%; } - .embed-responsive.embed-responsive-4by3 { - padding-bottom: 75%; } + border: 0; + } + + &.embed-responsive-16by9 { + padding-bottom: 56.25%; + } + + &.embed-responsive-4by3 { + padding-bottom: 75%; + } +} .well { min-height: 20px; @@ -4954,44 +8548,54 @@ a.list-group-item-danger { margin-bottom: 20px; background-color: none; border: none; - border-radius: none; } - .well blockquote { + border-radius: none; + + 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); } - .close:hover, .close:focus { + filter: alpha(opacity = 100); + + &:hover, &: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; @@ -5003,27 +8607,34 @@ button.close { left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; - outline: 0; } - .modal.fade .modal-dialog { + outline: 0; + + &.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; } - .modal.in .modal-dialog { + transition: transform 0.3s ease-out; + } + + &.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; @@ -5033,7 +8644,8 @@ 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; @@ -5042,79 +8654,113 @@ button.close { bottom: 0; left: 0; z-index: 1040; - background-color: #000; } - .modal-backdrop.fade { + background-color: #000; + + &.fade { opacity: 0; - filter: alpha(opacity=0); } - .modal-backdrop.in { + filter: alpha(opacity = 0); + } + + &.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: #45565f; - color: #FFF; } + color: #FFF; -.modal-header .close { - margin-top: -2px; } + .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;} -.modal-body .table-hover > tbody > tr:hover > td, -.modal-body .table-hover > tbody > tr:hover > th { - background-color: #f06702; - color: #FFF; } + background-color: #FFF; + + .table-hover > tbody > tr:hover > { + td, th { + background-color: #f06702; + color: #FFF; + } + } +} .modal-footer { padding: 5px; text-align: right; background-color: #ddd; - border-top: 1px solid inherit; } - .modal-footer:before, .modal-footer:after { + border-top: 1px solid inherit; + + &:before { content: " "; - display: table; } - .modal-footer:after { - clear: both; } - .modal-footer .btn + .btn { + display: table; + } + + &:after { + content: " "; + display: table; + clear: both; + } + + .btn + .btn { margin-left: 5px; - margin-bottom: 0; } - .modal-footer .btn-group .btn + .btn { - margin-left: -1px; } - .modal-footer .btn-block + .btn-block { - margin-left: 0; } + margin-bottom: 0; + } + + .btn-group .btn + .btn { + margin-left: -1px; + } + + .btn-block + .btn-block { + margin-left: 0; + } +} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; } + 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; @@ -5123,22 +8769,33 @@ button.close { font-size: 12px; line-height: 1.4; opacity: 0; - filter: alpha(opacity=0); } - .tooltip.in { + filter: alpha(opacity = 0); + + &.in { opacity: 0.9; - filter: alpha(opacity=90); } - .tooltip.top { + filter: alpha(opacity = 90); + } + + &.top { margin-top: -3px; - padding: 5px 0; } - .tooltip.right { + padding: 5px 0; + } + + &.right { margin-left: 3px; - padding: 0 5px; } - .tooltip.bottom { + padding: 0 5px; + } + + &.bottom { margin-top: 3px; - padding: 5px 0; } - .tooltip.left { + padding: 5px 0; + } + + &.left { margin-left: -3px; - padding: 0 5px; } + padding: 0 5px; + } +} .tooltip-inner { max-width: 200px; @@ -5147,59 +8804,78 @@ 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; } -.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; } +.tooltip { + &.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + + &.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + + &.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + + &.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; + } + + &.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; + } + + &.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } + + &.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } + + &.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } +} .popover { position: absolute; @@ -5213,143 +8889,201 @@ button.close { background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.30); + border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; - -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; } + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + white-space: normal; + + &.top { + margin-top: -10px; + } + + &.right { + margin-left: 10px; + } + + &.bottom { + margin-top: 10px; + } + + &.left { + margin-left: -10px; + } +} .popover-title { margin: 0; padding: 8px 14px; - font-size:14px; + font-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, .popover > .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; } +.popover { + > .arrow { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; -.popover > .arrow { - border-width: 11px; } + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 10px; + content: ""; + } -.popover > .arrow:after { - border-width: 10px; - content: ""; } + border-width: 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; + &.top > .arrow { + left: 50%; + margin-left: -11px; border-bottom-width: 0; - 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-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; + + &:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; + } + } + + &.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; border-left-width: 0; - border-right-color: #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-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); + + &:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; + } + } + + &.bottom > .arrow { + left: 50%; + margin-left: -11px; border-top-width: 0; - border-bottom-color: #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-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; + + &:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; + } + } + + &.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; border-right-width: 0; - border-left-color: #fff; - bottom: -10px; } + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); + + &:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; + } + } +} .carousel { - position: relative; } + position: relative; +} .carousel-inner { position: relative; overflow: hidden; - 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 { + width: 100%; + + > { + .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; + + > { + img, a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + line-height: 1; + } + } + } + + .active, .next, .prev { display: block; - 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%; } + } + + .active { + left: 0; + } + + .next, .prev { + position: absolute; + top: 0; + width: 100%; + } + + .next { + left: 100%; + } + + .prev { + left: -100%; + } + + .next.left, .prev.right { + left: 0; + } + + .active { + &.left { + left: -100%; + } + + &.right { + left: 100%; + } + } + } +} .carousel-control { position: absolute; @@ -5358,57 +9092,70 @@ 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); } - .carousel-control.left { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + + &.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } - .carousel-control.right { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + } + + &.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } - .carousel-control:hover, .carousel-control:focus { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + } + + &:hover, &:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; - filter: alpha(opacity=90); } - .carousel-control .icon-prev, - .carousel-control .icon-next, - .carousel-control .glyphicon-chevron-left, - .carousel-control .glyphicon-chevron-right { + filter: alpha(opacity = 90); + } + + .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; - display: inline-block; } - .carousel-control .icon-prev, - .carousel-control .glyphicon-chevron-left { + display: inline-block; + } + + .icon-prev, .glyphicon-chevron-left { left: 50%; - margin-left: -10px; } - .carousel-control .icon-next, - .carousel-control .glyphicon-chevron-right { + margin-left: -10px; + } + + .icon-next, .glyphicon-chevron-right { right: 50%; - margin-right: -10px; } - .carousel-control .icon-prev, - .carousel-control .icon-next { + margin-right: -10px; + } + + .icon-prev, .icon-next { width: 20px; height: 20px; margin-top: -10px; - font-family: serif; } - .carousel-control .icon-prev:before { - content: '\2039'; } - .carousel-control .icon-next:before { - content: '\203a'; } + font-family: serif; + } + + .icon-prev:before { + content: '\2039'; + } + + .icon-next:before { + content: '\203a'; + } +} .carousel-indicators { position: absolute; @@ -5419,8 +9166,9 @@ button.close { margin-left: -30%; padding-left: 0; list-style: none; - text-align: center; } - .carousel-indicators li { + text-align: center; + + li { display: inline-block; width: 10px; height: 10px; @@ -5430,12 +9178,16 @@ button.close { border-radius: 10px; cursor: pointer; background-color: #000 \9; - background-color: transparent; } - .carousel-indicators .active { + background-color: transparent; + } + + .active { margin: 0; width: 12px; height: 12px; - background-color: #fff; } + background-color: #fff; + } +} .carousel-caption { position: absolute; @@ -5447,255 +9199,330 @@ button.close { padding-bottom: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .carousel-caption .btn { - text-shadow: none; } + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + + .btn { + text-shadow: none; + } +} @media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, - .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-control { + .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + + .glyphicon-chevron-left, .icon-prev { + margin-left: -15px; + } + + .glyphicon-chevron-right, .icon-next { + margin-right: -15px; + } + } .carousel-caption { left: 20%; right: 20%; - padding-bottom: 30px; } + 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: #2ba632; } + 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; } -.visible-xs, .visible-sm, .visible-md, .visible-lg { - display: none !important; } + width: device-width; +} -.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; } +.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block { + display: none !important; +} @media (max-width: 767px) { .visible-xs { - display: block !important; } + display: block !important; + } table.visible-xs { - display: table; } + display: table; + } tr.visible-xs { - display: table-row !important; } + display: table-row !important; + } + + th.visible-xs, td.visible-xs { + display: table-cell !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; } + display: table-row !important; + } + + th.visible-sm, td.visible-sm { + display: table-cell !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; } + display: table-row !important; + } + + th.visible-md, td.visible-md { + display: table-cell !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; } + display: table-row !important; + } + + th.visible-lg, td.visible-lg { + display: table-cell !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; } } -.visible-print { - display: none !important; } + 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; } } -.visible-print-block { - display: none !important; } - @media print { - .visible-print-block { - display: block !important; } } + th.visible-print, td.visible-print { + display: table-cell !important; + } +} -.visible-print-inline { - display: none !important; } - @media print { - .visible-print-inline { - display: inline !important; } } +@media print { + .visible-print-block { + display: block !important; + } +} -.visible-print-inline-block { - display: none !important; } - @media print { - .visible-print-inline-block { - display: inline-block !important; } } +@media print { + .visible-print-inline { + display: inline !important; + } +} + +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} @media print { .hidden-print { - display: none !important; } } -* { - -webkit-font-smoothing: antialiased; } + display: none !important; + } +} -html, body { +* { + -webkit-font-smoothing: antialiased; +} + +html { height: 100%; font-family: 'SourceSansProRegular'; scrollbar-width: thin; @@ -5704,12 +9531,18 @@ html, body { } body { + height: 100%; + font-family: 'SourceSansProRegular'; + scrollbar-width: thin; + scrollbar-color: #45565f #e3e3e3; + background-color: #fff; touch-action: manipulation; min-width: 320px; } .widget-sort-handle { - touch-action: none; } + touch-action: none; +} .page-head { top: 0; @@ -5717,7 +9550,7 @@ body { position: fixed; width: 100%; z-index: 2; - background-color:#172c38; + background-color: #172c38; border-bottom: 1px solid #171717; } @@ -5725,39 +9558,53 @@ body { height: calc(100% - 52px); padding-top: 52px; position: relative; - 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; } + z-index: 1; -.page-content-head, .content-box-head { - padding-bottom: 5px; - padding-top: 10px; - color:#000; + > .row { + height: 100%; + } } - .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 { + .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; + } + + padding-bottom: 5px; + padding-top: 10px; + color: #000; +} + +.content-box-head { + padding-bottom: 5px; + 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 h1, content-box-head h1 { - padding-left: 10px; - padding-right: 10px; - color: #000; - text-decoration-line: none; - font-weight: bold; - text-transform: uppercase; + padding-left: 10px; + padding-right: 10px; + color: #000; + text-decoration-line: none; + font-weight: bold; + text-transform: uppercase; } .page-content-main { @@ -5767,7 +9614,7 @@ body { .page-side { background: #172c38; - border:none; + border: none; height: 100% !important; height: calc(100% - 52px) !important; left: 0; @@ -5775,11 +9622,13 @@ 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; @@ -5790,7 +9639,7 @@ body { position: fixed; height: 20px; background: #172c38; - color:#FFF; + color: #FFF; border-top: 1px solid #162b36; } @@ -5799,391 +9648,571 @@ body { margin: 0px 0px; background: none; 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; } + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + + hr { + border: none; + } +} + +.content-box-main { + padding-bottom: 15px; + padding-top: 15px; +} + .tab-content { - padding: 0px 0px; - margin: 0px 0px; } - .tab-content > .tab-content { - padding: 0 15px; } - .tab-content .tab-content:last-child { - margin-bottom: 0; } + padding: 0px 0px; + margin: 0px 0px; + + > .tab-content { + padding: 0 15px; + } + + .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: #FFF; } - .page-login .container { + background: #FFF; + + .container { min-height: 100%; - margin-bottom: -60px; } - .page-login .container:after { - height: 60px; } -.page-login .login-foot {color:#FFF;} + margin-bottom: -60px; + + &:after { + height: 60px; + } + } + + .login-foot { + color: #FFF; + } +} .login-foot { font-size: 12px; max-width: 400px; margin: 0px auto 0px auto; - background-color: #172c38;} + background-color: #172c38; +} .login-modal-container { - color:#FFF; + color: #FFF; border: none; max-width: 400px; margin: 100px auto 0px auto; - background-color: #172c38;} + background-color: #172c38; +} + .login-modal-head { height: 75px; - padding: 0 20px; } + padding: 20px 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; } - .login-modal-foot a { + padding: 20px 20px 0 20px; + + a { color: #7D7D7D; - text-decoration: none; } - .login-modal-foot a:hover { + text-decoration: none; + + &: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; } - .list-group-item.collapsed .caret { + border-right: none; + + &.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 #515151; + } + + 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; + } + } + } } -#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 { +a.list-group-item.active-menu-title.collapsed { 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; +#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: #172c38 !important; + opacity: 0.98; + } + } + + > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; + background-color: #172c38 !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 > 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 { +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, -#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 { +#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 { color: #000 !important; background-color: #FFF !important; } -/* 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); +#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: 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.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: 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.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 */ + /* 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; + padding-left: 20px; } /* 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; -.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); } + > 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 > .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); } + .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.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); } + &.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 > li > a, -.nav-tabs > li > a:hover, -.nav-tabs > li > a:focus { - outline:0; - font-weight: 100; } + li { + > a { + outline: 0; + font-weight: 100; -.nav-tabs > li.active > a { - background: #172c38 !important; - outline:0; - font-weight: 100; } + &:hover, &:focus { + outline: 0; + font-weight: 100; + } + } -.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; } + &.active > a { + background: #172c38 !important; + outline: 0; + font-weight: 100; + } -.nav-tabs > li > a.visible-lg-inline-block.pull-right { - border-left: 0px !important; - padding-left: 5px !important; - padding-right: 10px !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.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; } } + &.pull-right { + border-left: 0px !important; + padding-left: 5px !important; + padding-right: 10px !important; + } + } + } + } + + &.nav-justified { + border-right: 1px solid #656565; + + > li { + border-bottom: 1px solid #656565; + border-top: 1px solid #656565; + border-left: 1px solid #656565; + border-radius: 0px; + background: #818180; + + > a { + color: #FFFFFF; + font-family: 'SourceSansProSemibold'; + } + } + } +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; + } +} + +@media (max-width: 767px) { + .nav-tabs.nav-justified > li.active > a { + border-right: 0 !important; + } +} @media (min-width: 768px) { > li.active + li > a { - border-left: 1px solid transparent; } } + 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; } -.table { width:100%; } -.table { - margin-bottom: 0px !important; } + vertical-align: -1px; +} -.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 { + width: 100%; + margin-bottom: 0px !important; +} + +.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus { + border: 0px !important; +} .table th, strong, b { - font-weight: 100; } + font-weight: 100; +} .table > tbody > tr > td:last-child { - padding-right: 5px; } + 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; } - .list-group-item + div.collapse { - margin-bottom: -1px; } - .list-group-item + div > a { - padding-left: 44px; } - .list-group-item:before { + text-overflow: ellipsis; + + + div { + &.collapse { + margin-bottom: -1px; + } + + > a { + padding-left: 44px; + } + } + + &:before { background: #FF8B00; content: ""; height: 42px; @@ -6195,32 +10224,47 @@ 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: #24323a; } - .active-menu-title:before, .active-menu a:before { - width: 3px; } - .active-menu-title.active, .active-menu a.active { - background-color: #fff; - color: #000; } + background-color: #24323a; +} -.active-menu a:before { - background: #FF8B00; } +.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; + } +} .alert.alert-danger { - color: #FFF !important; } + color: #FFF !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; } +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-radius: 0 !important; +} .label-opnsense { /* emulates btn */ @@ -6229,41 +10273,50 @@ 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: #172c38; border: thin solid #e5e5e5; - border-radius: 0px; } + border-radius: 0px; -::-webkit-scrollbar-thumb:hover { - background: #ec6d12; } + &:hover { + background: #ec6d12; + } +} .widgetdiv { padding-top: 0px !important; - padding-bottom: 20px; } + padding-bottom: 20px; +} select { overflow: hidden; @@ -6276,63 +10329,94 @@ select { 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; -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; } + &:hover, &:active, &: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, option:active, option:focus { - background-color:#FF6E05; - } +option { + &:hover, &:active, &:focus { + background-color: #FF6E05; + } +} + +#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] { + min-width: 3.5em; +} -#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.30); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); } + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); +} @media screen and (max-width: 767px) { .table-responsive { - margin-bottom: 0; } - .table-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; } } + margin-bottom: 0; -label > input[type="checkbox"], -label > input[type="radio"] { - margin-right: .4em; - float: left; } + > .table > { + thead > tr > { + th, td { + white-space: normal; + } + } -#log-settings label[for^="act"] { - margin-right: 1.5em; } + tbody > tr > { + th, td { + white-space: normal; + } + } -#log-settings table>tbody>tr>td { - vertical-align: middle; } + tfoot > tr > { + th, td { + white-space: normal; + } + } + } + } +} -#log-settings select#filterlogentries, -#log-settings select#filterlogentriesupdateinterval { - width: 5em; } +label > input { + &[type="checkbox"], &[type="radio"] { + margin-right: .4em; + float: left; + } +} -#log-settings select#filterlogentriesinterfaces { - min-width: 100%; - max-width: 100%; } +#log-settings { + label[for^="act"] { + margin-right: 1.5em; + } + + table > tbody > tr > td { + vertical-align: middle; + } + + select { + &#filterlogentries, &#filterlogentriesupdateinterval { + width: 5em; + } + + &#filterlogentriesinterfaces { + min-width: 100%; + max-width: 100%; + } + } +} /* fields in firewall schedule */ + [data-state="lightcoral"] { background-color: #ffe83e; } @@ -6345,50 +10429,64 @@ label > input[type="radio"] { background-color: #ffe83e; } -#ipsec #ipsec-mobile, #ipsec #ipsec-tunnel, #ipsec #ipsec-overview { - background-color: #f0f0f0 !important; +#ipsec { + #ipsec-mobile, #ipsec-tunnel, #ipsec-overview { + background-color: #f0f0f0 !important; + } + + .ipsec-tab { + background-color: #45565f !important; + color: #FFF !important; + + &.activetab { + background-color: #172c38 !important; + color: #FFF !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: #A22626 !important; - color:#FFF; + 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, textarea#update_status:hover { - color:inherit !important; - -webkit-box-shadow:none !important; - box-shadow:none !important; - border:none !important; +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; + } } .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 { @@ -6396,7 +10494,7 @@ textarea#update_status, textarea#update_status:hover { } .glyphicon.glyphicon-search::before { - color:#000 !important; + color: #000 !important; } .fa-times-circle::before { @@ -6408,30 +10506,42 @@ textarea#update_status, textarea#update_status:hover { 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: #FF6E05 !important; border: 1px solid #FF6E05 !important; } -div.container-fluid >.fa-search::before, div.container-fluid >.fa-refresh::before { - color: #FFFFFF !important; } +div.container-fluid > { + .fa-search::before, .fa-refresh::before { + color: #FFFFFF !important; + } +} -.panel-heading h3:hover, h3:focus { +.panel-heading h3:hover { color: #FFFFFF; text-decoration: none; } -h3:link { - color:#FFFFFF;text-decoration: underline; -} +h3 { + &:focus { + color: #FFFFFF; + text-decoration: none; + } -h3:hover, h3:focus { - text-decoration: underline; + &:link { + color: #FFFFFF; + text-decoration: underline; + } + + &:hover, &:focus { + text-decoration: underline; + } } #grid-log { @@ -6439,32 +10549,67 @@ h3:hover, h3:focus { } .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, .btn-group.bootstrap-select:hover { - border-color: #323232 !important; - color:#FFFFFF !important; +.btn-group.bootstrap-select { + &.open, &:hover { + border-color: #323232 !important; + color: #FFFFFF !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; +.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; + } } #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; @@ -6480,38 +10625,50 @@ h3:hover, h3:focus { box-shadow: none !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; -} +input[type="checkbox"] { + &.checkbox-switch + i::before, &.checkbox-icon + i::before { + color: #CB4326 !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; + &.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; + } } .modal-header > span { color: #000; } -.bootstrap-datetimepicker-widget table td span:hover { - background: none !important; -} - .bootstrap-datetimepicker-widget { - background-color:#FF6E05 !important; -} + table td span:hover { + background: none !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; + 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; + } + background-color: #f0f0f0 !important; } @@ -6520,7 +10677,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox } .alert-primary { - background-color:none !important; + background-color: none !important; color: #000 !important; } @@ -6532,18 +10689,20 @@ label.btn.au-target { border: 1px solid #bdbdbd; } -.rule.text-muted > td:nth-child(1n+3) { - text-decoration: line-through; -} +.rule.text-muted > td { + &:nth-child(1n+3) { + text-decoration: line-through; + } -.rule.text-muted > td:last-child { - text-decoration:none; + &:last-child { + text-decoration: none; + } } #reports-tab { - border-bottom: 1px solid #a5a5a5; + border-bottom: 1px solid #a5a5a5; } .top-list .list-group-item { - background-color: #fff; + background-color: #fff; } 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 3440c283d..b2b05058c 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 @@ -18,9 +18,14 @@ vertical-align: middle; width: 180px; } - +.bootgrid-header .search .fa-solid, +.bootgrid-footer .search .fa-solid { + top: 0; +} .bootgrid-header .search .fa, -.bootgrid-footer .search .fa { +.bootgrid-header .search .fa-solid, +.bootgrid-footer .search .fa, +.bootgrid-footer .search .fa-solid { display: table-cell; } .bootgrid-header .search.search-field::-ms-clear, @@ -39,9 +44,6 @@ } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { - color: #000; - background-color: #f0f0f0; - border-color: #1d1d1d; text-align: left; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item, @@ -56,9 +58,9 @@ .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus { - color: #fff; + color: #FFF; text-decoration: none; - background-color: #ff7e25; + background-color: #dd630d; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, @@ -78,7 +80,7 @@ outline: 0; } .bootgrid-table th > .column-header-anchor { - color: #000; + color: #e8f1f9; cursor: not-allowed; display: block; position: relative; @@ -95,21 +97,16 @@ -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; - color:#FFF; } .bootgrid-table th > .column-header-anchor > .icon { - color: #000; display: block; position: absolute; right: 0; top: 2px; } -.bootgrid-table th > .column-header-anchor > .glyphicon { - color: #000; -} .bootgrid-table th:hover, .bootgrid-table th:active { - background: #f2fafe; + background: #fafafa; } .bootgrid-table td { overflow: hidden; @@ -142,7 +139,6 @@ -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 ea1ae3c64..3fc27afd3 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 @@ -3713,7 +3713,9 @@ tbody.collapse.in { @media (min-width: 768px) { .navbar-header { float: left; } } - +.navbar-header { + padding-top: 12px; +} .navbar-collapse { overflow-x: visible; padding-right: 20px; @@ -3795,18 +3797,6 @@ tbody.collapse.in { margin-bottom: 0; border-width: 1px 0 0; } -.navbar-brand { - float: left; - padding: 15px 20px; - font-size: 18px; - height: 50px; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - - @media (min-width: 768px) { - .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { - margin-left: -20px; } } - .navbar-toggle { position: relative; float: left; @@ -3830,7 +3820,12 @@ tbody.collapse.in { @media (min-width: 768px) { .navbar-toggle { display: none; } } - +.navbar-brand img.brand-logo { + height: 30px; +} +.navbar-brand img.brand-icon { + height: 30px; +} .navbar-nav { margin: 7.5px -20px; } .navbar-nav > li > a { @@ -5864,7 +5859,7 @@ body { background-color: #172c38;} .login-modal-head { height: 75px; - padding: 0 20px; } + padding: 20px 20px; } .login-modal-content { padding: 20px 20px 20px 20px; } .login-modal-foot { @@ -6049,6 +6044,7 @@ button.toggle-sidebar { margin-top: 18px; float:left; outline:none; + padding-left: 20px; } /* COLLAPSE SIDEBAR END*/ @@ -6219,9 +6215,6 @@ button.toggle-sidebar { .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; } - .label-opnsense { /* emulates btn */ display: inline-block; diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/default-logo.png b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/default-logo.png index 9f98843f0..35122b0fc 100644 Binary files a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/default-logo.png and b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/default-logo.png differ diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/favicon.png b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/favicon.png index 3e6dde972..9a8472bc4 100644 Binary files a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/favicon.png and b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/favicon.png differ diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/icon-logo.png b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/icon-logo.png deleted file mode 100644 index 31f8b2b24..000000000 Binary files a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/icon-logo.png and /dev/null differ diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/icon-logo.svg b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/icon-logo.svg new file mode 100644 index 000000000..ce38f02f0 --- /dev/null +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/images/icon-logo.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/misc/theme-vicuna/Makefile b/misc/theme-vicuna/Makefile index f5fa4eaf1..9a6bc449d 100644 --- a/misc/theme-vicuna/Makefile +++ b/misc/theme-vicuna/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-vicuna -PLUGIN_VERSION= 1.48 +PLUGIN_VERSION= 1.49 PLUGIN_REVISION= 1 PLUGIN_COMMENT= The vicuna theme - blue sapphire PLUGIN_MAINTAINER= rene@team-rebellion.net diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/assets/stylesheets/main.scss b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/assets/stylesheets/main.scss index 8d0bb9bf8..c53e7fcab 100644 --- a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/assets/stylesheets/main.scss +++ b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/assets/stylesheets/main.scss @@ -5474,7 +5474,7 @@ tbody.collapse.in { &.pull-right { right: 0; left: auto; - background-color: #e5e5e5; + background-color: #1b272f; } .divider { @@ -6360,6 +6360,8 @@ a:focus { display: table; clear: both; } + + padding-top: 12px; } @media (min-width: 768px) { @@ -6493,25 +6495,6 @@ a:focus { border-width: 1px 0 0; } -.navbar-brand { - float: left; - padding: 15px 20px; - font-size: 18px; - height: 50px; - - &:hover, &:focus { - text-decoration: none; - } -} - -@media (min-width: 768px) { - .navbar > { - .container .navbar-brand, .container-fluid .navbar-brand { - margin-left: -20px; - } - } -} - .navbar-toggle { position: relative; float: left; @@ -8023,8 +8006,8 @@ a.list-group-item-danger { .panel-footer { padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; + background-color: #172229; + border-top: 1px solid #191919; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @@ -10022,6 +10005,7 @@ button.toggle-sidebar { margin-top: 18px; float: left; outline: none; + padding-left: 20px; } /* COLLAPSE SIDEBAR END*/ @@ -10267,10 +10251,6 @@ button.toggle-sidebar { border-radius: 0 !important; } -.navbar-brand { - padding: 10px 20px; -} - .label-opnsense { /* emulates btn */ display: inline-block; diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/jquery.bootgrid.css b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/jquery.bootgrid.css index 7306ee798..28d81cdfc 100644 --- a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/jquery.bootgrid.css +++ b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/jquery.bootgrid.css @@ -18,9 +18,14 @@ vertical-align: middle; width: 180px; } - +.bootgrid-header .search .fa-solid, +.bootgrid-footer .search .fa-solid { + top: 0; +} .bootgrid-header .search .fa, -.bootgrid-footer .search .fa { +.bootgrid-header .search .fa-solid, +.bootgrid-footer .search .fa, +.bootgrid-footer .search .fa-solid { display: table-cell; } .bootgrid-header .search.search-field::-ms-clear, @@ -39,9 +44,6 @@ } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { - color: #fff; - background-color: #1c2931; - border-color: #191919; text-align: left; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item, @@ -56,9 +58,9 @@ .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus { - color: #fff; + color: #FFF; text-decoration: none; - background-color: #ff7e25; + background-color: #dd630d; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, @@ -78,7 +80,7 @@ outline: 0; } .bootgrid-table th > .column-header-anchor { - color: #FFF; + color: #e8f1f9; cursor: not-allowed; display: block; position: relative; @@ -97,18 +99,14 @@ white-space: nowrap; } .bootgrid-table th > .column-header-anchor > .icon { - color: #000; display: block; position: absolute; right: 0; top: 2px; } -.bootgrid-table th > .column-header-anchor > .glyphicon { - color: #000; -} .bootgrid-table th:hover, .bootgrid-table th:active { - background: #f2fafe; + background: #fafafa; } .bootgrid-table td { overflow: hidden; @@ -119,7 +117,7 @@ } .bootgrid-table td.loading, .bootgrid-table td.no-results { - background: none; + background: #172229; text-align: center; } .bootgrid-table th.select-cell, diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/main.css b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/main.css index 3b43e7ea9..3007cd0b1 100644 --- a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/main.css +++ b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/css/main.css @@ -3178,7 +3178,7 @@ tbody.collapse.in { .dropdown-menu.pull-right { right: 0; left: auto; - background-color: #e5e5e5; } + background-color: #1b272f; } .dropdown-menu .divider { height: 1px; @@ -3704,7 +3704,9 @@ tbody.collapse.in { @media (min-width: 768px) { .navbar-header { float: left; } } - +.navbar-header { + padding-top: 12px; +} .navbar-collapse { overflow-x: visible; padding-right: 20px; @@ -3786,18 +3788,6 @@ tbody.collapse.in { margin-bottom: 0; border-width: 1px 0 0; } -.navbar-brand { - float: left; - padding: 15px 20px; - font-size: 18px; - height: 50px; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - - @media (min-width: 768px) { - .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { - margin-left: -20px; } } - .navbar-toggle { position: relative; float: left; @@ -4691,8 +4681,8 @@ a.list-group-item-danger { .panel-footer { padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; + background-color: #172229; + border-top: 1px solid #191919; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @@ -6038,6 +6028,7 @@ button.toggle-sidebar { margin-top: 18px; float:left; outline:none; + padding-left: 20px; } /* COLLAPSE SIDEBAR END*/ @@ -6207,9 +6198,6 @@ button.toggle-sidebar { .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; } - .label-opnsense { /* emulates btn */ display: inline-block; diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/default-logo.png b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/default-logo.png index 9f98843f0..35122b0fc 100644 Binary files a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/default-logo.png and b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/default-logo.png differ diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/favicon.png b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/favicon.png index 3e6dde972..9a8472bc4 100644 Binary files a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/favicon.png and b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/favicon.png differ diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/icon-logo.png b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/icon-logo.png deleted file mode 100644 index 31f8b2b24..000000000 Binary files a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/icon-logo.png and /dev/null differ diff --git a/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/icon-logo.svg b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/icon-logo.svg new file mode 100644 index 000000000..ce38f02f0 --- /dev/null +++ b/misc/theme-vicuna/src/opnsense/www/themes/vicuna/build/images/icon-logo.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file